@trackunit/react-form-components 2.6.48 → 2.6.50-alpha-7317206cecd.0

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 (20) hide show
  1. package/index.cjs.js +286 -308
  2. package/index.esm.js +287 -309
  3. package/package.json +8 -8
  4. package/src/components/ActionButton/ActionButton.variants.d.ts +60 -6
  5. package/src/components/BaseInput/BaseInput.variants.d.ts +317 -32
  6. package/src/components/BaseSelect/BaseSelect.variants.d.ts +248 -29
  7. package/src/components/Checkbox/Checkbox.variants.d.ts +71 -7
  8. package/src/components/ColorField/ColorField.variants.d.ts +30 -3
  9. package/src/components/DropZone/DropZone.variants.d.ts +101 -11
  10. package/src/components/FormGroup/FormGroup.variants.d.ts +57 -7
  11. package/src/components/Label/Label.variants.d.ts +55 -5
  12. package/src/components/OptionCard/OptionCard.variants.d.ts +164 -21
  13. package/src/components/RadioGroup/RadioGroup.variants.d.ts +70 -8
  14. package/src/components/Schedule/Schedule.variants.d.ts +12 -2
  15. package/src/components/Search/Search.variants.d.ts +34 -4
  16. package/src/components/TextAreaField/TextArea/TextAreaBaseInput.variants.d.ts +52 -5
  17. package/src/components/TimeRange/TimeRange.variants.d.ts +6 -1
  18. package/src/components/ToggleSwitch/ToggleSwitch.variants.d.ts +145 -12
  19. package/src/components/UploadInput/UploadInput.variants.d.ts +6 -1
  20. package/src/shared-cva/BinaryControlItem.variants.d.ts +46 -7
package/src/components/OptionCard/OptionCard.variants.d.ts CHANGED
@@ -1,21 +1,164 @@
1
- export declare const cvaOptionCardLabel: (props?: ({
2
- disabled?: boolean | null | undefined;
3
- layout?: "default" | "compact" | null | undefined;
4
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
5
- export declare const cvaOptionCardContent: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
6
- export declare const cvaOptionCardContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
7
- export declare const cvaOptionCardTitle: (props?: ({
8
- layout?: "default" | "compact" | null | undefined;
9
- disabled?: boolean | null | undefined;
10
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
11
- export declare const cvaOptionCardText: (props?: ({
12
- type?: "subheading" | "description" | null | undefined;
13
- disabled?: boolean | null | undefined;
14
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
15
- export declare const cvaInput: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
16
- export declare const cvaCustomImage: (props?: ({
17
- disabled?: boolean | null | undefined;
18
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
19
- export declare const cvaTag: (props?: ({
20
- layout?: "default" | "compact" | null | undefined;
21
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
1
+ export declare const cvaOptionCardLabel: import("cva").CVAComponent<Omit<{
2
+ base: string[];
3
+ variants: {
4
+ disabled: {
5
+ true: string[];
6
+ false: string[];
7
+ };
8
+ layout: {
9
+ default: string[];
10
+ compact: string[];
11
+ };
12
+ };
13
+ }, "defaultVariants"> & {
14
+ variants: {
15
+ disabled: {
16
+ true: string[];
17
+ false: string[];
18
+ };
19
+ layout: {
20
+ default: string[];
21
+ compact: string[];
22
+ };
23
+ };
24
+ defaultVariants: Omit<{}, never>;
25
+ }, {
26
+ disabled: {
27
+ true: string[];
28
+ false: string[];
29
+ };
30
+ layout: {
31
+ default: string[];
32
+ compact: string[];
33
+ };
34
+ }>;
35
+ export declare const cvaOptionCardContent: import("cva").CVAComponent<Omit<{
36
+ base: string[];
37
+ }, "defaultVariants"> & {
38
+ variants: unknown;
39
+ defaultVariants: Omit<{}, never>;
40
+ }, unknown>;
41
+ export declare const cvaOptionCardContainer: import("cva").CVAComponent<Omit<{
42
+ base: string[];
43
+ }, "defaultVariants"> & {
44
+ variants: unknown;
45
+ defaultVariants: Omit<{}, never>;
46
+ }, unknown>;
47
+ export declare const cvaOptionCardTitle: import("cva").CVAComponent<Omit<{
48
+ base: string[];
49
+ variants: {
50
+ layout: {
51
+ default: string[];
52
+ compact: string[];
53
+ };
54
+ disabled: {
55
+ true: string[];
56
+ false: string[];
57
+ };
58
+ };
59
+ }, "defaultVariants"> & {
60
+ variants: {
61
+ layout: {
62
+ default: string[];
63
+ compact: string[];
64
+ };
65
+ disabled: {
66
+ true: string[];
67
+ false: string[];
68
+ };
69
+ };
70
+ defaultVariants: Omit<{}, never>;
71
+ }, {
72
+ layout: {
73
+ default: string[];
74
+ compact: string[];
75
+ };
76
+ disabled: {
77
+ true: string[];
78
+ false: string[];
79
+ };
80
+ }>;
81
+ export declare const cvaOptionCardText: import("cva").CVAComponent<Omit<{
82
+ base: string[];
83
+ variants: {
84
+ type: {
85
+ subheading: string[];
86
+ description: string[];
87
+ };
88
+ disabled: {
89
+ true: string[];
90
+ false: string[];
91
+ };
92
+ };
93
+ }, "defaultVariants"> & {
94
+ variants: {
95
+ type: {
96
+ subheading: string[];
97
+ description: string[];
98
+ };
99
+ disabled: {
100
+ true: string[];
101
+ false: string[];
102
+ };
103
+ };
104
+ defaultVariants: Omit<{}, never>;
105
+ }, {
106
+ type: {
107
+ subheading: string[];
108
+ description: string[];
109
+ };
110
+ disabled: {
111
+ true: string[];
112
+ false: string[];
113
+ };
114
+ }>;
115
+ export declare const cvaInput: import("cva").CVAComponent<Omit<{
116
+ base: string[];
117
+ }, "defaultVariants"> & {
118
+ variants: unknown;
119
+ defaultVariants: Omit<{}, never>;
120
+ }, unknown>;
121
+ export declare const cvaCustomImage: import("cva").CVAComponent<Omit<{
122
+ base: string[];
123
+ variants: {
124
+ disabled: {
125
+ true: string[];
126
+ false: string[];
127
+ };
128
+ };
129
+ }, "defaultVariants"> & {
130
+ variants: {
131
+ disabled: {
132
+ true: string[];
133
+ false: string[];
134
+ };
135
+ };
136
+ defaultVariants: Omit<{}, never>;
137
+ }, {
138
+ disabled: {
139
+ true: string[];
140
+ false: string[];
141
+ };
142
+ }>;
143
+ export declare const cvaTag: import("cva").CVAComponent<Omit<{
144
+ base: never[];
145
+ variants: {
146
+ layout: {
147
+ default: string[];
148
+ compact: never[];
149
+ };
150
+ };
151
+ }, "defaultVariants"> & {
152
+ variants: {
153
+ layout: {
154
+ default: string[];
155
+ compact: never[];
156
+ };
157
+ };
158
+ defaultVariants: Omit<{}, never>;
159
+ }, {
160
+ layout: {
161
+ default: string[];
162
+ compact: never[];
163
+ };
164
+ }>;
package/src/components/RadioGroup/RadioGroup.variants.d.ts CHANGED
@@ -1,8 +1,70 @@
1
- export declare const cvaInputGroup: (props?: ({
2
- layout?: "inline" | null | undefined;
3
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
4
- export declare const cvaRadioItem: (props?: ({
5
- checked?: boolean | null | undefined;
6
- invalid?: boolean | null | undefined;
7
- disabled?: boolean | null | undefined;
8
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
1
+ export declare const cvaInputGroup: import("cva").CVAComponent<Omit<{
2
+ base: string[];
3
+ variants: {
4
+ layout: {
5
+ inline: string[];
6
+ };
7
+ };
8
+ }, "defaultVariants"> & {
9
+ variants: {
10
+ layout: {
11
+ inline: string[];
12
+ };
13
+ };
14
+ defaultVariants: Omit<{}, never>;
15
+ }, {
16
+ layout: {
17
+ inline: string[];
18
+ };
19
+ }>;
20
+ export declare const cvaRadioItem: import("cva").CVAComponent<Omit<{
21
+ base: string[];
22
+ variants: {
23
+ checked: {
24
+ true: string[];
25
+ false: string;
26
+ };
27
+ invalid: {
28
+ true: string[];
29
+ false: string;
30
+ };
31
+ disabled: {
32
+ true: string[];
33
+ false: string;
34
+ };
35
+ };
36
+ compoundVariants: {
37
+ checked: true;
38
+ disabled: true;
39
+ className: "bg-white"[];
40
+ }[];
41
+ }, "defaultVariants"> & {
42
+ variants: {
43
+ checked: {
44
+ true: string[];
45
+ false: string;
46
+ };
47
+ invalid: {
48
+ true: string[];
49
+ false: string;
50
+ };
51
+ disabled: {
52
+ true: string[];
53
+ false: string;
54
+ };
55
+ };
56
+ defaultVariants: Omit<{}, never>;
57
+ }, {
58
+ checked: {
59
+ true: string[];
60
+ false: string;
61
+ };
62
+ invalid: {
63
+ true: string[];
64
+ false: string;
65
+ };
66
+ disabled: {
67
+ true: string[];
68
+ false: string;
69
+ };
70
+ }>;
package/src/components/Schedule/Schedule.variants.d.ts CHANGED
@@ -1,2 +1,12 @@
1
- export declare const cvaScheduleItem: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
2
- export declare const cvaScheduleItemText: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
1
+ export declare const cvaScheduleItem: import("cva").CVAComponent<Omit<{
2
+ base: string[];
3
+ }, "defaultVariants"> & {
4
+ variants: unknown;
5
+ defaultVariants: Omit<{}, never>;
6
+ }, unknown>;
7
+ export declare const cvaScheduleItemText: import("cva").CVAComponent<Omit<{
8
+ base: string[];
9
+ }, "defaultVariants"> & {
10
+ variants: unknown;
11
+ defaultVariants: Omit<{}, never>;
12
+ }, unknown>;
package/src/components/Search/Search.variants.d.ts CHANGED
@@ -1,4 +1,34 @@
1
- export declare const cvaSearch: (props?: ({
2
- border?: boolean | null | undefined;
3
- widenOnFocus?: boolean | null | undefined;
4
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
1
+ export declare const cvaSearch: import("cva").CVAComponent<Omit<{
2
+ base: string[];
3
+ variants: {
4
+ border: {
5
+ true: string[];
6
+ false: string;
7
+ };
8
+ widenOnFocus: {
9
+ true: string[];
10
+ false: string;
11
+ };
12
+ };
13
+ }, "defaultVariants"> & {
14
+ variants: {
15
+ border: {
16
+ true: string[];
17
+ false: string;
18
+ };
19
+ widenOnFocus: {
20
+ true: string[];
21
+ false: string;
22
+ };
23
+ };
24
+ defaultVariants: Omit<{}, never>;
25
+ }, {
26
+ border: {
27
+ true: string[];
28
+ false: string;
29
+ };
30
+ widenOnFocus: {
31
+ true: string[];
32
+ false: string;
33
+ };
34
+ }>;
package/src/components/TextAreaField/TextArea/TextAreaBaseInput.variants.d.ts CHANGED
@@ -1,5 +1,52 @@
1
- export declare const cvaTextAreaBaseInput: (props?: ({
2
- disabled?: boolean | null | undefined;
3
- invalid?: boolean | null | undefined;
4
- resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
5
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
1
+ export declare const cvaTextAreaBaseInput: import("cva").CVAComponent<Omit<{
2
+ base: string[];
3
+ variants: {
4
+ disabled: {
5
+ true: string;
6
+ false: string;
7
+ };
8
+ invalid: {
9
+ true: string;
10
+ false: string;
11
+ };
12
+ resize: {
13
+ both: string;
14
+ vertical: string;
15
+ horizontal: string;
16
+ none: string;
17
+ };
18
+ };
19
+ }, "defaultVariants"> & {
20
+ variants: {
21
+ disabled: {
22
+ true: string;
23
+ false: string;
24
+ };
25
+ invalid: {
26
+ true: string;
27
+ false: string;
28
+ };
29
+ resize: {
30
+ both: string;
31
+ vertical: string;
32
+ horizontal: string;
33
+ none: string;
34
+ };
35
+ };
36
+ defaultVariants: Omit<{}, never>;
37
+ }, {
38
+ disabled: {
39
+ true: string;
40
+ false: string;
41
+ };
42
+ invalid: {
43
+ true: string;
44
+ false: string;
45
+ };
46
+ resize: {
47
+ both: string;
48
+ vertical: string;
49
+ horizontal: string;
50
+ none: string;
51
+ };
52
+ }>;
package/src/components/TimeRange/TimeRange.variants.d.ts CHANGED
@@ -1 +1,6 @@
1
- export declare const cvaTimeRange: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
1
+ export declare const cvaTimeRange: import("cva").CVAComponent<Omit<{
2
+ base: string[];
3
+ }, "defaultVariants"> & {
4
+ variants: unknown;
5
+ defaultVariants: Omit<{}, never>;
6
+ }, unknown>;
package/src/components/ToggleSwitch/ToggleSwitch.variants.d.ts CHANGED
@@ -1,12 +1,145 @@
1
- export declare const cvaToggleSwitchWrapper: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
2
- export declare const cvaToggleSwitchInput: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
3
- export declare const cvaToggleSwitchTrack: (props?: ({
4
- size?: "small" | "medium" | "large" | null | undefined;
5
- disabled?: boolean | null | undefined;
6
- toggled?: boolean | null | undefined;
7
- focused?: boolean | "auto" | null | undefined;
8
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
9
- export declare const cvaToggleSwitchThumb: (props?: ({
10
- toggled?: boolean | null | undefined;
11
- size?: "small" | "medium" | "large" | null | undefined;
12
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
1
+ export declare const cvaToggleSwitchWrapper: import("cva").CVAComponent<Omit<{
2
+ base: string[];
3
+ }, "defaultVariants"> & {
4
+ variants: unknown;
5
+ defaultVariants: Omit<{}, never>;
6
+ }, unknown>;
7
+ export declare const cvaToggleSwitchInput: import("cva").CVAComponent<Omit<{
8
+ base: string[];
9
+ }, "defaultVariants"> & {
10
+ variants: unknown;
11
+ defaultVariants: Omit<{}, never>;
12
+ }, unknown>;
13
+ export declare const cvaToggleSwitchTrack: import("cva").CVAComponent<Omit<{
14
+ base: string[];
15
+ variants: {
16
+ size: {
17
+ small: string[];
18
+ medium: string[];
19
+ large: string[];
20
+ };
21
+ disabled: {
22
+ true: string[];
23
+ false: string[];
24
+ };
25
+ toggled: {
26
+ true: string;
27
+ false: string;
28
+ };
29
+ focused: {
30
+ true: string;
31
+ false: string;
32
+ auto: string;
33
+ };
34
+ };
35
+ compoundVariants: ({
36
+ disabled: true;
37
+ toggled: true;
38
+ className: "bg-neutral-400"[];
39
+ } | {
40
+ disabled: false;
41
+ toggled: true;
42
+ className: ("bg-primary-600" | "hover:bg-primary-700" | "active:bg-primary-800")[];
43
+ })[];
44
+ defaultVariants: {
45
+ size: "medium";
46
+ focused: "auto";
47
+ disabled: false;
48
+ };
49
+ }, "defaultVariants"> & {
50
+ variants: {
51
+ size: {
52
+ small: string[];
53
+ medium: string[];
54
+ large: string[];
55
+ };
56
+ disabled: {
57
+ true: string[];
58
+ false: string[];
59
+ };
60
+ toggled: {
61
+ true: string;
62
+ false: string;
63
+ };
64
+ focused: {
65
+ true: string;
66
+ false: string;
67
+ auto: string;
68
+ };
69
+ };
70
+ defaultVariants: Omit<{}, "size" | "disabled" | "focused"> & {
71
+ size: "medium";
72
+ focused: "auto";
73
+ disabled: false;
74
+ };
75
+ }, {
76
+ size: {
77
+ small: string[];
78
+ medium: string[];
79
+ large: string[];
80
+ };
81
+ disabled: {
82
+ true: string[];
83
+ false: string[];
84
+ };
85
+ toggled: {
86
+ true: string;
87
+ false: string;
88
+ };
89
+ focused: {
90
+ true: string;
91
+ false: string;
92
+ auto: string;
93
+ };
94
+ }>;
95
+ export declare const cvaToggleSwitchThumb: import("cva").CVAComponent<Omit<{
96
+ base: string[];
97
+ variants: {
98
+ toggled: {
99
+ true: string;
100
+ false: string;
101
+ };
102
+ size: {
103
+ small: string[];
104
+ medium: string[];
105
+ large: string[];
106
+ };
107
+ };
108
+ compoundVariants: ({
109
+ toggled: true;
110
+ size: "small";
111
+ className: "translate-x-2";
112
+ } | {
113
+ toggled: true;
114
+ size: "medium";
115
+ className: "translate-x-3";
116
+ } | {
117
+ toggled: true;
118
+ size: "large";
119
+ className: "translate-x-4";
120
+ })[];
121
+ defaultVariants: {};
122
+ }, "defaultVariants"> & {
123
+ variants: {
124
+ toggled: {
125
+ true: string;
126
+ false: string;
127
+ };
128
+ size: {
129
+ small: string[];
130
+ medium: string[];
131
+ large: string[];
132
+ };
133
+ };
134
+ defaultVariants: Omit<{}, never>;
135
+ }, {
136
+ toggled: {
137
+ true: string;
138
+ false: string;
139
+ };
140
+ size: {
141
+ small: string[];
142
+ medium: string[];
143
+ large: string[];
144
+ };
145
+ }>;
package/src/components/UploadInput/UploadInput.variants.d.ts CHANGED
@@ -1 +1,6 @@
1
- export declare const cvaUploadInputField: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
1
+ export declare const cvaUploadInputField: import("cva").CVAComponent<Omit<{
2
+ base: string[];
3
+ }, "defaultVariants"> & {
4
+ variants: unknown;
5
+ defaultVariants: Omit<{}, never>;
6
+ }, unknown>;
package/src/shared-cva/BinaryControlItem.variants.d.ts CHANGED
@@ -1,10 +1,49 @@
1
1
  /**
2
2
  * Shared CVA for binary control items: Checkbox, RadioItem, ToggleSwitchOption
3
3
  */
4
- export declare const cvaBinaryControlWrapper: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
5
- export declare const cvaBinaryControlLabelTooltip: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
6
- export declare const cvaBinaryControlDescriptionTooltip: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
7
- export declare const cvaBinaryControlDescription: (props?: ({
8
- disabled?: boolean | null | undefined;
9
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
10
- export declare const cvaBinaryControlSuffixContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
4
+ export declare const cvaBinaryControlWrapper: import("cva").CVAComponent<Omit<{
5
+ base: string[];
6
+ }, "defaultVariants"> & {
7
+ variants: unknown;
8
+ defaultVariants: Omit<{}, never>;
9
+ }, unknown>;
10
+ export declare const cvaBinaryControlLabelTooltip: import("cva").CVAComponent<Omit<{
11
+ base: string[];
12
+ }, "defaultVariants"> & {
13
+ variants: unknown;
14
+ defaultVariants: Omit<{}, never>;
15
+ }, unknown>;
16
+ export declare const cvaBinaryControlDescriptionTooltip: import("cva").CVAComponent<Omit<{
17
+ base: string[];
18
+ }, "defaultVariants"> & {
19
+ variants: unknown;
20
+ defaultVariants: Omit<{}, never>;
21
+ }, unknown>;
22
+ export declare const cvaBinaryControlDescription: import("cva").CVAComponent<Omit<{
23
+ base: string[];
24
+ variants: {
25
+ disabled: {
26
+ true: string[];
27
+ false: string;
28
+ };
29
+ };
30
+ }, "defaultVariants"> & {
31
+ variants: {
32
+ disabled: {
33
+ true: string[];
34
+ false: string;
35
+ };
36
+ };
37
+ defaultVariants: Omit<{}, never>;
38
+ }, {
39
+ disabled: {
40
+ true: string[];
41
+ false: string;
42
+ };
43
+ }>;
44
+ export declare const cvaBinaryControlSuffixContainer: import("cva").CVAComponent<Omit<{
45
+ base: string[];
46
+ }, "defaultVariants"> & {
47
+ variants: unknown;
48
+ defaultVariants: Omit<{}, never>;
49
+ }, unknown>;