@itcase/forms 1.1.62 → 1.1.64

package/dist/constants/index.d.ts

@@ -0,0 +1,7 @@
+declare const DEFAULT_MESSAGES_FIELDS: {
+    [x: string]: Record<"key" | "message", string | ((params: {
+        max: number;
+        min: number;
+    }) => string)>;
+};
+export { DEFAULT_MESSAGES_FIELDS };

package/dist/constants/messages.constant.d.ts

@@ -0,0 +1,10 @@
+import { Messages } from './messages.interface';
+declare const DEFAULT_MESSAGES_REQUIRED: Messages;
+declare const DEFAULT_MESSAGES_ERROR: Messages;
+declare const DEFAULT_MESSAGES_URL: Messages;
+declare const DEFAULT_MESSAGES_PASSWORD: Messages;
+declare const DEFAULT_MESSAGES_NUMBER: Messages;
+declare const DEFAULT_MESSAGES_MIN_MAX: Messages;
+declare const DEFAULT_MESSAGES_PHONE: Messages;
+declare const DEFAULT_MESSAGES_EMAIL: Messages;
+export { DEFAULT_MESSAGES_EMAIL, DEFAULT_MESSAGES_ERROR, DEFAULT_MESSAGES_MIN_MAX, DEFAULT_MESSAGES_NUMBER, DEFAULT_MESSAGES_PASSWORD, DEFAULT_MESSAGES_PHONE, DEFAULT_MESSAGES_REQUIRED, DEFAULT_MESSAGES_URL, };

package/dist/constants/messages.interface.d.ts

@@ -0,0 +1,5 @@
+type Messages = Record<string, Record<'key' | 'message', ((params: {
+    max: number;
+    min: number;
+}) => string) | string>>;
+export type { Messages };

package/dist/css/form/Field/Checkbox/FormFieldCheckbox.css

@@ -1,7 +1,11 @@
 .form-field {
   &-checkbox {
-    ^&__message {
-      padding: 0 0 0 12px;
+    &^&_type_classic {
+      gap: 0;
+      padding: 0 0 8px 0;
+      ^^&__message {
+        padding: 4px 0 0 24px;
+      }
     }
   }
 }

package/dist/css/form/Field/Code/FormFieldCode.css

@@ -1,10 +1,12 @@
 .form-field {
   &-code {
-    ^&__label {
-      text-align: center;
-    }
-    ^&__message {
-      text-align: center;
+    &^&_type_classic {
+      ^^&__label {
+        text-align: center;
+      }
+      ^^&__message {
+        text-align: center;
+      }
     }
     &^&_size {
         &_xxl {

package/dist/css/form/Field/Input/FormFieldInput.css

@@ -1,3 +1,5 @@
+.form-input {
+}
 :root {
   --form-input-error-border: var(--color-error-border-primary);
   --form-input-error-border-hover: var(--color-error-border-primary);

package/dist/css/form/Form/Form.css

@@ -103,7 +103,7 @@
     z-index: 100;
   }
   &_global {
-    margin: 0 0 16px 0;
+    margin: 0;
   }
   &__item {
     text-align: center;
@@ -151,7 +151,7 @@
       display: flex;
       flex-direction: column;
       ^^&__wrapper {
-        overflow: scroll;
+        overflow: auto;
         flex: 1;
       }
       ^^&__button {

package/dist/css/form/Form/css/form-notification/form-notification.css

@@ -6,7 +6,7 @@
     z-index: 100;
   }
   &_global {
-    margin: 0 0 16px 0;
+    margin: 0;
   }
   &__item {
     text-align: center;

package/dist/css/form/FormField/FormField.css

@@ -1,4 +1,7 @@
 .form-field {
+  &_switch {
+    cursor: pointer;
+  }
   &__content {
     width: 100%;
     &-inner {
@@ -17,9 +20,6 @@
   }
   &__message {
     &-item {
-      height: var(--form-field-help-text-height);
-      line-height: var(--form-field-help-text-line-height);
-      padding: var(--form-field-help-text-padding);
       display: block;
     }
   }
@@ -34,8 +34,7 @@
 }
 .form {
   &^&-field_type_float {
-    padding: 12px 0 12px 0;
-    margin: var(--form-field_type_float-margin);
+    padding: var(--form-field_type_float-padding);
     position: relative;
     gap: var(--form-field_type_float-gap);
     &^&__item_state_focus,
@@ -43,8 +42,8 @@
       & .form {
         &-field {
           &__label {
-            background: #fff;
-            transform: scale(0.85) translate(10px, 2px);
+            background: var(--color-palette-white);
+            transform: scale(1) translate(8px, -12px);
           }
         }
       }
@@ -62,18 +61,17 @@
     & .form {
       &-field {
         &__label {
-          padding: 0 4px;
+          padding: var(--form-field_type_float-label-padding);
           position: absolute;
           display: flex;
-          top: 4px;
           z-index: 2;
-          transform: scale(1) translate(8px, 20px);
+          transform: scale(1.285) translate(8px, 4px);
           transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
           pointer-events: none;
           transform-origin: top left;
         }
         &__message {
-          padding: 0 0 0 12px;
+          padding: var(--form-field_type_float-message-padding);
         }
       }
     }
@@ -95,9 +93,14 @@
   &_type {
     &_classic {
       padding: var(--form-field_type_classic-padding);
-      margin: var(--form-field_type_classic-margin);
       position: relative;
       gap: var(--form-field_type_classic-gap);
+      ^^&__label {
+        padding: var(--form-field_type_classic-label-padding);
+      }
+      ^^&__message {
+        padding: var(--form-field_type_classic-message-padding);
+      }
     }
   }
 }
@@ -163,3 +166,13 @@
     }
   }
 }
+:root {
+  --form-field_type_classic-padding: 8px 0;
+  --form-field_type_classic-gap: 4px;
+  --form-field_type_classic-label-padding: 4px;
+  --form-field_type_classic-message-padding: 4px 0 0 4px;
+
+  --form-field_type_float-padding: 12px 0;
+  --form-field_type_float-label-padding: 4px;
+  --form-field_type_float-message-padding: 4px 0 0 12px;
+}

package/dist/form/Field/Checkbox/FormFieldCheckbox.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldCheckboxProps } from './FormFieldCheckbox.interface';
+declare const FormFieldCheckbox: React.NamedExoticComponent<FormFieldCheckboxProps>;
+export { FormFieldCheckbox };

package/dist/form/Field/Checkbox/FormFieldCheckbox.interface.d.ts

@@ -0,0 +1,18 @@
+import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { FieldWrapperBaseProps } from 'src/form/FieldWrapper/FieldWrapper.interface';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+type CheckboxField = BaseField & {
+    onChange: (isChecked: boolean, name: string) => void;
+    type: Extract<FormTypes, 'checkbox'>;
+};
+type FormFieldCheckboxProps = CheckboxField & {
+    fieldProps?: FieldWrapperBaseProps;
+    initialValue?: {};
+};
+type DefaultCheckboxProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    width?: WidthProps;
+};
+export type { CheckboxField, DefaultCheckboxProps, FormFieldCheckboxProps };

package/dist/form/Field/Checkbox/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultCheckboxProps } from '../FormFieldCheckbox.interface';
+declare const defaultCheckboxProps: DefaultCheckboxProps;
+export { defaultCheckboxProps };

package/dist/form/Field/Checkbox/index.d.ts

@@ -0,0 +1,3 @@
+import { defaultCheckboxProps } from './appearance/default';
+import { FormFieldCheckbox } from './FormFieldCheckbox';
+export { defaultCheckboxProps, FormFieldCheckbox };

package/dist/form/Field/Checkbox/stories/FormFieldCheckbox.stories.d.ts

@@ -0,0 +1,99 @@
+export default meta;
+export namespace Default {
+    namespace parameters {
+        let error: boolean;
+    }
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Success {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    export function render_4(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_4 as render };
+}
+declare namespace meta {
+    let title: string;
+    namespace args {
+        namespace config {
+            namespace checkbox {
+                let type: "checkbox";
+                let name: string;
+                let fieldProps: {
+                    label: string;
+                    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;
+                    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: {
+                    label: string;
+                    desc: string;
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    width?: import("@itcase/types-ui").WidthProps;
+                };
+            }
+        }
+    }
+}

package/dist/form/Field/Chips/FormFieldChips.d.ts

@@ -0,0 +1,3 @@
+import { FormFieldChipsProps } from './FormFieldChips.interface';
+declare function FormFieldChips(props: FormFieldChipsProps): import("react/jsx-runtime").JSX.Element;
+export { FormFieldChips };

package/dist/form/Field/Chips/FormFieldChips.interface.d.ts

@@ -0,0 +1,27 @@
+import { FieldRenderProps } from 'react-final-form';
+import { Option } from '@itcase/types-core';
+import { CompositeAppearanceKeys, CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { TextProps } from '@itcase/ui-web/components/Text';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+import { UseFieldValidationStateParams } from 'src/hooks/useFieldValidationState/useFieldValidationState.interface';
+type ChipsField = BaseField & {
+    options: Array<Option & {
+        isDisabled?: boolean;
+    }>;
+    type: Extract<FormTypes, 'chips'>;
+};
+type FormFieldChipsProps = ChipsField & {
+    emptyMessage?: string;
+    emptyMessageTextColor?: TextProps['textColor'];
+    emptyMessageTextSize?: TextProps['size'];
+    initialValue?: string[];
+    onChange?: (values: string[]) => void;
+};
+type ChipsFieldRenderProps = FieldRenderProps<UseFieldValidationStateParams['meta'], HTMLElement, string[]>;
+type DefaultChipsProps = {
+    appearance: CompositeAppearanceKeys;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceKeys;
+    width?: WidthProps;
+};
+export type { ChipsField, ChipsFieldRenderProps, DefaultChipsProps, FormFieldChipsProps, };

package/dist/form/Field/Chips/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultChipsProps } from '../FormFieldChips.interface';
+declare const defaultChipsProps: DefaultChipsProps;
+export { defaultChipsProps };

package/dist/form/Field/Chips/index.d.ts

@@ -0,0 +1,3 @@
+import { defaultChipsProps } from './appearance/default';
+import { FormFieldChips } from './FormFieldChips';
+export { defaultChipsProps, FormFieldChips };

package/dist/form/Field/Chips/stories/FormFieldChips.stories.d.ts

@@ -0,0 +1,30 @@
+export default meta;
+export namespace Default {
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Success {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    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 { FormFieldChips as component };
+    export { FormFieldChipsMock as args };
+    export namespace parameters {
+        let layout: string;
+    }
+}
+import { FormFieldChips } from '../index';
+import { FormFieldChipsMock } from './__mock__';

package/dist/form/Field/Chips/stories/__mock__/index.d.ts

@@ -0,0 +1,76 @@
+export namespace FormFieldChipsMock {
+    namespace config {
+        namespace chips {
+            let type: "chips";
+            let name: string;
+            let fieldProps: {
+                label: string;
+                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;
+                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: {
+                appearance: import("@itcase/types-ui").CompositeAppearanceKeys;
+                errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                requiredAppearance: import("@itcase/types-ui").CompositeAppearanceKeys;
+                width?: import("@itcase/types-ui").WidthProps;
+            };
+            let options: {
+                label: string;
+                value: string;
+            }[];
+            let isRequired: boolean;
+        }
+    }
+}

package/dist/form/Field/Choice/FormFieldChoice.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldChoiceProps } from './FormFieldChoice.interface';
+declare const FormFieldChoice: React.NamedExoticComponent<FormFieldChoiceProps>;
+export { FormFieldChoice };

package/dist/form/Field/Choice/FormFieldChoice.interface.d.ts

@@ -0,0 +1,23 @@
+import { FieldRenderProps } from 'react-final-form';
+import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { ChoiceProps } from '@itcase/ui-web/components/Choice';
+import { FieldWrapperProps } from 'src/form/FieldWrapper/FieldWrapper.interface';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+type ChoiceField = BaseField & {
+    onChange: (value: string, name: string, isChecked?: boolean) => void;
+    options: ChoiceProps['options'];
+    type: Extract<FormTypes, 'choice'>;
+};
+type FormFieldChoiceProps = ChoiceField & {
+    initialValue?: string;
+    isCheckbox?: boolean;
+    label?: FieldWrapperProps['label'];
+};
+type ChoiceFieldRenderProps = FieldRenderProps<string>;
+type DefaultChoiceProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    width?: WidthProps;
+};
+export type { ChoiceField, ChoiceFieldRenderProps, DefaultChoiceProps, FormFieldChoiceProps, };

package/dist/form/Field/Choice/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultChoiceProps } from '../FormFieldChoice.interface';
+declare const defaultChoiceProps: DefaultChoiceProps;
+export { defaultChoiceProps };

package/dist/form/Field/Choice/index.d.ts

@@ -0,0 +1,3 @@
+import { defaultChoiceProps } from './appearance/default';
+import { FormFieldChoice } from './FormFieldChoice';
+export { FormFieldChoice, defaultChoiceProps };

package/dist/form/Field/Choice/stories/FormFieldChoice.stories.d.ts

@@ -0,0 +1,104 @@
+export default meta;
+export namespace Default {
+    namespace parameters {
+        let _default: boolean;
+        export { _default as default };
+    }
+    function render(args: any): import("react/jsx-runtime").JSX.Element;
+}
+export namespace Error {
+    export function render_1(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_1 as render };
+}
+export namespace Success {
+    export function render_2(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_2 as render };
+}
+export namespace Require {
+    export function render_3(args: any): import("react/jsx-runtime").JSX.Element;
+    export { render_3 as render };
+}
+export namespace Disabled {
+    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 { FormFieldChoice as component };
+    export namespace args {
+        namespace config {
+            namespace choice {
+                let type: "choice";
+                let name: string;
+                let fieldProps: {
+                    label: string;
+                    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;
+                    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: {
+                    appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    requiredAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
+                    width?: import("@itcase/types-ui").WidthProps;
+                };
+                let options: {
+                    label: string;
+                    value: string;
+                }[];
+            }
+        }
+    }
+}
+import { FormFieldChoice } from '../index';

package/dist/form/Field/Code/FormFieldCode.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormFieldCodeProps } from './FormFieldCode.interface';
+declare const FormFieldCode: React.NamedExoticComponent<FormFieldCodeProps>;
+export { FormFieldCode };

package/dist/form/Field/Code/FormFieldCode.interface.d.ts

@@ -0,0 +1,16 @@
+import { CompositeAppearanceStateDefault, WidthProps } from '@itcase/types-ui';
+import { BaseField, FormTypes } from 'src/form/generator/generator.interface';
+type CodeField = BaseField & {
+    type: Extract<FormTypes, 'code'>;
+};
+type FormFieldCodeProps = CodeField & {
+    initialValue?: string;
+    label?: string;
+};
+type DefaultCodeProps = {
+    appearance: CompositeAppearanceStateDefault;
+    errorAppearance: CompositeAppearanceStateDefault;
+    requiredAppearance: CompositeAppearanceStateDefault;
+    width?: WidthProps;
+};
+export type { CodeField, DefaultCodeProps, FormFieldCodeProps };

package/dist/form/Field/Code/appearance/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultCodeProps } from '../FormFieldCode.interface';
+declare const defaultCodeProps: DefaultCodeProps;
+export { defaultCodeProps };