@itcase/forms 1.1.63 → 1.1.69

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/css/form/Field/Checkbox/FormFieldCheckbox.css +6 -2
  2. package/dist/css/form/Field/Code/FormFieldCode.css +7 -5
  3. package/dist/css/form/Field/Input/FormFieldInput.css +2 -0
  4. package/dist/css/form/Field/Segmented/FormFieldSegmented.css +0 -14
  5. package/dist/css/form/Form/Form.css +1 -1
  6. package/dist/css/form/Form/css/form-notification/form-notification.css +1 -1
  7. package/dist/css/form/FormField/FormField.css +25 -12
  8. package/dist/form/Field/Checkbox/stories/FormFieldCheckbox.stories.d.ts +58 -2
  9. package/dist/form/Field/Chips/stories/__mock__/index.d.ts +1 -1
  10. package/dist/form/Field/Choice/stories/FormFieldChoice.stories.d.ts +58 -2
  11. package/dist/form/Field/Code/stories/FormFieldCode.stories.d.ts +58 -2
  12. package/dist/form/Field/Dadata/stories/FormFieldDadataInput.stories.d.ts +58 -2
  13. package/dist/form/Field/DatePicker/stories/FormFieldDatePicker.stories.d.ts +58 -2
  14. package/dist/form/Field/FileInput/stories/FormFieldFileInput.stories.d.ts +1 -1
  15. package/dist/form/Field/Input/stories/FormFieldInputClassic.stories.d.ts +174 -6
  16. package/dist/form/Field/Input/stories/FormFieldInputFloat.stories.d.ts +174 -6
  17. package/dist/form/Field/Input/stories/FormFieldInputIFTA.stories.d.ts +174 -6
  18. package/dist/form/Field/MaskedInput/stories/FormFieldMaskedInputClassic.stories.d.ts +58 -2
  19. package/dist/form/Field/MaskedInput/stories/FormFieldMaskedInputFTA.stories.d.ts +58 -2
  20. package/dist/form/Field/MaskedInput/stories/FormFieldMaskedInputFloating.stories.d.ts +58 -2
  21. package/dist/form/Field/Password/stories/FormFieldPasswordClassic.stories.d.ts +58 -2
  22. package/dist/form/Field/Password/stories/FormFieldPasswordFTA.stories.d.ts +58 -2
  23. package/dist/form/Field/Password/stories/FormFieldPasswordFloating.stories.d.ts +58 -2
  24. package/dist/form/Field/RadioGroup/stories/FormFieldRadioGroup.stories.d.ts +60 -3
  25. package/dist/form/Field/Segmented/FormFieldSegmented.interface.d.ts +2 -2
  26. package/dist/form/Field/Segmented/stories/FormFieldSegmented.stories.d.ts +59 -3
  27. package/dist/form/Field/Select/stories/FormFieldSelect.stories.d.ts +58 -2
  28. package/dist/form/Field/Switch/stories/FormFieldSwitch.stories.d.ts +58 -2
  29. package/dist/form/Field/Switch/stories/FormFieldSwitchLeft.stories.d.ts +58 -2
  30. package/dist/form/Field/Switch/stories/FormFieldSwitchRight.stories.d.ts +58 -2
  31. package/dist/form/Field/Textarea/stories/FormFieldTextareaClassic.stories.d.ts +58 -2
  32. package/dist/form/Field/Textarea/stories/FormFieldTextareaFloating.stories.d.ts +58 -2
  33. package/dist/form/Field/Textarea/stories/FormFieldTextareaIFTA.stories.d.ts +58 -2
  34. package/dist/form/utils.d.ts +1 -1
  35. package/dist/hooks/form/form.d.ts +1 -1
  36. package/dist/itcase-forms.cjs.js +2 -2
  37. package/dist/itcase-forms.esm.js +2 -2
  38. package/package.json +31 -22
package/dist/form/Field/Input/stories/FormFieldInputClassic.stories.d.ts CHANGED
@@ -20,9 +20,65 @@ export namespace Filled {
20
20
  export namespace args_1 {
21
21
  let config: {
22
22
  field: {
23
- type: any;
23
+ type: "text";
24
24
  name: string;
25
- fieldProps: any;
25
+ fieldProps: {
26
+ direction?: import("@itcase/types-ui").DirectionProps;
27
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
28
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
29
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
30
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
31
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
32
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
33
+ showMessage?: boolean;
34
+ width?: import("@itcase/types-ui").WidthProps;
35
+ id?: string;
36
+ after?: React.ReactNode;
37
+ afterItem?: React.ReactNode;
38
+ before?: React.ReactNode;
39
+ beforeItem?: React.ReactNode;
40
+ children?: React.ReactNode;
41
+ className?: string;
42
+ dataTestId?: string;
43
+ dataTour?: string;
44
+ desc?: string;
45
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
46
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
47
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
48
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
49
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
50
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
51
+ errorKey?: "error" | "required";
52
+ errorMessage?: string;
53
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
54
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
55
+ fieldClassName?: string;
56
+ helpText: string;
57
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
58
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
59
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
60
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
61
+ inputName?: string;
62
+ inputValue?: boolean | object | string;
63
+ isDisabled?: boolean;
64
+ isErrorState?: boolean;
65
+ isHidden?: boolean;
66
+ isRequired?: boolean;
67
+ isValidState?: boolean;
68
+ label: string;
69
+ labelHidden?: string;
70
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
71
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
72
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
73
+ metaActive?: boolean;
74
+ metaError?: boolean;
75
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
76
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
77
+ showDivider?: boolean;
78
+ tag?: "div" | "label";
79
+ type?: import("../../../generator/generator.interface").FormTypes;
80
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
81
+ };
26
82
  inputProps: {
27
83
  placeholder: string;
28
84
  appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
@@ -65,9 +121,65 @@ export namespace Disabled {
65
121
  export namespace args_3 {
66
122
  let config_1: {
67
123
  field: {
68
- type: any;
124
+ type: "text";
69
125
  name: string;
70
- fieldProps: any;
126
+ fieldProps: {
127
+ direction?: import("@itcase/types-ui").DirectionProps;
128
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
129
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
130
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
131
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
132
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
133
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
134
+ showMessage?: boolean;
135
+ width?: import("@itcase/types-ui").WidthProps;
136
+ id?: string;
137
+ after?: React.ReactNode;
138
+ afterItem?: React.ReactNode;
139
+ before?: React.ReactNode;
140
+ beforeItem?: React.ReactNode;
141
+ children?: React.ReactNode;
142
+ className?: string;
143
+ dataTestId?: string;
144
+ dataTour?: string;
145
+ desc?: string;
146
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
147
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
148
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
149
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
150
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
151
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
152
+ errorKey?: "error" | "required";
153
+ errorMessage?: string;
154
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
155
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
156
+ fieldClassName?: string;
157
+ helpText: string;
158
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
159
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
160
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
161
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
162
+ inputName?: string;
163
+ inputValue?: boolean | object | string;
164
+ isDisabled?: boolean;
165
+ isErrorState?: boolean;
166
+ isHidden?: boolean;
167
+ isRequired?: boolean;
168
+ isValidState?: boolean;
169
+ label: string;
170
+ labelHidden?: string;
171
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
172
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
173
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
174
+ metaActive?: boolean;
175
+ metaError?: boolean;
176
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
177
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
178
+ showDivider?: boolean;
179
+ tag?: "div" | "label";
180
+ type?: import("../../../generator/generator.interface").FormTypes;
181
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
182
+ };
71
183
  inputProps: {
72
184
  placeholder: string;
73
185
  appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
@@ -100,9 +212,65 @@ declare namespace meta {
100
212
  export namespace args_4 {
101
213
  export namespace config_2 {
102
214
  namespace field {
103
- let type: any;
215
+ let type: "text";
104
216
  let name: string;
105
- let fieldProps: any;
217
+ let fieldProps: {
218
+ direction?: import("@itcase/types-ui").DirectionProps;
219
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
220
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
221
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
222
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
223
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
224
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
225
+ showMessage?: boolean;
226
+ width?: import("@itcase/types-ui").WidthProps;
227
+ id?: string;
228
+ after?: React.ReactNode;
229
+ afterItem?: React.ReactNode;
230
+ before?: React.ReactNode;
231
+ beforeItem?: React.ReactNode;
232
+ children?: React.ReactNode;
233
+ className?: string;
234
+ dataTestId?: string;
235
+ dataTour?: string;
236
+ desc?: string;
237
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
238
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
239
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
240
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
241
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
242
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
243
+ errorKey?: "error" | "required";
244
+ errorMessage?: string;
245
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
246
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
247
+ fieldClassName?: string;
248
+ helpText: string;
249
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
250
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
251
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
252
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
253
+ inputName?: string;
254
+ inputValue?: boolean | object | string;
255
+ isDisabled?: boolean;
256
+ isErrorState?: boolean;
257
+ isHidden?: boolean;
258
+ isRequired?: boolean;
259
+ isValidState?: boolean;
260
+ label: string;
261
+ labelHidden?: string;
262
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
263
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
264
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
265
+ metaActive?: boolean;
266
+ metaError?: boolean;
267
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
268
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
269
+ showDivider?: boolean;
270
+ tag?: "div" | "label";
271
+ type?: import("../../../generator/generator.interface").FormTypes;
272
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
273
+ };
106
274
  let inputProps: {
107
275
  placeholder: string;
108
276
  appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
package/dist/form/Field/Input/stories/FormFieldInputFloat.stories.d.ts CHANGED
@@ -20,9 +20,65 @@ export namespace Filled {
20
20
  export namespace args_1 {
21
21
  let config: {
22
22
  field: {
23
- type: any;
23
+ type: "text";
24
24
  name: string;
25
- fieldProps: any;
25
+ fieldProps: {
26
+ direction?: import("@itcase/types-ui").DirectionProps;
27
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
28
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
29
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
30
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
31
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
32
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
33
+ showMessage?: boolean;
34
+ width?: import("@itcase/types-ui").WidthProps;
35
+ id?: string;
36
+ after?: React.ReactNode;
37
+ afterItem?: React.ReactNode;
38
+ before?: React.ReactNode;
39
+ beforeItem?: React.ReactNode;
40
+ children?: React.ReactNode;
41
+ className?: string;
42
+ dataTestId?: string;
43
+ dataTour?: string;
44
+ desc?: string;
45
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
46
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
47
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
48
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
49
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
50
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
51
+ errorKey?: "error" | "required";
52
+ errorMessage?: string;
53
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
54
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
55
+ fieldClassName?: string;
56
+ helpText: string;
57
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
58
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
59
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
60
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
61
+ inputName?: string;
62
+ inputValue?: boolean | object | string;
63
+ isDisabled?: boolean;
64
+ isErrorState?: boolean;
65
+ isHidden?: boolean;
66
+ isRequired?: boolean;
67
+ isValidState?: boolean;
68
+ label: string;
69
+ labelHidden?: string;
70
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
71
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
72
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
73
+ metaActive?: boolean;
74
+ metaError?: boolean;
75
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
76
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
77
+ showDivider?: boolean;
78
+ tag?: "div" | "label";
79
+ type: string;
80
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
81
+ };
26
82
  inputProps: {
27
83
  placeholder: string;
28
84
  appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
@@ -65,9 +121,65 @@ export namespace Disabled {
65
121
  export namespace args_3 {
66
122
  let config_1: {
67
123
  field: {
68
- type: any;
124
+ type: "text";
69
125
  name: string;
70
- fieldProps: any;
126
+ fieldProps: {
127
+ direction?: import("@itcase/types-ui").DirectionProps;
128
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
129
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
130
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
131
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
132
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
133
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
134
+ showMessage?: boolean;
135
+ width?: import("@itcase/types-ui").WidthProps;
136
+ id?: string;
137
+ after?: React.ReactNode;
138
+ afterItem?: React.ReactNode;
139
+ before?: React.ReactNode;
140
+ beforeItem?: React.ReactNode;
141
+ children?: React.ReactNode;
142
+ className?: string;
143
+ dataTestId?: string;
144
+ dataTour?: string;
145
+ desc?: string;
146
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
147
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
148
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
149
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
150
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
151
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
152
+ errorKey?: "error" | "required";
153
+ errorMessage?: string;
154
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
155
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
156
+ fieldClassName?: string;
157
+ helpText: string;
158
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
159
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
160
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
161
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
162
+ inputName?: string;
163
+ inputValue?: boolean | object | string;
164
+ isDisabled?: boolean;
165
+ isErrorState?: boolean;
166
+ isHidden?: boolean;
167
+ isRequired?: boolean;
168
+ isValidState?: boolean;
169
+ label: string;
170
+ labelHidden?: string;
171
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
172
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
173
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
174
+ metaActive?: boolean;
175
+ metaError?: boolean;
176
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
177
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
178
+ showDivider?: boolean;
179
+ tag?: "div" | "label";
180
+ type: string;
181
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
182
+ };
71
183
  inputProps: {
72
184
  placeholder: string;
73
185
  appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
@@ -100,9 +212,65 @@ declare namespace meta {
100
212
  export namespace args_4 {
101
213
  export namespace config_2 {
102
214
  namespace field {
103
- let type: any;
215
+ let type: "text";
104
216
  let name: string;
105
- let fieldProps: any;
217
+ let fieldProps: {
218
+ direction?: import("@itcase/types-ui").DirectionProps;
219
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
220
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
221
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
222
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
223
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
224
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
225
+ showMessage?: boolean;
226
+ width?: import("@itcase/types-ui").WidthProps;
227
+ id?: string;
228
+ after?: React.ReactNode;
229
+ afterItem?: React.ReactNode;
230
+ before?: React.ReactNode;
231
+ beforeItem?: React.ReactNode;
232
+ children?: React.ReactNode;
233
+ className?: string;
234
+ dataTestId?: string;
235
+ dataTour?: string;
236
+ desc?: string;
237
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
238
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
239
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
240
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
241
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
242
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
243
+ errorKey?: "error" | "required";
244
+ errorMessage?: string;
245
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
246
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
247
+ fieldClassName?: string;
248
+ helpText: string;
249
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
250
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
251
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
252
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
253
+ inputName?: string;
254
+ inputValue?: boolean | object | string;
255
+ isDisabled?: boolean;
256
+ isErrorState?: boolean;
257
+ isHidden?: boolean;
258
+ isRequired?: boolean;
259
+ isValidState?: boolean;
260
+ label: string;
261
+ labelHidden?: string;
262
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
263
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
264
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
265
+ metaActive?: boolean;
266
+ metaError?: boolean;
267
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
268
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
269
+ showDivider?: boolean;
270
+ tag?: "div" | "label";
271
+ type: string;
272
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
273
+ };
106
274
  let inputProps: {
107
275
  placeholder: string;
108
276
  appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
package/dist/form/Field/Input/stories/FormFieldInputIFTA.stories.d.ts CHANGED
@@ -20,9 +20,65 @@ export namespace Filled {
20
20
  export namespace args_1 {
21
21
  let config: {
22
22
  field: {
23
- type: any;
23
+ type: "text";
24
24
  name: string;
25
- fieldProps: any;
25
+ fieldProps: {
26
+ direction?: import("@itcase/types-ui").DirectionProps;
27
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
28
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
29
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
30
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
31
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
32
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
33
+ showMessage?: boolean;
34
+ width?: import("@itcase/types-ui").WidthProps;
35
+ id?: string;
36
+ after?: React.ReactNode;
37
+ afterItem?: React.ReactNode;
38
+ before?: React.ReactNode;
39
+ beforeItem?: React.ReactNode;
40
+ children?: React.ReactNode;
41
+ className?: string;
42
+ dataTestId?: string;
43
+ dataTour?: string;
44
+ desc?: string;
45
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
46
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
47
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
48
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
49
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
50
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
51
+ errorKey?: "error" | "required";
52
+ errorMessage?: string;
53
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
54
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
55
+ fieldClassName?: string;
56
+ helpText: string;
57
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
58
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
59
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
60
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
61
+ inputName?: string;
62
+ inputValue?: boolean | object | string;
63
+ isDisabled?: boolean;
64
+ isErrorState?: boolean;
65
+ isHidden?: boolean;
66
+ isRequired?: boolean;
67
+ isValidState?: boolean;
68
+ label: string;
69
+ labelHidden?: string;
70
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
71
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
72
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
73
+ metaActive?: boolean;
74
+ metaError?: boolean;
75
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
76
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
77
+ showDivider?: boolean;
78
+ tag?: "div" | "label";
79
+ type: string;
80
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
81
+ };
26
82
  inputProps: {
27
83
  placeholder: string;
28
84
  appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
@@ -65,9 +121,65 @@ export namespace Disabled {
65
121
  export namespace args_3 {
66
122
  let config_1: {
67
123
  field: {
68
- type: any;
124
+ type: "text";
69
125
  name: string;
70
- fieldProps: any;
126
+ fieldProps: {
127
+ direction?: import("@itcase/types-ui").DirectionProps;
128
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
129
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
130
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
131
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
132
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
133
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
134
+ showMessage?: boolean;
135
+ width?: import("@itcase/types-ui").WidthProps;
136
+ id?: string;
137
+ after?: React.ReactNode;
138
+ afterItem?: React.ReactNode;
139
+ before?: React.ReactNode;
140
+ beforeItem?: React.ReactNode;
141
+ children?: React.ReactNode;
142
+ className?: string;
143
+ dataTestId?: string;
144
+ dataTour?: string;
145
+ desc?: string;
146
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
147
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
148
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
149
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
150
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
151
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
152
+ errorKey?: "error" | "required";
153
+ errorMessage?: string;
154
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
155
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
156
+ fieldClassName?: string;
157
+ helpText: string;
158
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
159
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
160
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
161
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
162
+ inputName?: string;
163
+ inputValue?: boolean | object | string;
164
+ isDisabled?: boolean;
165
+ isErrorState?: boolean;
166
+ isHidden?: boolean;
167
+ isRequired?: boolean;
168
+ isValidState?: boolean;
169
+ label: string;
170
+ labelHidden?: string;
171
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
172
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
173
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
174
+ metaActive?: boolean;
175
+ metaError?: boolean;
176
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
177
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
178
+ showDivider?: boolean;
179
+ tag?: "div" | "label";
180
+ type: string;
181
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
182
+ };
71
183
  inputProps: {
72
184
  placeholder: string;
73
185
  appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
@@ -100,9 +212,65 @@ declare namespace meta {
100
212
  export namespace args_4 {
101
213
  export namespace config_2 {
102
214
  namespace field {
103
- let type: any;
215
+ let type: "text";
104
216
  let name: string;
105
- let fieldProps: any;
217
+ let fieldProps: {
218
+ direction?: import("@itcase/types-ui").DirectionProps;
219
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
220
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
221
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
222
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
223
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
224
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
225
+ showMessage?: boolean;
226
+ width?: import("@itcase/types-ui").WidthProps;
227
+ id?: string;
228
+ after?: React.ReactNode;
229
+ afterItem?: React.ReactNode;
230
+ before?: React.ReactNode;
231
+ beforeItem?: React.ReactNode;
232
+ children?: React.ReactNode;
233
+ className?: string;
234
+ dataTestId?: string;
235
+ dataTour?: string;
236
+ desc?: string;
237
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
238
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
239
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
240
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
241
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
242
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
243
+ errorKey?: "error" | "required";
244
+ errorMessage?: string;
245
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
246
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
247
+ fieldClassName?: string;
248
+ helpText: string;
249
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
250
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
251
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
252
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
253
+ inputName?: string;
254
+ inputValue?: boolean | object | string;
255
+ isDisabled?: boolean;
256
+ isErrorState?: boolean;
257
+ isHidden?: boolean;
258
+ isRequired?: boolean;
259
+ isValidState?: boolean;
260
+ label: string;
261
+ labelHidden?: string;
262
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
263
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
264
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
265
+ metaActive?: boolean;
266
+ metaError?: boolean;
267
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
268
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
269
+ showDivider?: boolean;
270
+ tag?: "div" | "label";
271
+ type: string;
272
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
273
+ };
106
274
  let inputProps: {
107
275
  placeholder: string;
108
276
  appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;