@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/select/select.css.d.ts CHANGED
@@ -12,25 +12,25 @@ import '../options/types.js';
12
12
  declare const selectContainer: string;
13
13
  declare const selectColorVars: {
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 selectSpaceVars: {
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})`;
22
+ width: `var(--${string})`;
23
+ x: `var(--${string})`;
24
+ y: `var(--${string})`;
25
25
  };
26
26
  declare const selectStateVars: {
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})`;
32
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
- isFocusVisible: `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
+ isFocused: `var(--${string})`;
33
+ isFocusVisible: `var(--${string})`;
34
34
  };
35
35
  declare const selectClassNames: SelectClassNames;
36
36
 
package/dist/components/slider/slider.css.d.ts CHANGED
@@ -13,53 +13,53 @@ import '../icon/types.js';
13
13
  import '../input/types.js';
14
14
 
15
15
  declare const sliderColorVars: {
16
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
- boxShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ color: `var(--${string})`;
17
+ background: `var(--${string})`;
18
+ boxShadow: `var(--${string})`;
19
19
  thumb: {
20
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ color: `var(--${string})`;
21
21
  };
22
22
  track: {
23
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ color: `var(--${string})`;
24
24
  };
25
25
  bar: {
26
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ color: `var(--${string})`;
27
27
  };
28
28
  };
29
29
  declare const sliderSpaceVars: {
30
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- margin: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ gap: `var(--${string})`;
31
+ margin: `var(--${string})`;
32
32
  track: {
33
- minDimension: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- thickness: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ minDimension: `var(--${string})`;
34
+ thickness: `var(--${string})`;
35
35
  };
36
36
  thumb: {
37
- height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ height: `var(--${string})`;
38
+ width: `var(--${string})`;
39
+ borderRadius: `var(--${string})`;
40
40
  };
41
41
  bar: {
42
- height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
+ height: `var(--${string})`;
43
+ width: `var(--${string})`;
44
44
  };
45
45
  };
46
46
  declare const sliderStateVars: {
47
- layout: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
- orientation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ layout: `var(--${string})`;
48
+ orientation: `var(--${string})`;
49
+ isDisabled: `var(--${string})`;
50
50
  };
51
51
  declare const sliderThumbStateVars: {
52
- layout: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
- isDragging: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
- isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
- isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
+ layout: `var(--${string})`;
53
+ isDisabled: `var(--${string})`;
54
+ isDragging: `var(--${string})`;
55
+ isFocused: `var(--${string})`;
56
+ isFocusVisible: `var(--${string})`;
57
+ isHovered: `var(--${string})`;
58
58
  };
59
59
  declare const sliderTrackStateVars: {
60
- layout: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
- isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
+ layout: `var(--${string})`;
61
+ isDisabled: `var(--${string})`;
62
+ isHovered: `var(--${string})`;
63
63
  };
64
64
  declare const sliderClassNames: SliderClassNames;
65
65
 
package/dist/components/switch/switch.css.d.ts CHANGED
@@ -5,26 +5,26 @@ import 'react';
5
5
 
6
6
  declare const switchContainer: string;
7
7
  declare const switchColorVars: {
8
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
- indicator: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ border: `var(--${string})`;
9
+ background: `var(--${string})`;
10
+ color: `var(--${string})`;
11
+ indicator: `var(--${string})`;
12
12
  };
13
13
  declare const switchSpaceVars: {
14
- diameter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- gutter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- travel: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ diameter: `var(--${string})`;
15
+ gutter: `var(--${string})`;
16
+ gap: `var(--${string})`;
17
+ travel: `var(--${string})`;
18
18
  };
19
19
  declare const switchStateVars: {
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})`;
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
28
  };
29
29
  declare const switchClassNames: SwitchClassNames;
30
30
 
package/dist/components/tabs/tabs.css.d.ts CHANGED
@@ -12,45 +12,45 @@ declare const tabsContainers: {
12
12
  panel: string;
13
13
  };
14
14
  declare const tabColorVars: {
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})`;
15
+ background: `var(--${string})`;
16
+ border: `var(--${string})`;
17
+ color: `var(--${string})`;
18
18
  };
19
19
  declare const tabSpaceVars: {
20
20
  list: {
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
  tab: {
26
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ x: `var(--${string})`;
27
+ y: `var(--${string})`;
28
28
  };
29
29
  };
30
30
  declare const tabListStateVars: {
31
- align: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
- anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
- count: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- orientation: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- variant: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ align: `var(--${string})`;
32
+ anchor: `var(--${string})`;
33
+ count: `var(--${string})`;
34
+ orientation: `var(--${string})`;
35
+ size: `var(--${string})`;
36
+ variant: `var(--${string})`;
37
37
  };
38
38
  declare const tabStateVars: {
39
- isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
- isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
- isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
- isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ isHovered: `var(--${string})`;
40
+ isPressed: `var(--${string})`;
41
+ isSelected: `var(--${string})`;
42
+ isFocused: `var(--${string})`;
43
+ isFocusVisible: `var(--${string})`;
44
+ isDisabled: `var(--${string})`;
45
45
  };
46
46
  declare const tabPanelsStateVars: {
47
- shouldForceMount: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
+ shouldForceMount: `var(--${string})`;
48
48
  };
49
49
  declare const tabPanelStateVars: {
50
- shouldForceMount: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
- isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
- isInert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ shouldForceMount: `var(--${string})`;
51
+ isFocused: `var(--${string})`;
52
+ isFocusVisible: `var(--${string})`;
53
+ isInert: `var(--${string})`;
54
54
  };
55
55
  declare const tabsClassNames: TabsClassNames;
56
56
 
package/dist/components/text-field/text-field.css.d.ts CHANGED
@@ -7,21 +7,21 @@ import '../input/types.js';
7
7
  declare const textFieldContainer: string;
8
8
  declare const textFieldColorVars: {
9
9
  description: {
10
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ color: `var(--${string})`;
11
11
  };
12
12
  error: {
13
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ color: `var(--${string})`;
14
14
  };
15
15
  };
16
16
  declare const textFieldSpaceVars: {
17
- gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ gap: `var(--${string})`;
18
18
  };
19
19
  declare const textFieldStateVars: {
20
- size: `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})`;
20
+ size: `var(--${string})`;
21
+ isDisabled: `var(--${string})`;
22
+ isInvalid: `var(--${string})`;
23
+ isReadOnly: `var(--${string})`;
24
+ isRequired: `var(--${string})`;
25
25
  };
26
26
  declare const textFieldClassNames: TextFieldClassNames;
27
27
 
package/dist/components/textarea/textarea.css.d.ts CHANGED
@@ -5,32 +5,32 @@ import '../../types/generic.js';
5
5
 
6
6
  declare const textAreaContainer: string;
7
7
  declare const textAreaColorVars: {
8
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ background: `var(--${string})`;
9
+ border: `var(--${string})`;
10
+ color: `var(--${string})`;
11
11
  };
12
12
  declare const textAreaSpaceVars: {
13
- minWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
- width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- maxWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- minHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- height: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
- maxHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ minWidth: `var(--${string})`;
14
+ width: `var(--${string})`;
15
+ maxWidth: `var(--${string})`;
16
+ minHeight: `var(--${string})`;
17
+ height: `var(--${string})`;
18
+ maxHeight: `var(--${string})`;
19
+ x: `var(--${string})`;
20
+ y: `var(--${string})`;
21
21
  };
22
22
  declare const textAreaStateVars: {
23
- resize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
- isEmpty: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- isInvalid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- isPlaceholder: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
- isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
- isRequired: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ resize: `var(--${string})`;
24
+ size: `var(--${string})`;
25
+ isDisabled: `var(--${string})`;
26
+ isEmpty: `var(--${string})`;
27
+ isFocused: `var(--${string})`;
28
+ isFocusVisible: `var(--${string})`;
29
+ isHovered: `var(--${string})`;
30
+ isInvalid: `var(--${string})`;
31
+ isPlaceholder: `var(--${string})`;
32
+ isReadOnly: `var(--${string})`;
33
+ isRequired: `var(--${string})`;
34
34
  };
35
35
  declare const textAreaClassNames: TextAreaClassNames;
36
36
 
package/dist/components/time-field/time-field.css.d.ts CHANGED
@@ -11,33 +11,33 @@ import '../icon/types.js';
11
11
 
12
12
  declare const timeFieldContainer: string;
13
13
  declare const timeFieldSpaceVars: {
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 timeFieldColorVars: {
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 timeFieldStateVars: {
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 timeFieldClassNames: TimeFieldClassNames;
43
43
 
package/dist/components/tooltip/tooltip.css.d.ts CHANGED
@@ -9,21 +9,21 @@ declare const tooltipContainers: {
9
9
  target: string;
10
10
  };
11
11
  declare const tooltipSpaceVars: {
12
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ x: `var(--${string})`;
13
+ y: `var(--${string})`;
14
14
  };
15
15
  declare const tooltipStateVars: {
16
- containerPadding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- crossOffset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
- offset: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
- placement: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
- isEntering: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
- isExiting: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
- isOpen: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ containerPadding: `var(--${string})`;
17
+ crossOffset: `var(--${string})`;
18
+ offset: `var(--${string})`;
19
+ placement: `var(--${string})`;
20
+ isEntering: `var(--${string})`;
21
+ isExiting: `var(--${string})`;
22
+ isOpen: `var(--${string})`;
23
23
  };
24
24
  declare const tooltipTargetStateVars: {
25
- focusable: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
- relative: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ focusable: `var(--${string})`;
26
+ relative: `var(--${string})`;
27
27
  };
28
28
  declare const tooltipClassNames: TooltipClassNames;
29
29
 
package/dist/components/tree/tree.css.d.ts CHANGED
@@ -20,70 +20,70 @@ declare const treeContainers: {
20
20
  };
21
21
  declare const treeColorVars: {
22
22
  bar: {
23
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ background: `var(--${string})`;
24
+ border: `var(--${string})`;
25
+ color: `var(--${string})`;
26
26
  };
27
27
  indicator: {
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
  };
33
33
  declare const treeSpaceVars: {
34
34
  bar: {
35
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ x: `var(--${string})`;
36
+ y: `var(--${string})`;
37
37
  };
38
38
  description: {
39
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ x: `var(--${string})`;
40
+ y: `var(--${string})`;
41
41
  };
42
42
  empty: {
43
- x: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
- y: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
+ x: `var(--${string})`;
44
+ y: `var(--${string})`;
45
45
  };
46
46
  };
47
47
  declare const treeStateVars: {
48
- allowsDragging: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
- allowsExpansion: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
- allowsVisibility: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
- showTreeLines: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
- size: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ allowsDragging: `var(--${string})`;
49
+ allowsExpansion: `var(--${string})`;
50
+ allowsVisibility: `var(--${string})`;
51
+ showTreeLines: `var(--${string})`;
52
+ size: `var(--${string})`;
53
53
  };
54
54
  declare const treeGroupStateVars: {
55
- count: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
- layout: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
- isDropTarget: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
- isEmpty: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
- isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ count: `var(--${string})`;
56
+ layout: `var(--${string})`;
57
+ isDropTarget: `var(--${string})`;
58
+ isEmpty: `var(--${string})`;
59
+ isFocused: `var(--${string})`;
60
+ isFocusVisible: `var(--${string})`;
61
61
  };
62
62
  declare const treeIndicatorStateVars: {
63
- dropPosition: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
- isDropTarget: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
+ dropPosition: `var(--${string})`;
64
+ isDropTarget: `var(--${string})`;
65
65
  };
66
66
  declare const treeItemStateVars: {
67
- allowsDragging: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
- count: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
- index: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
- selectionMode: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
- selectionBehavior: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
72
- isDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
73
- isDragging: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
74
- isDropTarget: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
75
- isExpanded: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
- isFirstChild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
- isFocused: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
78
- isFocusVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
79
- isGroup: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
80
- isHovered: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
81
- isLastChild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
- isPressed: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
- isReadOnly: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
- isSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
85
- isViewable: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
- isVisible: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ allowsDragging: `var(--${string})`;
68
+ count: `var(--${string})`;
69
+ index: `var(--${string})`;
70
+ selectionMode: `var(--${string})`;
71
+ selectionBehavior: `var(--${string})`;
72
+ isDisabled: `var(--${string})`;
73
+ isDragging: `var(--${string})`;
74
+ isDropTarget: `var(--${string})`;
75
+ isExpanded: `var(--${string})`;
76
+ isFirstChild: `var(--${string})`;
77
+ isFocused: `var(--${string})`;
78
+ isFocusVisible: `var(--${string})`;
79
+ isGroup: `var(--${string})`;
80
+ isHovered: `var(--${string})`;
81
+ isLastChild: `var(--${string})`;
82
+ isPressed: `var(--${string})`;
83
+ isReadOnly: `var(--${string})`;
84
+ isSelected: `var(--${string})`;
85
+ isViewable: `var(--${string})`;
86
+ isVisible: `var(--${string})`;
87
87
  };
88
88
  declare const treeClassNames: TreeClassNames;
89
89