@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/css/form/Field/Checkbox/FormFieldCheckbox.css CHANGED
@@ -1,7 +1,11 @@
1
1
  .form-field {
2
2
  &-checkbox {
3
- ^&__message {
4
- padding: 0 0 0 12px;
3
+ &^&_type_classic {
4
+ gap: 0;
5
+ padding: 0 0 8px 0;
6
+ ^^&__message {
7
+ padding: 4px 0 0 24px;
8
+ }
5
9
  }
6
10
  }
7
11
  }
package/dist/css/form/Field/Code/FormFieldCode.css CHANGED
@@ -1,10 +1,12 @@
1
1
  .form-field {
2
2
  &-code {
3
- ^&__label {
4
- text-align: center;
5
- }
6
- ^&__message {
7
- text-align: center;
3
+ &^&_type_classic {
4
+ ^^&__label {
5
+ text-align: center;
6
+ }
7
+ ^^&__message {
8
+ text-align: center;
9
+ }
8
10
  }
9
11
  &^&_size {
10
12
  &_xxl {
package/dist/css/form/Field/Input/FormFieldInput.css CHANGED
@@ -1,3 +1,5 @@
1
+ .form-input {
2
+ }
1
3
  :root {
2
4
  --form-input-error-border: var(--color-error-border-primary);
3
5
  --form-input-error-border-hover: var(--color-error-border-primary);
package/dist/css/form/Field/Segmented/FormFieldSegmented.css CHANGED
@@ -1,18 +1,4 @@
1
1
  .form-segmented {
2
- &_state_error {
3
- & .segmented {
4
- &__item-label-text {
5
- color: var(--segmented-error-text-color);
6
- }
7
- }
8
- }
9
- &_state_required {
10
- & .segmented {
11
- &__item-label-text {
12
- color: var(--segmented-required-text-color);
13
- }
14
- }
15
- }
16
2
  }
17
3
 
18
4
  :root {
package/dist/css/form/Form/Form.css CHANGED
@@ -103,7 +103,7 @@
103
103
  z-index: 100;
104
104
  }
105
105
  &_global {
106
- margin: 0 0 16px 0;
106
+ margin: 0;
107
107
  }
108
108
  &__item {
109
109
  text-align: center;
package/dist/css/form/Form/css/form-notification/form-notification.css CHANGED
@@ -6,7 +6,7 @@
6
6
  z-index: 100;
7
7
  }
8
8
  &_global {
9
- margin: 0 0 16px 0;
9
+ margin: 0;
10
10
  }
11
11
  &__item {
12
12
  text-align: center;
package/dist/css/form/FormField/FormField.css CHANGED
@@ -1,4 +1,7 @@
1
1
  .form-field {
2
+ &_switch {
3
+ cursor: pointer;
4
+ }
2
5
  &__content {
3
6
  width: 100%;
4
7
  &-inner {
@@ -17,9 +20,6 @@
17
20
  }
18
21
  &__message {
19
22
  &-item {
20
- height: var(--form-field-help-text-height);
21
- line-height: var(--form-field-help-text-line-height);
22
- padding: var(--form-field-help-text-padding);
23
23
  display: block;
24
24
  }
25
25
  }
@@ -34,8 +34,7 @@
34
34
  }
35
35
  .form {
36
36
  &^&-field_type_float {
37
- padding: 12px 0 12px 0;
38
- margin: var(--form-field_type_float-margin);
37
+ padding: var(--form-field_type_float-padding);
39
38
  position: relative;
40
39
  gap: var(--form-field_type_float-gap);
41
40
  &^&__item_state_focus,
@@ -43,8 +42,8 @@
43
42
  & .form {
44
43
  &-field {
45
44
  &__label {
46
- background: #fff;
47
- transform: scale(0.85) translate(10px, 2px);
45
+ background: var(--color-palette-white);
46
+ transform: scale(1) translate(8px, -12px);
48
47
  }
49
48
  }
50
49
  }
@@ -62,18 +61,17 @@
62
61
  & .form {
63
62
  &-field {
64
63
  &__label {
65
- padding: 0 4px;
64
+ padding: var(--form-field_type_float-label-padding);
66
65
  position: absolute;
67
66
  display: flex;
68
- top: 4px;
69
67
  z-index: 2;
70
- transform: scale(1) translate(8px, 20px);
68
+ transform: scale(1.285) translate(8px, 4px);
71
69
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
72
70
  pointer-events: none;
73
71
  transform-origin: top left;
74
72
  }
75
73
  &__message {
76
- padding: 0 0 0 12px;
74
+ padding: var(--form-field_type_float-message-padding);
77
75
  }
78
76
  }
79
77
  }
@@ -95,9 +93,14 @@
95
93
  &_type {
96
94
  &_classic {
97
95
  padding: var(--form-field_type_classic-padding);
98
- margin: var(--form-field_type_classic-margin);
99
96
  position: relative;
100
97
  gap: var(--form-field_type_classic-gap);
98
+ ^^&__label {
99
+ padding: var(--form-field_type_classic-label-padding);
100
+ }
101
+ ^^&__message {
102
+ padding: var(--form-field_type_classic-message-padding);
103
+ }
101
104
  }
102
105
  }
103
106
  }
@@ -163,3 +166,13 @@
163
166
  }
164
167
  }
165
168
  }
169
+ :root {
170
+ --form-field_type_classic-padding: 8px 0;
171
+ --form-field_type_classic-gap: 4px;
172
+ --form-field_type_classic-label-padding: 4px;
173
+ --form-field_type_classic-message-padding: 4px 0 0 4px;
174
+
175
+ --form-field_type_float-padding: 12px 0;
176
+ --form-field_type_float-label-padding: 4px;
177
+ --form-field_type_float-message-padding: 4px 0 0 12px;
178
+ }
package/dist/form/Field/Checkbox/stories/FormFieldCheckbox.stories.d.ts CHANGED
@@ -26,9 +26,65 @@ declare namespace meta {
26
26
  namespace args {
27
27
  namespace config {
28
28
  namespace checkbox {
29
- let type: any;
29
+ let type: "checkbox";
30
30
  let name: string;
31
- let fieldProps: any;
31
+ let fieldProps: {
32
+ label: string;
33
+ direction?: import("@itcase/types-ui").DirectionProps;
34
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
35
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
36
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
37
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
38
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
39
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
40
+ showMessage?: boolean;
41
+ width?: import("@itcase/types-ui").WidthProps;
42
+ id?: string;
43
+ after?: React.ReactNode;
44
+ afterItem?: React.ReactNode;
45
+ before?: React.ReactNode;
46
+ beforeItem?: React.ReactNode;
47
+ children?: React.ReactNode;
48
+ className?: string;
49
+ dataTestId?: string;
50
+ dataTour?: string;
51
+ desc?: string;
52
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
53
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
54
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
55
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
56
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
57
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
58
+ errorKey?: "error" | "required";
59
+ errorMessage?: string;
60
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
61
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
62
+ fieldClassName?: string;
63
+ helpText?: string;
64
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
65
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
66
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
67
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
68
+ inputName?: string;
69
+ inputValue?: boolean | object | string;
70
+ isDisabled?: boolean;
71
+ isErrorState?: boolean;
72
+ isHidden?: boolean;
73
+ isRequired?: boolean;
74
+ isValidState?: boolean;
75
+ labelHidden?: string;
76
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
77
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
78
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
79
+ metaActive?: boolean;
80
+ metaError?: boolean;
81
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
82
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
83
+ showDivider?: boolean;
84
+ tag?: "div" | "label";
85
+ type?: import("../../../generator/generator.interface").FormTypes;
86
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
87
+ };
32
88
  let inputProps: {
33
89
  label: string;
34
90
  desc: string;
package/dist/form/Field/Chips/stories/__mock__/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export namespace FormFieldChipsMock {
2
2
  namespace config {
3
3
  namespace chips {
4
- let type: any;
4
+ let type: "chips";
5
5
  let name: string;
6
6
  let fieldProps: {
7
7
  label: string;
package/dist/form/Field/Choice/stories/FormFieldChoice.stories.d.ts CHANGED
@@ -28,9 +28,65 @@ declare namespace meta {
28
28
  export namespace args {
29
29
  namespace config {
30
30
  namespace choice {
31
- let type: any;
31
+ let type: "choice";
32
32
  let name: string;
33
- let fieldProps: any;
33
+ let fieldProps: {
34
+ label: string;
35
+ direction?: import("@itcase/types-ui").DirectionProps;
36
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
37
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
38
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
39
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
40
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
41
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
42
+ showMessage?: boolean;
43
+ width?: import("@itcase/types-ui").WidthProps;
44
+ id?: string;
45
+ after?: React.ReactNode;
46
+ afterItem?: React.ReactNode;
47
+ before?: React.ReactNode;
48
+ beforeItem?: React.ReactNode;
49
+ children?: React.ReactNode;
50
+ className?: string;
51
+ dataTestId?: string;
52
+ dataTour?: string;
53
+ desc?: string;
54
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
55
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
56
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
57
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
58
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
59
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
60
+ errorKey?: "error" | "required";
61
+ errorMessage?: string;
62
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
63
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
64
+ fieldClassName?: string;
65
+ helpText?: string;
66
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
67
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
68
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
69
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
70
+ inputName?: string;
71
+ inputValue?: boolean | object | string;
72
+ isDisabled?: boolean;
73
+ isErrorState?: boolean;
74
+ isHidden?: boolean;
75
+ isRequired?: boolean;
76
+ isValidState?: boolean;
77
+ labelHidden?: string;
78
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
79
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
80
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
81
+ metaActive?: boolean;
82
+ metaError?: boolean;
83
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
84
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
85
+ showDivider?: boolean;
86
+ tag?: "div" | "label";
87
+ type?: import("../../../generator/generator.interface").FormTypes;
88
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
89
+ };
34
90
  let inputProps: {
35
91
  appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
36
92
  errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
package/dist/form/Field/Code/stories/FormFieldCode.stories.d.ts CHANGED
@@ -4,9 +4,65 @@ declare namespace _default {
4
4
  export namespace args {
5
5
  namespace config {
6
6
  export namespace FormFieldCode_1 {
7
- let type: any;
7
+ let type: "code";
8
8
  let name: string;
9
- let fieldProps: any;
9
+ let fieldProps: {
10
+ label: string;
11
+ helpText: string;
12
+ direction?: import("@itcase/types-ui").DirectionProps;
13
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
14
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
15
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
16
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
17
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
18
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
19
+ showMessage?: boolean;
20
+ width?: import("@itcase/types-ui").WidthProps;
21
+ id?: string;
22
+ after?: React.ReactNode;
23
+ afterItem?: React.ReactNode;
24
+ before?: React.ReactNode;
25
+ beforeItem?: React.ReactNode;
26
+ children?: React.ReactNode;
27
+ className?: string;
28
+ dataTestId?: string;
29
+ dataTour?: string;
30
+ desc?: string;
31
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
32
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
33
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
34
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
35
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
36
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
37
+ errorKey?: "error" | "required";
38
+ errorMessage?: string;
39
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
40
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
41
+ fieldClassName?: string;
42
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
43
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
44
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
45
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
46
+ inputName?: string;
47
+ inputValue?: boolean | object | string;
48
+ isDisabled?: boolean;
49
+ isErrorState?: boolean;
50
+ isHidden?: boolean;
51
+ isRequired?: boolean;
52
+ isValidState?: boolean;
53
+ labelHidden?: string;
54
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
55
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
56
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
57
+ metaActive?: boolean;
58
+ metaError?: boolean;
59
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
60
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
61
+ showDivider?: boolean;
62
+ tag?: "div" | "label";
63
+ type?: import("../../../generator/generator.interface").FormTypes;
64
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
65
+ };
10
66
  let inputProps: {
11
67
  appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
12
68
  errorAppearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
package/dist/form/Field/Dadata/stories/FormFieldDadataInput.stories.d.ts CHANGED
@@ -8,9 +8,65 @@ declare namespace meta {
8
8
  export namespace args {
9
9
  namespace config {
10
10
  namespace company {
11
- let type: any;
11
+ let type: "dadataInput";
12
12
  let name: string;
13
- let fieldProps: any;
13
+ let fieldProps: {
14
+ direction?: import("@itcase/types-ui").DirectionProps;
15
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
16
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
17
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
18
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
19
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
20
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
21
+ showMessage?: boolean;
22
+ width?: import("@itcase/types-ui").WidthProps;
23
+ id?: string;
24
+ after?: React.ReactNode;
25
+ afterItem?: React.ReactNode;
26
+ before?: React.ReactNode;
27
+ beforeItem?: React.ReactNode;
28
+ children?: React.ReactNode;
29
+ className?: string;
30
+ dataTestId?: string;
31
+ dataTour?: string;
32
+ desc?: string;
33
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
34
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
35
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
36
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
37
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
38
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
39
+ errorKey?: "error" | "required";
40
+ errorMessage?: string;
41
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
42
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
43
+ fieldClassName?: string;
44
+ helpText: string;
45
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
46
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
47
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
48
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
49
+ inputName?: string;
50
+ inputValue?: boolean | object | string;
51
+ isDisabled?: boolean;
52
+ isErrorState?: boolean;
53
+ isHidden?: boolean;
54
+ isRequired?: boolean;
55
+ isValidState?: boolean;
56
+ label: string;
57
+ labelHidden?: string;
58
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
59
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
60
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
61
+ metaActive?: boolean;
62
+ metaError?: boolean;
63
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
64
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
65
+ showDivider?: boolean;
66
+ tag?: "div" | "label";
67
+ type?: import("../../../generator/generator.interface").FormTypes;
68
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
69
+ };
14
70
  let inputProps: {
15
71
  placeholder: string;
16
72
  appearance: import("@itcase/types-ui").CompositeAppearanceStateDefault;
package/dist/form/Field/DatePicker/stories/FormFieldDatePicker.stories.d.ts CHANGED
@@ -24,7 +24,7 @@ declare namespace meta {
24
24
  export namespace args {
25
25
  namespace config {
26
26
  namespace datePickerField {
27
- let type: any;
27
+ let type: "datePicker";
28
28
  let name: string;
29
29
  let datePickerProps: {
30
30
  appearance: string;
@@ -38,7 +38,63 @@ declare namespace meta {
38
38
  isClearable: boolean;
39
39
  isStartDefaultNull: boolean;
40
40
  };
41
- let fieldProps: any;
41
+ let fieldProps: {
42
+ label: string;
43
+ direction?: import("@itcase/types-ui").DirectionProps;
44
+ dividerFill?: import("@itcase/ui-web/components/Divider").DividerProps["fill"];
45
+ errorMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
46
+ helpTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
47
+ labelTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
48
+ messageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
49
+ requiredMessageTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
50
+ showMessage?: boolean;
51
+ width?: import("@itcase/types-ui").WidthProps;
52
+ id?: string;
53
+ after?: React.ReactNode;
54
+ afterItem?: React.ReactNode;
55
+ before?: React.ReactNode;
56
+ beforeItem?: React.ReactNode;
57
+ children?: React.ReactNode;
58
+ className?: string;
59
+ dataTestId?: string;
60
+ dataTour?: string;
61
+ desc?: string;
62
+ descTextColor?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
63
+ descTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
64
+ descTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
65
+ dividerDirection?: import("@itcase/ui-web/components/Divider").DividerProps["direction"];
66
+ dividerSize?: import("@itcase/ui-web/components/Divider").DividerProps["size"];
67
+ dividerWidth?: import("@itcase/ui-web/components/Divider").DividerProps["width"];
68
+ errorKey?: "error" | "required";
69
+ errorMessage?: string;
70
+ errorMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
71
+ errorMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
72
+ fieldClassName?: string;
73
+ helpText?: string;
74
+ helpTextColorSuccess?: import("@itcase/ui-web/components/Text").TextProps["textColor"];
75
+ helpTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
76
+ helpTextSizeMobile?: import("@itcase/ui-web/components/Text").TextProps["size"];
77
+ helpTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
78
+ inputName?: string;
79
+ inputValue?: boolean | object | string;
80
+ isDisabled?: boolean;
81
+ isErrorState?: boolean;
82
+ isHidden?: boolean;
83
+ isRequired?: boolean;
84
+ isValidState?: boolean;
85
+ labelHidden?: string;
86
+ labelTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
87
+ labelTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
88
+ messageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
89
+ metaActive?: boolean;
90
+ metaError?: boolean;
91
+ requiredMessageTextSize?: import("@itcase/ui-web/components/Text").TextProps["size"];
92
+ requiredMessageTextWeight?: import("@itcase/ui-web/components/Text").TextProps["textWeight"];
93
+ showDivider?: boolean;
94
+ tag?: "div" | "label";
95
+ type?: import("../../../generator/generator.interface").FormTypes;
96
+ size?: import("@itcase/ui-web/components/Text").TextProps["size"];
97
+ };
42
98
  let inputProps: {
43
99
  appearance: string;
44
100
  dateFormat: string;
package/dist/form/Field/FileInput/stories/FormFieldFileInput.stories.d.ts CHANGED
@@ -41,7 +41,7 @@ declare namespace meta {
41
41
  thumbNameTextColor: string;
42
42
  thumbNameTextSize: string;
43
43
  isPreviews: boolean;
44
- type: any;
44
+ type: "fileInput";
45
45
  name: string;
46
46
  fieldProps: any;
47
47
  };