@itcase/forms 1.1.62 → 1.1.64

package/dist/form/Field/Input/stories/FormFieldInputClassic.stories.d.ts

@@ -0,0 +1,296 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export namespace args {
+        let validationSchema: yup.ObjectSchema<{
+            text: string;
+        }, yup.AnyObject, {
+            text: undefined;
+        }, "">;
+    }
+    export namespace parameters {
+        let error: boolean;
+    }
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Filled {
+    export namespace args_1 {
+        let config: {
+            field: {
+                type: "text";
+                name: string;
+                fieldProps: {
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    id?: string;
+                    after?: React.ReactNode;
+                    afterItem?: React.ReactNode;
+                    before?: React.ReactNode;
+                    beforeItem?: React.ReactNode;
+                    children?: React.ReactNode;
+                    className?: string;
+                    dataTestId?: string;
+                    dataTour?: string;
+                    desc?: string;
+                    descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    label: string;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    type?: import("../../../generator/generator.interface").FormTypes;
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+            };
+        } & {
+            field: {
+                inputProps: {
+                    value: string;
+                };
+            };
+        };
+    }
+    export { args_1 as args };
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export namespace args_2 {
+        let validationSchema_1: yup.ObjectSchema<{
+            text: string;
+        }, yup.AnyObject, {
+            text: undefined;
+        }, "">;
+        export { validationSchema_1 as validationSchema };
+    }
+    export { args_2 as args };
+    export namespace parameters_1 {
+        let require: boolean;
+    }
+    export { parameters_1 as parameters };
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export namespace args_3 {
+        let config_1: {
+            field: {
+                type: "text";
+                name: string;
+                fieldProps: {
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    id?: string;
+                    after?: React.ReactNode;
+                    afterItem?: React.ReactNode;
+                    before?: React.ReactNode;
+                    beforeItem?: React.ReactNode;
+                    children?: React.ReactNode;
+                    className?: string;
+                    dataTestId?: string;
+                    dataTour?: string;
+                    desc?: string;
+                    descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    label: string;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    type?: import("../../../generator/generator.interface").FormTypes;
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+            };
+        } & {
+            field: {
+                inputProps: {
+                    isDisabled: boolean;
+                };
+            };
+        };
+        export { config_1 as config };
+    }
+    export { args_3 as args };
+    export namespace parameters_2 {
+        let disabled: boolean;
+    }
+    export { parameters_2 as parameters };
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldInput as component };
+    export namespace args_4 {
+        export namespace config_2 {
+            namespace field {
+                let type: "text";
+                let name: string;
+                let fieldProps: {
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    id?: string;
+                    after?: React.ReactNode;
+                    afterItem?: React.ReactNode;
+                    before?: React.ReactNode;
+                    beforeItem?: React.ReactNode;
+                    children?: React.ReactNode;
+                    className?: string;
+                    dataTestId?: string;
+                    dataTour?: string;
+                    desc?: string;
+                    descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    label: string;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    type?: import("../../../generator/generator.interface").FormTypes;
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                let inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+            }
+        }
+        export { config_2 as config };
+        export function onSubmit(): void;
+    }
+    export { args_4 as args };
+    export namespace parameters_3 {
+        let maxWidth: string;
+        let layout: string;
+        let formUrl: string;
+    }
+    export { parameters_3 as parameters };
+}
+import * as yup from 'yup';
+import { FormFieldInput } from '../index';

package/dist/form/Field/Input/stories/FormFieldInputFloat.stories.d.ts

@@ -0,0 +1,296 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export namespace args {
+        let validationSchema: yup.ObjectSchema<{
+            text: string;
+        }, yup.AnyObject, {
+            text: undefined;
+        }, "">;
+    }
+    export namespace parameters {
+        let error: boolean;
+    }
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Filled {
+    export namespace args_1 {
+        let config: {
+            field: {
+                type: "text";
+                name: string;
+                fieldProps: {
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    id?: string;
+                    after?: React.ReactNode;
+                    afterItem?: React.ReactNode;
+                    before?: React.ReactNode;
+                    beforeItem?: React.ReactNode;
+                    children?: React.ReactNode;
+                    className?: string;
+                    dataTestId?: string;
+                    dataTour?: string;
+                    desc?: string;
+                    descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    label: string;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    type: string;
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+            };
+        } & {
+            field: {
+                inputProps: {
+                    value: string;
+                };
+            };
+        };
+    }
+    export { args_1 as args };
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export namespace args_2 {
+        let validationSchema_1: yup.ObjectSchema<{
+            text: string;
+        }, yup.AnyObject, {
+            text: undefined;
+        }, "">;
+        export { validationSchema_1 as validationSchema };
+    }
+    export { args_2 as args };
+    export namespace parameters_1 {
+        let require: boolean;
+    }
+    export { parameters_1 as parameters };
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export namespace args_3 {
+        let config_1: {
+            field: {
+                type: "text";
+                name: string;
+                fieldProps: {
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    id?: string;
+                    after?: React.ReactNode;
+                    afterItem?: React.ReactNode;
+                    before?: React.ReactNode;
+                    beforeItem?: React.ReactNode;
+                    children?: React.ReactNode;
+                    className?: string;
+                    dataTestId?: string;
+                    dataTour?: string;
+                    desc?: string;
+                    descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    label: string;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    type: string;
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+            };
+        } & {
+            field: {
+                inputProps: {
+                    isDisabled: boolean;
+                };
+            };
+        };
+        export { config_1 as config };
+    }
+    export { args_3 as args };
+    export namespace parameters_2 {
+        let disabled: boolean;
+    }
+    export { parameters_2 as parameters };
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    export let title: string;
+    export { FormFieldInput as component };
+    export namespace args_4 {
+        export namespace config_2 {
+            namespace field {
+                let type: "text";
+                let name: string;
+                let fieldProps: {
+                    direction?: import("@itcase/types-ui").DirectionProps;
+                    dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
+                    errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    showMessage?: boolean;
+                    width?: import("@itcase/types-ui").WidthProps;
+                    id?: string;
+                    after?: React.ReactNode;
+                    afterItem?: React.ReactNode;
+                    before?: React.ReactNode;
+                    beforeItem?: React.ReactNode;
+                    children?: React.ReactNode;
+                    className?: string;
+                    dataTestId?: string;
+                    dataTour?: string;
+                    desc?: string;
+                    descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
+                    dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
+                    dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
+                    errorKey?: "error" | "required";
+                    errorMessage?: string;
+                    errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    fieldClassName?: string;
+                    helpText: string;
+                    helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
+                    helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    inputName?: string;
+                    inputValue?: boolean | object | string;
+                    isDisabled?: boolean;
+                    isErrorState?: boolean;
+                    isHidden?: boolean;
+                    isRequired?: boolean;
+                    isValidState?: boolean;
+                    label: string;
+                    labelHidden?: string;
+                    labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    metaActive?: boolean;
+                    metaError?: boolean;
+                    requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                    requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
+                    showDivider?: boolean;
+                    tag?: "div" | "label";
+                    type: string;
+                    size?: import("@itcase/ui-web/components/Text").TextProps["size"];
+                };
+                let inputProps: {
+                    placeholder: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    successAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    width: import("@itcase/types-ui").WidthProps;
+                };
+            }
+        }
+        export { config_2 as config };
+        export function onSubmit(): void;
+    }
+    export { args_4 as args };
+    export namespace parameters_3 {
+        let maxWidth: string;
+        let layout: string;
+        let formUrl: string;
+    }
+    export { parameters_3 as parameters };
+}
+import * as yup from 'yup';
+import { FormFieldInput } from '../index';