@accelint/design-system 1.1.6 → 1.1.7

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 (33) 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/styles/theme.css.d.ts +200 -200
  30. package/dist/test/setup.js +143 -22
  31. package/dist/test/setup.js.map +1 -1
  32. package/dist/utils/css/index.d.ts +1 -1
  33. package/package.json +14 -14
package/dist/components/menu/menu.css.d.ts CHANGED
@@ -11,71 +11,71 @@ declare const menuContainers: {
11
11
  item: string;
12
12
  };
13
13
  declare const menuStateVars: {
14
- placement: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- isExiting: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- isEntering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ placement: `var(--${string})`;
15
+ size: `var(--${string})`;
16
+ isExiting: `var(--${string})`;
17
+ isEntering: `var(--${string})`;
18
18
  };
19
19
  declare const menuItemStateVars: {
20
- selectionMode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
- selectionBehavior: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
- hasDescription: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- hasSubmenu: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- isOpen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
- isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ selectionMode: `var(--${string})`;
21
+ selectionBehavior: `var(--${string})`;
22
+ size: `var(--${string})`;
23
+ hasDescription: `var(--${string})`;
24
+ hasSubmenu: `var(--${string})`;
25
+ isOpen: `var(--${string})`;
26
+ isDisabled: `var(--${string})`;
27
+ isHovered: `var(--${string})`;
28
+ isPressed: `var(--${string})`;
29
+ isSelected: `var(--${string})`;
30
+ isFocused: `var(--${string})`;
31
+ isFocusVisible: `var(--${string})`;
32
32
  };
33
33
  declare const menuColorVars: {
34
34
  list: {
35
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ background: `var(--${string})`;
36
+ border: `var(--${string})`;
37
+ color: `var(--${string})`;
38
38
  };
39
39
  header: {
40
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ background: `var(--${string})`;
41
+ border: `var(--${string})`;
42
+ color: `var(--${string})`;
43
43
  };
44
- separator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
+ separator: `var(--${string})`;
45
45
  item: {
46
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
+ background: `var(--${string})`;
47
+ border: `var(--${string})`;
48
+ color: `var(--${string})`;
49
49
  };
50
- label: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
- description: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ label: `var(--${string})`;
51
+ description: `var(--${string})`;
52
52
  };
53
53
  declare const menuSpaceVars: {
54
54
  menu: {
55
- minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ minWidth: `var(--${string})`;
56
+ x: `var(--${string})`;
57
+ y: `var(--${string})`;
58
58
  };
59
59
  list: {
60
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
+ x: `var(--${string})`;
61
+ y: `var(--${string})`;
62
62
  };
63
63
  section: {
64
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ x: `var(--${string})`;
65
+ y: `var(--${string})`;
66
66
  };
67
67
  header: {
68
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ x: `var(--${string})`;
69
+ y: `var(--${string})`;
70
70
  };
71
71
  separator: {
72
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
73
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
72
+ x: `var(--${string})`;
73
+ y: `var(--${string})`;
74
74
  };
75
75
  item: {
76
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
78
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
+ x: `var(--${string})`;
77
+ y: `var(--${string})`;
78
+ gap: `var(--${string})`;
79
79
  };
80
80
  };
81
81
  declare const menuClassNames: MenuClassNames;
package/dist/components/number-field/number-field.css.d.ts CHANGED
@@ -12,28 +12,28 @@ import '../input/types.js';
12
12
  declare const numberFieldContainer: string;
13
13
  declare const numberFieldColorVars: {
14
14
  description: {
15
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
+ color: `var(--${string})`;
16
16
  };
17
17
  error: {
18
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ color: `var(--${string})`;
19
19
  };
20
20
  };
21
21
  declare const numberFieldSpaceVars: {
22
22
  group: {
23
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ gap: `var(--${string})`;
24
+ x: `var(--${string})`;
25
+ y: `var(--${string})`;
26
26
  };
27
27
  numberField: {
28
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ gap: `var(--${string})`;
29
29
  };
30
30
  };
31
31
  declare const numberFieldStateVars: {
32
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
- isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ size: `var(--${string})`;
33
+ isDisabled: `var(--${string})`;
34
+ isInvalid: `var(--${string})`;
35
+ isReadOnly: `var(--${string})`;
36
+ isRequired: `var(--${string})`;
37
37
  };
38
38
  declare const numberFieldClassNames: NumberFieldClassNames;
39
39
 
package/dist/components/options/options.css.d.ts CHANGED
@@ -11,75 +11,75 @@ declare const optionsContainers: {
11
11
  item: string;
12
12
  };
13
13
  declare const optionsStateVars: {
14
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- isEntering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- isExiting: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- placement: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ size: `var(--${string})`;
15
+ isEntering: `var(--${string})`;
16
+ isExiting: `var(--${string})`;
17
+ placement: `var(--${string})`;
18
18
  };
19
19
  declare const optionsListStateVars: {
20
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
- isEmpty: `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})`;
20
+ size: `var(--${string})`;
21
+ isEmpty: `var(--${string})`;
22
+ isFocused: `var(--${string})`;
23
+ isFocusVisible: `var(--${string})`;
24
24
  };
25
25
  declare const optionsItemStateVars: {
26
- selectionBehavior: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
- selectionMode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- hasDescription: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
- isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
- isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
- isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ selectionBehavior: `var(--${string})`;
27
+ selectionMode: `var(--${string})`;
28
+ size: `var(--${string})`;
29
+ hasDescription: `var(--${string})`;
30
+ isDisabled: `var(--${string})`;
31
+ isHovered: `var(--${string})`;
32
+ isPressed: `var(--${string})`;
33
+ isSelected: `var(--${string})`;
34
+ isFocused: `var(--${string})`;
35
+ isFocusVisible: `var(--${string})`;
36
36
  };
37
37
  declare const optionsColorVars: {
38
38
  list: {
39
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ background: `var(--${string})`;
40
+ border: `var(--${string})`;
41
+ color: `var(--${string})`;
42
42
  };
43
43
  header: {
44
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
+ background: `var(--${string})`;
45
+ border: `var(--${string})`;
46
+ color: `var(--${string})`;
47
47
  };
48
- separator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ separator: `var(--${string})`;
49
49
  item: {
50
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ background: `var(--${string})`;
51
+ border: `var(--${string})`;
52
+ color: `var(--${string})`;
53
53
  };
54
- label: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
- description: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ label: `var(--${string})`;
55
+ description: `var(--${string})`;
56
56
  };
57
57
  declare const optionsSpaceVars: {
58
58
  options: {
59
- minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
+ minWidth: `var(--${string})`;
60
+ x: `var(--${string})`;
61
+ y: `var(--${string})`;
62
62
  };
63
63
  list: {
64
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ x: `var(--${string})`;
65
+ y: `var(--${string})`;
66
66
  };
67
67
  section: {
68
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ x: `var(--${string})`;
69
+ y: `var(--${string})`;
70
70
  };
71
71
  header: {
72
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
73
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
72
+ x: `var(--${string})`;
73
+ y: `var(--${string})`;
74
74
  };
75
75
  separator: {
76
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
+ x: `var(--${string})`;
77
+ y: `var(--${string})`;
78
78
  };
79
79
  item: {
80
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
81
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
80
+ x: `var(--${string})`;
81
+ y: `var(--${string})`;
82
+ gap: `var(--${string})`;
83
83
  };
84
84
  };
85
85
  declare const optionsClassNames: OptionsClassNames;
package/dist/components/picker/picker.css.d.ts CHANGED
@@ -7,30 +7,30 @@ declare const pickerContainers: {
7
7
  item: string;
8
8
  };
9
9
  declare const pickerSpaceVars: {
10
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ gap: `var(--${string})`;
11
11
  };
12
12
  declare const pickerStateVars: {
13
- columns: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
- layout: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- orientation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- isEmpty: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
- isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ columns: `var(--${string})`;
14
+ layout: `var(--${string})`;
15
+ orientation: `var(--${string})`;
16
+ isEmpty: `var(--${string})`;
17
+ isFocused: `var(--${string})`;
18
+ isFocusVisible: `var(--${string})`;
19
19
  };
20
20
  declare const pickerItemColorVars: {
21
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ background: `var(--${string})`;
22
+ border: `var(--${string})`;
23
+ color: `var(--${string})`;
24
24
  };
25
25
  declare const pickerItemStateVars: {
26
- selectionMode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
- selectionBehavior: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
- isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
- isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ selectionMode: `var(--${string})`;
27
+ selectionBehavior: `var(--${string})`;
28
+ isDisabled: `var(--${string})`;
29
+ isFocused: `var(--${string})`;
30
+ isFocusVisible: `var(--${string})`;
31
+ isHovered: `var(--${string})`;
32
+ isPressed: `var(--${string})`;
33
+ isSelected: `var(--${string})`;
34
34
  };
35
35
  declare const pickerClassNames: PickerClassNames;
36
36
 
package/dist/components/popover/popover.css.d.ts CHANGED
@@ -14,31 +14,31 @@ import '@react-types/shared';
14
14
  declare const popoverContainer: string;
15
15
  declare const popoverColorVars: {
16
16
  content: {
17
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ color: `var(--${string})`;
18
18
  };
19
19
  };
20
20
  declare const popoverSpaceVars: {
21
- width: `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
+ width: `var(--${string})`;
22
+ x: `var(--${string})`;
23
+ y: `var(--${string})`;
24
24
  gap: {
25
- default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ default: `var(--${string})`;
26
26
  header: {
27
- after: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ after: `var(--${string})`;
28
28
  };
29
29
  content: {
30
- before: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ before: `var(--${string})`;
31
31
  };
32
32
  footer: {
33
- before: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ before: `var(--${string})`;
34
34
  };
35
35
  };
36
36
  };
37
37
  declare const popoverStateVars: {
38
- hasHeader: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
- placement: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
- isEntering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
- isExiting: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ hasHeader: `var(--${string})`;
39
+ placement: `var(--${string})`;
40
+ isEntering: `var(--${string})`;
41
+ isExiting: `var(--${string})`;
42
42
  };
43
43
  declare const popoverClassNames: PopoverClassNames;
44
44
 
package/dist/components/query-builder/query-builder.css.d.ts CHANGED
@@ -25,96 +25,96 @@ declare const queryBuilderContainers: {
25
25
  };
26
26
  declare const queryBuilderColorVars: {
27
27
  queryBuilder: {
28
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ background: `var(--${string})`;
29
+ border: `var(--${string})`;
30
+ color: `var(--${string})`;
31
31
  };
32
32
  group: {
33
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- lineColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ background: `var(--${string})`;
34
+ border: `var(--${string})`;
35
+ color: `var(--${string})`;
36
+ lineColor: `var(--${string})`;
37
37
  };
38
38
  rule: {
39
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
- lineColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ background: `var(--${string})`;
40
+ border: `var(--${string})`;
41
+ color: `var(--${string})`;
42
+ lineColor: `var(--${string})`;
43
43
  };
44
44
  error: {
45
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
+ color: `var(--${string})`;
46
46
  };
47
47
  };
48
48
  declare const queryBuilderSpaceVars: {
49
49
  queryBuilder: {
50
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ x: `var(--${string})`;
51
+ y: `var(--${string})`;
52
52
  };
53
53
  group: {
54
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
- lineIndent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ gap: `var(--${string})`;
55
+ x: `var(--${string})`;
56
+ y: `var(--${string})`;
57
+ lineIndent: `var(--${string})`;
58
58
  };
59
59
  header: {
60
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
+ x: `var(--${string})`;
61
+ y: `var(--${string})`;
62
62
  };
63
63
  body: {
64
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ gap: `var(--${string})`;
65
+ x: `var(--${string})`;
66
+ y: `var(--${string})`;
67
67
  };
68
68
  rule: {
69
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
- lineIndent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
+ x: `var(--${string})`;
70
+ y: `var(--${string})`;
71
+ lineIndent: `var(--${string})`;
72
72
  };
73
73
  core: {
74
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
74
+ gap: `var(--${string})`;
75
75
  };
76
76
  field: {
77
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
78
- maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
79
- minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
+ width: `var(--${string})`;
78
+ maxWidth: `var(--${string})`;
79
+ minWidth: `var(--${string})`;
80
80
  };
81
81
  operator: {
82
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
- maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
- minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
+ width: `var(--${string})`;
83
+ maxWidth: `var(--${string})`;
84
+ minWidth: `var(--${string})`;
85
85
  };
86
86
  values: {
87
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
88
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
- maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
- minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
+ gap: `var(--${string})`;
88
+ width: `var(--${string})`;
89
+ maxWidth: `var(--${string})`;
90
+ minWidth: `var(--${string})`;
91
91
  };
92
92
  source: {
93
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
- maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
95
- minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
93
+ width: `var(--${string})`;
94
+ maxWidth: `var(--${string})`;
95
+ minWidth: `var(--${string})`;
96
96
  };
97
97
  footer: {
98
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
99
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
98
+ x: `var(--${string})`;
99
+ y: `var(--${string})`;
100
100
  };
101
101
  };
102
102
  declare const queryBuilderStateVars: {
103
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
104
- showRuleLines: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
103
+ isDisabled: `var(--${string})`;
104
+ showRuleLines: `var(--${string})`;
105
105
  };
106
106
  declare const queryBuilderGroupStateVars: {
107
- after: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
- before: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
- columns: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
- orientation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
107
+ after: `var(--${string})`;
108
+ before: `var(--${string})`;
109
+ columns: `var(--${string})`;
110
+ orientation: `var(--${string})`;
111
+ isDisabled: `var(--${string})`;
112
112
  };
113
113
  declare const queryBuilderRuleStateVars: {
114
- orientation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
- isDragging: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
- isDropTarget: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
+ orientation: `var(--${string})`;
115
+ isDisabled: `var(--${string})`;
116
+ isDragging: `var(--${string})`;
117
+ isDropTarget: `var(--${string})`;
118
118
  };
119
119
  declare const queryBuilderClassNames: QueryBuilderClassNames;
120
120
 
package/dist/components/radio/radio.css.d.ts CHANGED
@@ -7,34 +7,34 @@ import 'react';
7
7
  declare const radioContainer: string;
8
8
  declare const radioGroupContainer: string;
9
9
  declare const radioColorVars: {
10
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ border: `var(--${string})`;
11
+ background: `var(--${string})`;
12
+ color: `var(--${string})`;
13
13
  };
14
14
  declare const radioSpaceVars: {
15
- diameter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- elementGap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
+ diameter: `var(--${string})`;
16
+ gap: `var(--${string})`;
17
+ elementGap: `var(--${string})`;
18
18
  };
19
19
  declare const radioStateVars: {
20
- alignInput: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
- isDisabled: `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
- isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
- isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
- isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ alignInput: `var(--${string})`;
21
+ isDisabled: `var(--${string})`;
22
+ isFocused: `var(--${string})`;
23
+ isFocusVisible: `var(--${string})`;
24
+ isHovered: `var(--${string})`;
25
+ isPressed: `var(--${string})`;
26
+ isReadOnly: `var(--${string})`;
27
+ isSelected: `var(--${string})`;
28
+ isInvalid: `var(--${string})`;
29
+ isRequired: `var(--${string})`;
30
30
  };
31
31
  declare const radioGroupStateVars: {
32
- alignInput: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
- orientation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
- isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
- isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ alignInput: `var(--${string})`;
33
+ orientation: `var(--${string})`;
34
+ isDisabled: `var(--${string})`;
35
+ isReadOnly: `var(--${string})`;
36
+ isInvalid: `var(--${string})`;
37
+ isRequired: `var(--${string})`;
38
38
  };
39
39
  declare const radioClassNames: RadioClassNames;
40
40
 
package/dist/components/search-field/search-field.css.d.ts CHANGED
@@ -11,17 +11,17 @@ import '../input/types.js';
11
11
 
12
12
  declare const searchFieldContainer: string;
13
13
  declare const searchFieldSpaceVars: {
14
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ x: `var(--${string})`;
15
+ y: `var(--${string})`;
16
16
  };
17
17
  declare const searchFieldStateVars: {
18
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
- variant: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
- isEmpty: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
- isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
- isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ size: `var(--${string})`;
19
+ variant: `var(--${string})`;
20
+ isEmpty: `var(--${string})`;
21
+ isDisabled: `var(--${string})`;
22
+ isInvalid: `var(--${string})`;
23
+ isReadOnly: `var(--${string})`;
24
+ isRequired: `var(--${string})`;
25
25
  };
26
26
  declare const searchFieldClassNames: SearchFieldClassNames;
27
27