diff --git a/types/catho__quantum/catho__quantum-tests.tsx b/types/catho__quantum/catho__quantum-tests.tsx
index 7cad19dff0..9448ec3332 100644
--- a/types/catho__quantum/catho__quantum-tests.tsx
+++ b/types/catho__quantum/catho__quantum-tests.tsx
@@ -100,4 +100,13 @@ Validations.Required({ value: 'abc' });
;
;
Tooltip example;
-;
+;
+ `value: ${value}`} />;
+;
+ `value: ${value}`,
+ { validate: Validations.Date, error: 'Error test' },
+ ]}
+/>;
diff --git a/types/catho__quantum/components/Button/index.d.ts b/types/catho__quantum/components/Button/index.d.ts
index e5fc8f1a77..40fac28bb1 100644
--- a/types/catho__quantum/components/Button/index.d.ts
+++ b/types/catho__quantum/components/Button/index.d.ts
@@ -22,6 +22,7 @@ export interface ButtonProps {
button: object;
};
};
+ id?: string;
}
export default class Button extends React.Component> {
diff --git a/types/catho__quantum/components/Input/index.d.ts b/types/catho__quantum/components/Input/index.d.ts
index 2a638ebe67..5a3da34242 100644
--- a/types/catho__quantum/components/Input/index.d.ts
+++ b/types/catho__quantum/components/Input/index.d.ts
@@ -1,7 +1,19 @@
import React = require('react');
+import { Validations } from '../Form';
+import { string } from 'prop-types';
+
export type MaskFunction = (rawValue: string) => string[];
export type Mask = boolean | RegExp | string | MaskFunction;
+export type Validate =
+ | typeof Validations.Required
+ | typeof Validations.CPF
+ | typeof Validations.CEP
+ | typeof Validations.Date
+ | typeof Validations.MinLength
+ | typeof Validations.MaxLength
+ | typeof Validations.Email;
+export type CustomValidate = ((param?: { value: string }) => string) | { validate: Validate; error: string };
export interface InputProps {
value?: string;
@@ -13,6 +25,8 @@ export interface InputProps {
type?: 'email' | 'text' | 'tel' | 'number' | 'password' | 'search';
error?: string;
id?: string;
+ name?: string;
+ validate?: Validate | CustomValidate | Array;
mask?: Mask | Mask[];
onClean?: React.MouseEventHandler;
onChange?: React.ChangeEventHandler;
diff --git a/types/catho__quantum/components/Toggle/index.d.ts b/types/catho__quantum/components/Toggle/index.d.ts
index 7e6be7b22a..f02e54a982 100644
--- a/types/catho__quantum/components/Toggle/index.d.ts
+++ b/types/catho__quantum/components/Toggle/index.d.ts
@@ -1,6 +1,7 @@
import React = require('react');
export interface ToggleProps {
+ id?: string;
checked?: boolean;
theme?: {
colors?: object;