@accelint/design-system 1.1.4 → 1.1.5

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 (34) hide show
  1. package/dist/components/button/button.css.d.ts +24 -24
  2. package/dist/components/checkbox/checkbox.css.d.ts +23 -23
  3. package/dist/components/chip/chip.css.d.ts +18 -18
  4. package/dist/components/combo-box/combo-box.css.d.ts +9 -9
  5. package/dist/components/date-field/date-field.css.d.ts +17 -17
  6. package/dist/components/date-input/date-input.css.d.ts +25 -25
  7. package/dist/components/dialog/dialog.css.d.ts +15 -15
  8. package/dist/components/drawer/drawer.css.d.ts +16 -16
  9. package/dist/components/group/group.css.d.ts +7 -7
  10. package/dist/components/icon/icon.css.d.ts +9 -9
  11. package/dist/components/input/input.css.d.ts +20 -20
  12. package/dist/components/menu/menu.css.d.ts +42 -42
  13. package/dist/components/number-field/number-field.css.d.ts +11 -11
  14. package/dist/components/options/options.css.d.ts +44 -44
  15. package/dist/components/picker/picker.css.d.ts +18 -18
  16. package/dist/components/popover/popover.css.d.ts +12 -12
  17. package/dist/components/query-builder/query-builder.css.d.ts +53 -53
  18. package/dist/components/radio/radio.css.d.ts +22 -22
  19. package/dist/components/search-field/search-field.css.d.ts +9 -9
  20. package/dist/components/select/select.css.d.ts +12 -12
  21. package/dist/components/slider/slider.css.d.ts +27 -27
  22. package/dist/components/switch/switch.css.d.ts +16 -16
  23. package/dist/components/tabs/tabs.css.d.ts +25 -25
  24. package/dist/components/text-field/text-field.css.d.ts +8 -8
  25. package/dist/components/textarea/textarea.css.d.ts +22 -22
  26. package/dist/components/time-field/time-field.css.d.ts +17 -17
  27. package/dist/components/tooltip/tooltip.css.d.ts +11 -11
  28. package/dist/components/tree/tree.css.d.ts +45 -45
  29. package/dist/ladle/actions.js.map +1 -1
  30. package/dist/styles/theme.css.d.ts +200 -200
  31. package/dist/test/setup.js +141 -19
  32. package/dist/test/setup.js.map +1 -1
  33. package/dist/utils/css/index.d.ts +1 -1
  34. package/package.json +3 -3
package/dist/components/button/button.css.d.ts CHANGED
@@ -7,34 +7,34 @@ import '../icon/types.js';
7
7
 
8
8
  declare const buttonContainer: string;
9
9
  declare const buttonColorVars: {
10
- nonSolidColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
- bareBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
- hollowBorder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
- solidBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
- solidColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ nonSolidColor: `var(--${string})`;
11
+ bareBackground: `var(--${string})`;
12
+ hollowBorder: `var(--${string})`;
13
+ solidBackground: `var(--${string})`;
14
+ solidColor: `var(--${string})`;
15
+ background: `var(--${string})`;
16
+ border: `var(--${string})`;
17
+ color: `var(--${string})`;
18
18
  };
19
19
  declare const buttonSpaceVars: {
20
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
- minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ gap: `var(--${string})`;
21
+ minWidth: `var(--${string})`;
22
+ width: `var(--${string})`;
23
+ x: `var(--${string})`;
24
+ y: `var(--${string})`;
25
25
  };
26
26
  declare const buttonStateVars: {
27
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- variant: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- isCurrent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
- isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
- isPending: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
- isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ color: `var(--${string})`;
28
+ size: `var(--${string})`;
29
+ variant: `var(--${string})`;
30
+ isCurrent: `var(--${string})`;
31
+ isDisabled: `var(--${string})`;
32
+ isFocused: `var(--${string})`;
33
+ isFocusVisible: `var(--${string})`;
34
+ isHovered: `var(--${string})`;
35
+ isPending: `var(--${string})`;
36
+ isPressed: `var(--${string})`;
37
+ isSelected: `var(--${string})`;
38
38
  };
39
39
  declare const buttonClassNames: ButtonClassNames;
40
40
 
package/dist/components/checkbox/checkbox.css.d.ts CHANGED
@@ -9,35 +9,35 @@ import '../icon/types.js';
9
9
  declare const checkboxContainer: string;
10
10
  declare const checkboxGroupContainer: string;
11
11
  declare const checkboxColorVars: {
12
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- indicator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ border: `var(--${string})`;
13
+ background: `var(--${string})`;
14
+ color: `var(--${string})`;
15
+ indicator: `var(--${string})`;
16
16
  };
17
17
  declare const checkboxSpaceVars: {
18
- dimension: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
- elementGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ dimension: `var(--${string})`;
19
+ gap: `var(--${string})`;
20
+ elementGap: `var(--${string})`;
21
21
  };
22
22
  declare const checkboxStateVars: {
23
- alignInput: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
- isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
- isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- isIndeterminate: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
- isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
- isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ alignInput: `var(--${string})`;
24
+ isDisabled: `var(--${string})`;
25
+ isFocused: `var(--${string})`;
26
+ isFocusVisible: `var(--${string})`;
27
+ isHovered: `var(--${string})`;
28
+ isIndeterminate: `var(--${string})`;
29
+ isInvalid: `var(--${string})`;
30
+ isPressed: `var(--${string})`;
31
+ isReadOnly: `var(--${string})`;
32
+ isRequired: `var(--${string})`;
33
+ isSelected: `var(--${string})`;
34
34
  };
35
35
  declare const checkboxGroupStateVars: {
36
- orientation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
- isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
- isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
- isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ orientation: `var(--${string})`;
37
+ isDisabled: `var(--${string})`;
38
+ isReadOnly: `var(--${string})`;
39
+ isRequired: `var(--${string})`;
40
+ isInvalid: `var(--${string})`;
41
41
  };
42
42
  declare const checkboxClassNames: CheckboxClassNames;
43
43
 
package/dist/components/chip/chip.css.d.ts CHANGED
@@ -9,32 +9,32 @@ import '../icon/types.js';
9
9
 
10
10
  declare const chipContainer: string;
11
11
  declare const chipColorVars: {
12
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ background: `var(--${string})`;
13
+ border: `var(--${string})`;
14
+ color: `var(--${string})`;
15
15
  };
16
16
  declare const chipSpaceVars: {
17
17
  list: {
18
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ gap: `var(--${string})`;
19
19
  };
20
20
  chip: {
21
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ gap: `var(--${string})`;
22
+ x: `var(--${string})`;
23
+ y: `var(--${string})`;
24
24
  };
25
25
  };
26
26
  declare const chipStateVars: {
27
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- allowsRemoving: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- selectionBehavior: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- selectionMode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
- isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
- isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ color: `var(--${string})`;
28
+ size: `var(--${string})`;
29
+ allowsRemoving: `var(--${string})`;
30
+ selectionBehavior: `var(--${string})`;
31
+ selectionMode: `var(--${string})`;
32
+ isDisabled: `var(--${string})`;
33
+ isFocused: `var(--${string})`;
34
+ isFocusVisible: `var(--${string})`;
35
+ isHovered: `var(--${string})`;
36
+ isPressed: `var(--${string})`;
37
+ isSelected: `var(--${string})`;
38
38
  };
39
39
  declare const chipClassNames: ChipClassNames;
40
40
 
package/dist/components/combo-box/combo-box.css.d.ts CHANGED
@@ -13,22 +13,22 @@ import '../options/types.js';
13
13
  declare const comboBoxContainer: string;
14
14
  declare const comboBoxColorVars: {
15
15
  description: {
16
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ color: `var(--${string})`;
17
17
  };
18
18
  error: {
19
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
+ color: `var(--${string})`;
20
20
  };
21
21
  };
22
22
  declare const comboBoxSpaceVars: {
23
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ x: `var(--${string})`;
24
+ y: `var(--${string})`;
25
25
  };
26
26
  declare const comboBoxStateVars: {
27
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- isOpen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ size: `var(--${string})`;
28
+ isDisabled: `var(--${string})`;
29
+ isInvalid: `var(--${string})`;
30
+ isOpen: `var(--${string})`;
31
+ isRequired: `var(--${string})`;
32
32
  };
33
33
  declare const comboBoxClassNames: ComboBoxClassNames;
34
34
 
package/dist/components/date-field/date-field.css.d.ts CHANGED
@@ -11,33 +11,33 @@ import '../icon/types.js';
11
11
 
12
12
  declare const dateFieldContainer: string;
13
13
  declare const dateFieldSpaceVars: {
14
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
- maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ x: `var(--${string})`;
15
+ y: `var(--${string})`;
16
+ gap: `var(--${string})`;
17
+ minWidth: `var(--${string})`;
18
+ width: `var(--${string})`;
19
+ maxWidth: `var(--${string})`;
20
20
  };
21
21
  declare const dateFieldColorVars: {
22
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ border: `var(--${string})`;
23
23
  description: {
24
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ color: `var(--${string})`;
25
25
  };
26
26
  error: {
27
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ color: `var(--${string})`;
28
28
  };
29
29
  label: {
30
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ color: `var(--${string})`;
31
31
  };
32
32
  };
33
33
  declare const dateFieldStateVars: {
34
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
- isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
- isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
- isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
- isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ size: `var(--${string})`;
35
+ isDisabled: `var(--${string})`;
36
+ isFocused: `var(--${string})`;
37
+ isHovered: `var(--${string})`;
38
+ isInvalid: `var(--${string})`;
39
+ isReadOnly: `var(--${string})`;
40
+ isRequired: `var(--${string})`;
41
41
  };
42
42
  declare const dateFieldClassNames: DateFieldClassNames;
43
43
 
package/dist/components/date-input/date-input.css.d.ts CHANGED
@@ -10,44 +10,44 @@ import '../icon/types.js';
10
10
  declare const dateInputContainer: string;
11
11
  declare const dateSegmentsContainer: string;
12
12
  declare const dateInputStateVars: {
13
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
- isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- isFocusWithin: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
- isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ size: `var(--${string})`;
14
+ isHovered: `var(--${string})`;
15
+ isFocusWithin: `var(--${string})`;
16
+ isFocusVisible: `var(--${string})`;
17
+ isDisabled: `var(--${string})`;
18
+ isInvalid: `var(--${string})`;
19
19
  };
20
20
  declare const dateSegmentStateVars: {
21
- isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
- isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
- isPlaceholder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
- isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- isEditable: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ isHovered: `var(--${string})`;
22
+ isFocused: `var(--${string})`;
23
+ isFocusVisible: `var(--${string})`;
24
+ isDisabled: `var(--${string})`;
25
+ isInvalid: `var(--${string})`;
26
+ isPlaceholder: `var(--${string})`;
27
+ isReadOnly: `var(--${string})`;
28
+ isEditable: `var(--${string})`;
29
29
  };
30
30
  declare const dateInputSpaceVars: {
31
31
  input: {
32
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
- minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
- maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ x: `var(--${string})`;
33
+ y: `var(--${string})`;
34
+ gap: `var(--${string})`;
35
+ minWidth: `var(--${string})`;
36
+ width: `var(--${string})`;
37
+ maxWidth: `var(--${string})`;
38
38
  };
39
39
  segments: {
40
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ gap: `var(--${string})`;
41
41
  };
42
42
  };
43
43
  declare const dateInputColorVars: {
44
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
+ border: `var(--${string})`;
45
+ color: `var(--${string})`;
46
46
  description: {
47
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ color: `var(--${string})`;
48
48
  };
49
49
  error: {
50
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ color: `var(--${string})`;
51
51
  };
52
52
  };
53
53
  declare const dateInputClassNames: DateInputClassNames;
package/dist/components/dialog/dialog.css.d.ts CHANGED
@@ -10,35 +10,35 @@ import '@react-types/shared';
10
10
 
11
11
  declare const dialogContainer: string;
12
12
  declare const dialogColorVars: {
13
- overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ overlay: `var(--${string})`;
14
14
  content: {
15
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
+ color: `var(--${string})`;
16
16
  };
17
17
  };
18
18
  declare const dialogSpaceVars: {
19
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
+ width: `var(--${string})`;
20
+ x: `var(--${string})`;
21
+ y: `var(--${string})`;
22
22
  gap: {
23
- default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ default: `var(--${string})`;
24
24
  header: {
25
- after: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ after: `var(--${string})`;
26
26
  };
27
27
  content: {
28
- before: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ before: `var(--${string})`;
29
29
  };
30
30
  footer: {
31
- before: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ before: `var(--${string})`;
32
32
  };
33
33
  };
34
34
  };
35
35
  declare const dialogStateVars: {
36
- hasHeader: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
- isEntering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
- isExiting: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
- isGlobal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
- isOpen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ hasHeader: `var(--${string})`;
37
+ size: `var(--${string})`;
38
+ isEntering: `var(--${string})`;
39
+ isExiting: `var(--${string})`;
40
+ isGlobal: `var(--${string})`;
41
+ isOpen: `var(--${string})`;
42
42
  };
43
43
  declare const dialogClassNames: DialogClassNames;
44
44
 
package/dist/components/drawer/drawer.css.d.ts CHANGED
@@ -14,34 +14,34 @@ import '../../types/generic.js';
14
14
 
15
15
  declare const drawerContainer: string;
16
16
  declare const drawerAnimationVars: {
17
- delay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
- duration: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
- easing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ delay: `var(--${string})`;
18
+ duration: `var(--${string})`;
19
+ easing: `var(--${string})`;
20
20
  };
21
21
  declare const drawerColorVars: {
22
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ background: `var(--${string})`;
23
+ color: `var(--${string})`;
24
24
  };
25
25
  declare const drawerSpaceVars: {
26
26
  drawer: {
27
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ width: `var(--${string})`;
28
+ gap: `var(--${string})`;
29
+ x: `var(--${string})`;
30
+ y: `var(--${string})`;
31
31
  };
32
32
  list: {
33
- top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- translateY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ top: `var(--${string})`;
34
+ translateY: `var(--${string})`;
35
35
  };
36
36
  };
37
37
  declare const drawerStateVars: {
38
- anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
- layoutShift: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
- isChild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
- isOpen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ anchor: `var(--${string})`;
39
+ layoutShift: `var(--${string})`;
40
+ isChild: `var(--${string})`;
41
+ isOpen: `var(--${string})`;
42
42
  };
43
43
  declare const drawerDialogStateVars: {
44
- isChild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
+ isChild: `var(--${string})`;
45
45
  };
46
46
  declare const drawerClassNames: DrawerClassNames;
47
47
 
package/dist/components/group/group.css.d.ts CHANGED
@@ -5,15 +5,15 @@ import 'react-aria-components';
5
5
 
6
6
  declare const groupContainer: string;
7
7
  declare const groupSpaceVars: {
8
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ gap: `var(--${string})`;
9
+ x: `var(--${string})`;
10
+ y: `var(--${string})`;
11
11
  };
12
12
  declare const groupStateVars: {
13
- count: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
- orientation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- reverse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- type: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ count: `var(--${string})`;
14
+ orientation: `var(--${string})`;
15
+ reverse: `var(--${string})`;
16
+ type: `var(--${string})`;
17
17
  };
18
18
  declare const groupClassNames: GroupClassNames;
19
19
 
package/dist/components/icon/icon.css.d.ts CHANGED
@@ -4,19 +4,19 @@ import 'react-aria-components';
4
4
 
5
5
  declare const iconContainer: string;
6
6
  declare const iconColorVars: {
7
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
- fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
- stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ color: `var(--${string})`;
8
+ fill: `var(--${string})`;
9
+ stroke: `var(--${string})`;
10
10
  };
11
11
  declare const iconSpaceVars: {
12
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
- height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ width: `var(--${string})`;
13
+ height: `var(--${string})`;
14
14
  };
15
15
  declare const iconStateVars: {
16
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
- stroke: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ color: `var(--${string})`;
17
+ fill: `var(--${string})`;
18
+ size: `var(--${string})`;
19
+ stroke: `var(--${string})`;
20
20
  };
21
21
  declare const iconClassNames: IconClassNames;
22
22
 
package/dist/components/input/input.css.d.ts CHANGED
@@ -4,30 +4,30 @@ import '../../types/generic.js';
4
4
 
5
5
  declare const inputContainer: string;
6
6
  declare const inputColorVars: {
7
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ background: `var(--${string})`;
8
+ border: `var(--${string})`;
9
+ color: `var(--${string})`;
10
10
  };
11
11
  declare const inputSpaceVars: {
12
- minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
- maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ minWidth: `var(--${string})`;
13
+ width: `var(--${string})`;
14
+ maxWidth: `var(--${string})`;
15
+ x: `var(--${string})`;
16
+ y: `var(--${string})`;
17
17
  };
18
18
  declare const inputStateVars: {
19
- length: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
- type: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
- isEmpty: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
- isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
- isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- isPlaceholder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
+ length: `var(--${string})`;
20
+ size: `var(--${string})`;
21
+ type: `var(--${string})`;
22
+ isDisabled: `var(--${string})`;
23
+ isEmpty: `var(--${string})`;
24
+ isFocused: `var(--${string})`;
25
+ isFocusVisible: `var(--${string})`;
26
+ isHovered: `var(--${string})`;
27
+ isInvalid: `var(--${string})`;
28
+ isPlaceholder: `var(--${string})`;
29
+ isReadOnly: `var(--${string})`;
30
+ isRequired: `var(--${string})`;
31
31
  };
32
32
  declare const inputClassNames: InputClassNames;
33
33