@rarui/styles 2.6.2 → 2.6.3-rc.1

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 (116) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/packages/exhibition/avatar/index.d.ts +6 -6
  3. package/dist/packages/exhibition/avatar/rarui-avatar.css.d.ts +6 -6
  4. package/dist/packages/exhibition/avatar/rarui-avatar.css.js +1 -1
  5. package/dist/packages/exhibition/badge/index.d.ts +32 -32
  6. package/dist/packages/exhibition/badge/rarui-badge.css.d.ts +32 -32
  7. package/dist/packages/exhibition/badge/rarui-badge.css.js +1 -1
  8. package/dist/packages/exhibition/divider/index.d.ts +21 -21
  9. package/dist/packages/exhibition/divider/rarui-divider.css.js +1 -1
  10. package/dist/packages/exhibition/icon/index.d.ts +36 -36
  11. package/dist/packages/exhibition/icon/rarui-icon.css.js +1 -1
  12. package/dist/packages/exhibition/label/rarui-label.css.js +1 -1
  13. package/dist/packages/exhibition/stepper/index.d.ts +8 -8
  14. package/dist/packages/exhibition/stepper/rarui-stepper.css.d.ts +8 -8
  15. package/dist/packages/exhibition/stepper/rarui-stepper.css.js +1 -1
  16. package/dist/packages/exhibition/text/index.d.ts +52 -52
  17. package/dist/packages/exhibition/text/rarui-text.css.d.ts +12 -12
  18. package/dist/packages/exhibition/text/rarui-text.css.js +1 -1
  19. package/dist/packages/exhibition/title/index.d.ts +70 -70
  20. package/dist/packages/exhibition/title/rarui-title.css.d.ts +12 -12
  21. package/dist/packages/exhibition/title/rarui-title.css.js +1 -1
  22. package/dist/packages/exhibition/tooltip/index.d.ts +6 -6
  23. package/dist/packages/exhibition/tooltip/rarui-tooltip.css.d.ts +6 -6
  24. package/dist/packages/exhibition/tooltip/rarui-tooltip.css.js +1 -1
  25. package/dist/packages/feedback/progress/index.d.ts +6 -6
  26. package/dist/packages/feedback/progress/rarui-progress.css.d.ts +3 -3
  27. package/dist/packages/feedback/progress/rarui-progress.css.js +1 -1
  28. package/dist/packages/feedback/skeleton/index.d.ts +11 -11
  29. package/dist/packages/feedback/skeleton/rarui-skeleton.css.js +1 -1
  30. package/dist/packages/feedback/status/index.d.ts +14 -14
  31. package/dist/packages/feedback/status/rarui-status.css.d.ts +18 -17
  32. package/dist/packages/feedback/status/rarui-status.css.js +1 -1
  33. package/dist/packages/feedback/toast/index.d.ts +20 -20
  34. package/dist/packages/feedback/toast/rarui-toast.css.d.ts +20 -20
  35. package/dist/packages/feedback/toast/rarui-toast.css.js +1 -1
  36. package/dist/packages/input/button/index.d.ts +30 -30
  37. package/dist/packages/input/button/rarui-button.css.d.ts +30 -30
  38. package/dist/packages/input/button/rarui-button.css.js +1 -1
  39. package/dist/packages/input/checkbox/index.d.ts +3 -3
  40. package/dist/packages/input/checkbox/rarui-checkbox.css.d.ts +4 -3
  41. package/dist/packages/input/checkbox/rarui-checkbox.css.js +1 -1
  42. package/dist/packages/input/chip/index.d.ts +9 -9
  43. package/dist/packages/input/chip/rarui-chip.css.d.ts +9 -9
  44. package/dist/packages/input/chip/rarui-chip.css.js +1 -1
  45. package/dist/packages/input/datepicker/rarui-datepicker.css.js +1 -1
  46. package/dist/packages/input/dropdown/index.d.ts +12 -12
  47. package/dist/packages/input/dropdown/rarui-dropdown.css.d.ts +3 -3
  48. package/dist/packages/input/dropdown/rarui-dropdown.css.js +1 -1
  49. package/dist/packages/input/iconButton/index.d.ts +26 -26
  50. package/dist/packages/input/iconButton/rarui-iconButton.css.d.ts +26 -26
  51. package/dist/packages/input/iconButton/rarui-iconButton.css.js +1 -1
  52. package/dist/packages/input/input/index.d.ts +26 -26
  53. package/dist/packages/input/input/rarui-input.css.d.ts +26 -26
  54. package/dist/packages/input/input/rarui-input.css.js +1 -1
  55. package/dist/packages/input/radioButton/index.d.ts +8 -8
  56. package/dist/packages/input/radioButton/rarui-radioButton.css.d.ts +8 -8
  57. package/dist/packages/input/radioButton/rarui-radioButton.css.js +1 -1
  58. package/dist/packages/input/select/index.d.ts +9 -9
  59. package/dist/packages/input/select/rarui-select.css.d.ts +9 -9
  60. package/dist/packages/input/select/rarui-select.css.js +1 -1
  61. package/dist/packages/input/textarea/index.d.ts +8 -8
  62. package/dist/packages/input/textarea/rarui-textarea.css.d.ts +8 -8
  63. package/dist/packages/input/textarea/rarui-textarea.css.js +1 -1
  64. package/dist/packages/input/toggle/index.d.ts +6 -6
  65. package/dist/packages/input/toggle/rarui-toggle.css.d.ts +6 -6
  66. package/dist/packages/input/toggle/rarui-toggle.css.js +1 -1
  67. package/dist/packages/layout/box/index.d.ts +731 -731
  68. package/dist/packages/layout/box/rarui-box.css.d.ts +32 -32
  69. package/dist/packages/layout/box/rarui-box.css.js +1 -1
  70. package/dist/packages/layout/sidebar/index.d.ts +13 -13
  71. package/dist/packages/layout/sidebar/rarui-sidebar.css.d.ts +2 -2
  72. package/dist/packages/layout/sidebar/rarui-sidebar.css.js +1 -1
  73. package/dist/packages/navigation/breadcrumb/index.d.ts +1 -1
  74. package/dist/packages/navigation/breadcrumb/rarui-breadcrumb.css.d.ts +1 -1
  75. package/dist/packages/navigation/breadcrumb/rarui-breadcrumb.css.js +1 -1
  76. package/dist/packages/navigation/link/index.d.ts +3 -3
  77. package/dist/packages/navigation/link/rarui-link.css.d.ts +5 -3
  78. package/dist/packages/navigation/link/rarui-link.css.js +1 -1
  79. package/dist/packages/navigation/pagination/index.d.ts +9 -9
  80. package/dist/packages/navigation/pagination/rarui-pagination.css.d.ts +9 -9
  81. package/dist/packages/navigation/pagination/rarui-pagination.css.js +1 -1
  82. package/dist/packages/navigation/sideNavigation/index.d.ts +12 -12
  83. package/dist/packages/navigation/sideNavigation/rarui-sideNavigation.css.d.ts +12 -12
  84. package/dist/packages/navigation/sideNavigation/rarui-sideNavigation.css.js +1 -1
  85. package/dist/packages/navigation/tabs/index.d.ts +5 -5
  86. package/dist/packages/navigation/tabs/rarui-tabs.css.d.ts +5 -5
  87. package/dist/packages/navigation/tabs/rarui-tabs.css.js +1 -1
  88. package/dist/packages/surface/accordion/index.d.ts +9 -9
  89. package/dist/packages/surface/accordion/rarui-accordion.css.d.ts +9 -9
  90. package/dist/packages/surface/accordion/rarui-accordion.css.js +1 -1
  91. package/dist/packages/surface/banner/index.d.ts +13 -13
  92. package/dist/packages/surface/banner/rarui-banner.css.d.ts +13 -13
  93. package/dist/packages/surface/banner/rarui-banner.css.js +1 -1
  94. package/dist/packages/surface/banner/rarui-banner.types.d.ts +1 -1
  95. package/dist/packages/surface/card/index.d.ts +66 -66
  96. package/dist/packages/surface/card/rarui-card.css.d.ts +4 -4
  97. package/dist/packages/surface/card/rarui-card.css.js +1 -1
  98. package/dist/packages/surface/modal/index.d.ts +10 -10
  99. package/dist/packages/surface/modal/rarui-modal.css.d.ts +1 -1
  100. package/dist/packages/surface/modal/rarui-modal.css.js +1 -1
  101. package/dist/properties/css.d.ts +172 -172
  102. package/dist/themes/globals.css.d.ts +163 -163
  103. package/dist/themes/globals.css.js +1 -1
  104. package/dist/themes/rarui-theme-dark.css.js +1 -1
  105. package/package.json +6 -5
  106. package/dist/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.cjs.d.d.ts +0 -168
  107. package/dist/node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js +0 -1
  108. package/dist/node_modules/@vanilla-extract/private/dist/vanilla-extract-private.esm.js +0 -1
  109. package/dist/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js +0 -1
  110. package/dist/node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.d.ts +0 -28
  111. package/dist/node_modules/csstype/index.d.d.ts +0 -11245
  112. package/dist/node_modules/rainbow-sprinkles/dist/createRuntimeFn-891c4670.esm.js +0 -1
  113. package/dist/node_modules/rainbow-sprinkles/dist/declarations/src/createRuntimeFn.d.d.ts +0 -7
  114. package/dist/node_modules/rainbow-sprinkles/dist/declarations/src/css.d.d.ts +0 -6075
  115. package/dist/node_modules/rainbow-sprinkles/dist/declarations/src/types.d.d.ts +0 -137
  116. package/dist/node_modules/tslib/tslib.es6.js +0 -1
package/dist/packages/layout/box/index.d.ts CHANGED
@@ -5,307 +5,307 @@ declare const box: {
5
5
  config: {
6
6
  backgroundColor: {
7
7
  values: {
8
- overlay: {
8
+ "brand-hover": {
9
9
  default: string;
10
10
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
11
11
  };
12
- background: {
12
+ "brand-press": {
13
13
  default: string;
14
14
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
15
15
  };
16
- transparent: {
16
+ "brand-subdued": {
17
17
  default: string;
18
18
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
19
19
  };
20
- brand: {
20
+ "error-hover": {
21
21
  default: string;
22
22
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
23
23
  };
24
- "brand-hover": {
24
+ "error-press": {
25
25
  default: string;
26
26
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
27
27
  };
28
- "brand-press": {
28
+ "error-subdued": {
29
29
  default: string;
30
30
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
31
31
  };
32
- "brand-subdued": {
32
+ "info-hover": {
33
33
  default: string;
34
34
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
35
35
  };
36
- disabled: {
36
+ "info-press": {
37
37
  default: string;
38
38
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
39
39
  };
40
- error: {
40
+ "info-subdued": {
41
41
  default: string;
42
42
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
43
43
  };
44
- "error-hover": {
44
+ "invert-disabled": {
45
45
  default: string;
46
46
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
47
47
  };
48
- "error-press": {
48
+ "invert-hover": {
49
49
  default: string;
50
50
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
51
51
  };
52
- "error-subdued": {
52
+ "invert-press": {
53
53
  default: string;
54
54
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
55
55
  };
56
- hover: {
56
+ "invert-secondary": {
57
57
  default: string;
58
58
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
59
59
  };
60
- info: {
60
+ "success-hover": {
61
61
  default: string;
62
62
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
63
63
  };
64
- "info-hover": {
64
+ "success-press": {
65
65
  default: string;
66
66
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
67
67
  };
68
- "info-press": {
68
+ "success-subdued": {
69
69
  default: string;
70
70
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
71
71
  };
72
- "info-subdued": {
72
+ "warning-hover": {
73
73
  default: string;
74
74
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
75
75
  };
76
- invert: {
76
+ "warning-press": {
77
77
  default: string;
78
78
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
79
79
  };
80
- "invert-disabled": {
80
+ "warning-subdued": {
81
81
  default: string;
82
82
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
83
83
  };
84
- "invert-hover": {
84
+ background: {
85
85
  default: string;
86
86
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
87
87
  };
88
- "invert-press": {
88
+ brand: {
89
89
  default: string;
90
90
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
91
91
  };
92
- "invert-secondary": {
92
+ disabled: {
93
93
  default: string;
94
94
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
95
95
  };
96
- press: {
96
+ error: {
97
97
  default: string;
98
98
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
99
99
  };
100
- primary: {
100
+ hover: {
101
101
  default: string;
102
102
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
103
103
  };
104
- secondary: {
104
+ info: {
105
105
  default: string;
106
106
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
107
107
  };
108
- success: {
108
+ invert: {
109
109
  default: string;
110
110
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
111
111
  };
112
- "success-hover": {
112
+ overlay: {
113
113
  default: string;
114
114
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
115
115
  };
116
- "success-press": {
116
+ press: {
117
117
  default: string;
118
118
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
119
119
  };
120
- "success-subdued": {
120
+ primary: {
121
121
  default: string;
122
122
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
123
123
  };
124
- warning: {
124
+ secondary: {
125
125
  default: string;
126
126
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
127
127
  };
128
- "warning-hover": {
128
+ success: {
129
129
  default: string;
130
130
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
131
131
  };
132
- "warning-press": {
132
+ warning: {
133
133
  default: string;
134
134
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
135
135
  };
136
- "warning-subdued": {
136
+ transparent: {
137
137
  default: string;
138
138
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
139
139
  };
140
140
  };
141
141
  staticScale: {
142
142
  transparent: string;
143
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
144
- brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
145
- "brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
146
- "brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
- "brand-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
- disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
- error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150
- "error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
- "error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
- "error-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
- hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
- info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
- "info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
- "info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
- "info-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
158
- invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
159
- "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
160
- "invert-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
- "invert-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
- "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
- overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
- press: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
165
- primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
166
- secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
- success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
- "success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
- "success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
- "success-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
- warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
- "warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
- "warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
- "warning-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
143
+ background: `var(--${string})` | `var(--${string}, ${string})`;
144
+ brand: `var(--${string})` | `var(--${string}, ${string})`;
145
+ "brand-hover": `var(--${string})` | `var(--${string}, ${string})`;
146
+ "brand-press": `var(--${string})` | `var(--${string}, ${string})`;
147
+ "brand-subdued": `var(--${string})` | `var(--${string}, ${string})`;
148
+ disabled: `var(--${string})` | `var(--${string}, ${string})`;
149
+ error: `var(--${string})` | `var(--${string}, ${string})`;
150
+ "error-hover": `var(--${string})` | `var(--${string}, ${string})`;
151
+ "error-press": `var(--${string})` | `var(--${string}, ${string})`;
152
+ "error-subdued": `var(--${string})` | `var(--${string}, ${string})`;
153
+ hover: `var(--${string})` | `var(--${string}, ${string})`;
154
+ info: `var(--${string})` | `var(--${string}, ${string})`;
155
+ "info-hover": `var(--${string})` | `var(--${string}, ${string})`;
156
+ "info-press": `var(--${string})` | `var(--${string}, ${string})`;
157
+ "info-subdued": `var(--${string})` | `var(--${string}, ${string})`;
158
+ invert: `var(--${string})` | `var(--${string}, ${string})`;
159
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
160
+ "invert-hover": `var(--${string})` | `var(--${string}, ${string})`;
161
+ "invert-press": `var(--${string})` | `var(--${string}, ${string})`;
162
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})`;
163
+ overlay: `var(--${string})` | `var(--${string}, ${string})`;
164
+ press: `var(--${string})` | `var(--${string}, ${string})`;
165
+ primary: `var(--${string})` | `var(--${string}, ${string})`;
166
+ secondary: `var(--${string})` | `var(--${string}, ${string})`;
167
+ success: `var(--${string})` | `var(--${string}, ${string})`;
168
+ "success-hover": `var(--${string})` | `var(--${string}, ${string})`;
169
+ "success-press": `var(--${string})` | `var(--${string}, ${string})`;
170
+ "success-subdued": `var(--${string})` | `var(--${string}, ${string})`;
171
+ warning: `var(--${string})` | `var(--${string}, ${string})`;
172
+ "warning-hover": `var(--${string})` | `var(--${string}, ${string})`;
173
+ "warning-press": `var(--${string})` | `var(--${string}, ${string})`;
174
+ "warning-subdued": `var(--${string})` | `var(--${string}, ${string})`;
175
175
  };
176
176
  name: "backgroundColor";
177
177
  };
178
178
  fill: {
179
179
  values: {
180
- overlay: {
180
+ "brand-hover": {
181
181
  default: string;
182
182
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
183
183
  };
184
- background: {
184
+ "brand-press": {
185
185
  default: string;
186
186
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
187
187
  };
188
- transparent: {
188
+ "brand-subdued": {
189
189
  default: string;
190
190
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
191
191
  };
192
- brand: {
192
+ "error-hover": {
193
193
  default: string;
194
194
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
195
195
  };
196
- "brand-hover": {
196
+ "error-press": {
197
197
  default: string;
198
198
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
199
199
  };
200
- "brand-press": {
200
+ "error-subdued": {
201
201
  default: string;
202
202
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
203
203
  };
204
- "brand-subdued": {
204
+ "info-hover": {
205
205
  default: string;
206
206
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
207
207
  };
208
- disabled: {
208
+ "info-press": {
209
209
  default: string;
210
210
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
211
211
  };
212
- error: {
212
+ "info-subdued": {
213
213
  default: string;
214
214
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
215
215
  };
216
- "error-hover": {
216
+ "invert-disabled": {
217
217
  default: string;
218
218
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
219
219
  };
220
- "error-press": {
220
+ "invert-hover": {
221
221
  default: string;
222
222
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
223
223
  };
224
- "error-subdued": {
224
+ "invert-press": {
225
225
  default: string;
226
226
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
227
227
  };
228
- hover: {
228
+ "invert-secondary": {
229
229
  default: string;
230
230
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
231
231
  };
232
- info: {
232
+ "success-hover": {
233
233
  default: string;
234
234
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
235
235
  };
236
- "info-hover": {
236
+ "success-press": {
237
237
  default: string;
238
238
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
239
239
  };
240
- "info-press": {
240
+ "success-subdued": {
241
241
  default: string;
242
242
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
243
243
  };
244
- "info-subdued": {
244
+ "warning-hover": {
245
245
  default: string;
246
246
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
247
247
  };
248
- invert: {
248
+ "warning-press": {
249
249
  default: string;
250
250
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
251
251
  };
252
- "invert-disabled": {
252
+ "warning-subdued": {
253
253
  default: string;
254
254
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
255
255
  };
256
- "invert-hover": {
256
+ background: {
257
257
  default: string;
258
258
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
259
259
  };
260
- "invert-press": {
260
+ brand: {
261
261
  default: string;
262
262
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
263
263
  };
264
- "invert-secondary": {
264
+ disabled: {
265
265
  default: string;
266
266
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
267
267
  };
268
- press: {
268
+ error: {
269
269
  default: string;
270
270
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
271
271
  };
272
- primary: {
272
+ hover: {
273
273
  default: string;
274
274
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
275
275
  };
276
- secondary: {
276
+ info: {
277
277
  default: string;
278
278
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
279
279
  };
280
- success: {
280
+ invert: {
281
281
  default: string;
282
282
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
283
283
  };
284
- "success-hover": {
284
+ overlay: {
285
285
  default: string;
286
286
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
287
287
  };
288
- "success-press": {
288
+ press: {
289
289
  default: string;
290
290
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
291
291
  };
292
- "success-subdued": {
292
+ primary: {
293
293
  default: string;
294
294
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
295
295
  };
296
- warning: {
296
+ secondary: {
297
297
  default: string;
298
298
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
299
299
  };
300
- "warning-hover": {
300
+ success: {
301
301
  default: string;
302
302
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
303
303
  };
304
- "warning-press": {
304
+ warning: {
305
305
  default: string;
306
306
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
307
307
  };
308
- "warning-subdued": {
308
+ transparent: {
309
309
  default: string;
310
310
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
311
311
  };
@@ -317,44 +317,48 @@ declare const box: {
317
317
  staticScale: {
318
318
  currentColor: string;
319
319
  transparent: string;
320
- background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
321
- brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
322
- "brand-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
323
- "brand-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
324
- "brand-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
325
- disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
326
- error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
327
- "error-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
328
- "error-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
329
- "error-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
330
- hover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
331
- info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
332
- "info-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
333
- "info-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
334
- "info-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
335
- invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
336
- "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
337
- "invert-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
- "invert-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
- "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
340
- overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
- press: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
342
- primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
343
- secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
344
- success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
345
- "success-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
346
- "success-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
347
- "success-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
348
- warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
349
- "warning-hover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
350
- "warning-press": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
351
- "warning-subdued": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
320
+ background: `var(--${string})` | `var(--${string}, ${string})`;
321
+ brand: `var(--${string})` | `var(--${string}, ${string})`;
322
+ "brand-hover": `var(--${string})` | `var(--${string}, ${string})`;
323
+ "brand-press": `var(--${string})` | `var(--${string}, ${string})`;
324
+ "brand-subdued": `var(--${string})` | `var(--${string}, ${string})`;
325
+ disabled: `var(--${string})` | `var(--${string}, ${string})`;
326
+ error: `var(--${string})` | `var(--${string}, ${string})`;
327
+ "error-hover": `var(--${string})` | `var(--${string}, ${string})`;
328
+ "error-press": `var(--${string})` | `var(--${string}, ${string})`;
329
+ "error-subdued": `var(--${string})` | `var(--${string}, ${string})`;
330
+ hover: `var(--${string})` | `var(--${string}, ${string})`;
331
+ info: `var(--${string})` | `var(--${string}, ${string})`;
332
+ "info-hover": `var(--${string})` | `var(--${string}, ${string})`;
333
+ "info-press": `var(--${string})` | `var(--${string}, ${string})`;
334
+ "info-subdued": `var(--${string})` | `var(--${string}, ${string})`;
335
+ invert: `var(--${string})` | `var(--${string}, ${string})`;
336
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
337
+ "invert-hover": `var(--${string})` | `var(--${string}, ${string})`;
338
+ "invert-press": `var(--${string})` | `var(--${string}, ${string})`;
339
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})`;
340
+ overlay: `var(--${string})` | `var(--${string}, ${string})`;
341
+ press: `var(--${string})` | `var(--${string}, ${string})`;
342
+ primary: `var(--${string})` | `var(--${string}, ${string})`;
343
+ secondary: `var(--${string})` | `var(--${string}, ${string})`;
344
+ success: `var(--${string})` | `var(--${string}, ${string})`;
345
+ "success-hover": `var(--${string})` | `var(--${string}, ${string})`;
346
+ "success-press": `var(--${string})` | `var(--${string}, ${string})`;
347
+ "success-subdued": `var(--${string})` | `var(--${string}, ${string})`;
348
+ warning: `var(--${string})` | `var(--${string}, ${string})`;
349
+ "warning-hover": `var(--${string})` | `var(--${string}, ${string})`;
350
+ "warning-press": `var(--${string})` | `var(--${string}, ${string})`;
351
+ "warning-subdued": `var(--${string})` | `var(--${string}, ${string})`;
352
352
  };
353
353
  name: "fill";
354
354
  };
355
355
  borderColor: {
356
356
  values: {
357
- transparent: {
357
+ "invert-disabled": {
358
+ default: string;
359
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
360
+ };
361
+ "brand-alt": {
358
362
  default: string;
359
363
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
360
364
  };
@@ -378,10 +382,6 @@ declare const box: {
378
382
  default: string;
379
383
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
380
384
  };
381
- "invert-disabled": {
382
- default: string;
383
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
384
- };
385
385
  primary: {
386
386
  default: string;
387
387
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -398,108 +398,108 @@ declare const box: {
398
398
  default: string;
399
399
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
400
400
  };
401
- "brand-alt": {
401
+ divider: {
402
402
  default: string;
403
403
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
404
404
  };
405
- divider: {
405
+ subdued: {
406
406
  default: string;
407
407
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
408
408
  };
409
- subdued: {
409
+ transparent: {
410
410
  default: string;
411
411
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
412
412
  };
413
413
  };
414
414
  staticScale: {
415
415
  transparent: string;
416
- brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
417
- "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
418
- disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
419
- divider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
420
- error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
421
- info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
422
- invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
423
- "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
424
- primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
425
- secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
426
- subdued: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
427
- success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
428
- warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
416
+ brand: `var(--${string})` | `var(--${string}, ${string})`;
417
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})`;
418
+ disabled: `var(--${string})` | `var(--${string}, ${string})`;
419
+ divider: `var(--${string})` | `var(--${string}, ${string})`;
420
+ error: `var(--${string})` | `var(--${string}, ${string})`;
421
+ info: `var(--${string})` | `var(--${string}, ${string})`;
422
+ invert: `var(--${string})` | `var(--${string}, ${string})`;
423
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
424
+ primary: `var(--${string})` | `var(--${string}, ${string})`;
425
+ secondary: `var(--${string})` | `var(--${string}, ${string})`;
426
+ subdued: `var(--${string})` | `var(--${string}, ${string})`;
427
+ success: `var(--${string})` | `var(--${string}, ${string})`;
428
+ warning: `var(--${string})` | `var(--${string}, ${string})`;
429
429
  };
430
430
  name: "borderColor";
431
431
  };
432
432
  color: {
433
433
  values: {
434
- brand: {
434
+ "invert-disabled": {
435
435
  default: string;
436
436
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
437
437
  };
438
- disabled: {
438
+ "invert-secondary": {
439
439
  default: string;
440
440
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
441
441
  };
442
- error: {
442
+ "brand-alt": {
443
443
  default: string;
444
444
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
445
445
  };
446
- info: {
446
+ "on-brand": {
447
447
  default: string;
448
448
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
449
449
  };
450
- invert: {
450
+ "on-error": {
451
451
  default: string;
452
452
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
453
453
  };
454
- "invert-disabled": {
454
+ "on-info": {
455
455
  default: string;
456
456
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
457
457
  };
458
- "invert-secondary": {
458
+ "on-success": {
459
459
  default: string;
460
460
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
461
461
  };
462
- primary: {
462
+ "on-warning": {
463
463
  default: string;
464
464
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
465
465
  };
466
- secondary: {
466
+ "warning-alt": {
467
467
  default: string;
468
468
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
469
469
  };
470
- success: {
470
+ brand: {
471
471
  default: string;
472
472
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
473
473
  };
474
- warning: {
474
+ disabled: {
475
475
  default: string;
476
476
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
477
477
  };
478
- "brand-alt": {
478
+ error: {
479
479
  default: string;
480
480
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
481
481
  };
482
- "on-brand": {
482
+ info: {
483
483
  default: string;
484
484
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
485
485
  };
486
- "on-error": {
486
+ invert: {
487
487
  default: string;
488
488
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
489
489
  };
490
- "on-info": {
490
+ primary: {
491
491
  default: string;
492
492
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
493
493
  };
494
- "on-success": {
494
+ secondary: {
495
495
  default: string;
496
496
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
497
497
  };
498
- "on-warning": {
498
+ success: {
499
499
  default: string;
500
500
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
501
501
  };
502
- "warning-alt": {
502
+ warning: {
503
503
  default: string;
504
504
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
505
505
  };
@@ -510,30 +510,34 @@ declare const box: {
510
510
  };
511
511
  staticScale: {
512
512
  currentColor: string;
513
- brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
514
- "brand-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
515
- disabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
516
- error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
517
- info: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
518
- invert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
519
- "invert-disabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
520
- "invert-secondary": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
521
- "on-brand": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
522
- "on-error": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
523
- "on-info": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
524
- "on-success": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
525
- "on-warning": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
526
- primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
527
- secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
528
- success: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
529
- warning: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
530
- "warning-alt": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
513
+ brand: `var(--${string})` | `var(--${string}, ${string})`;
514
+ "brand-alt": `var(--${string})` | `var(--${string}, ${string})`;
515
+ disabled: `var(--${string})` | `var(--${string}, ${string})`;
516
+ error: `var(--${string})` | `var(--${string}, ${string})`;
517
+ info: `var(--${string})` | `var(--${string}, ${string})`;
518
+ invert: `var(--${string})` | `var(--${string}, ${string})`;
519
+ "invert-disabled": `var(--${string})` | `var(--${string}, ${string})`;
520
+ "invert-secondary": `var(--${string})` | `var(--${string}, ${string})`;
521
+ "on-brand": `var(--${string})` | `var(--${string}, ${string})`;
522
+ "on-error": `var(--${string})` | `var(--${string}, ${string})`;
523
+ "on-info": `var(--${string})` | `var(--${string}, ${string})`;
524
+ "on-success": `var(--${string})` | `var(--${string}, ${string})`;
525
+ "on-warning": `var(--${string})` | `var(--${string}, ${string})`;
526
+ primary: `var(--${string})` | `var(--${string}, ${string})`;
527
+ secondary: `var(--${string})` | `var(--${string}, ${string})`;
528
+ success: `var(--${string})` | `var(--${string}, ${string})`;
529
+ warning: `var(--${string})` | `var(--${string}, ${string})`;
530
+ "warning-alt": `var(--${string})` | `var(--${string}, ${string})`;
531
531
  };
532
532
  name: "color";
533
533
  };
534
534
  borderRadius: {
535
535
  values: {
536
- none: {
536
+ "2xs": {
537
+ default: string;
538
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
539
+ };
540
+ "2xl": {
537
541
  default: string;
538
542
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
539
543
  };
@@ -549,7 +553,7 @@ declare const box: {
549
553
  default: string;
550
554
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
551
555
  };
552
- "2xs": {
556
+ none: {
553
557
  default: string;
554
558
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
555
559
  };
@@ -565,10 +569,6 @@ declare const box: {
565
569
  default: string;
566
570
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
567
571
  };
568
- "2xl": {
569
- default: string;
570
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
571
- };
572
572
  pill: {
573
573
  default: string;
574
574
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -579,23 +579,27 @@ declare const box: {
579
579
  };
580
580
  };
581
581
  staticScale: {
582
- none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
583
- "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
584
- xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
585
- sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
586
- md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
587
- lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
588
- xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
589
- "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
590
- pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
591
- button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
592
- input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
582
+ none: `var(--${string})` | `var(--${string}, ${string})`;
583
+ "2xs": `var(--${string})` | `var(--${string}, ${string})`;
584
+ xs: `var(--${string})` | `var(--${string}, ${string})`;
585
+ sm: `var(--${string})` | `var(--${string}, ${string})`;
586
+ md: `var(--${string})` | `var(--${string}, ${string})`;
587
+ lg: `var(--${string})` | `var(--${string}, ${string})`;
588
+ xl: `var(--${string})` | `var(--${string}, ${string})`;
589
+ "2xl": `var(--${string})` | `var(--${string}, ${string})`;
590
+ pill: `var(--${string})` | `var(--${string}, ${string})`;
591
+ button: `var(--${string})` | `var(--${string}, ${string})`;
592
+ input: `var(--${string})` | `var(--${string}, ${string})`;
593
593
  };
594
594
  name: "borderRadius";
595
595
  };
596
596
  borderTopLeftRadius: {
597
597
  values: {
598
- none: {
598
+ "2xs": {
599
+ default: string;
600
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
601
+ };
602
+ "2xl": {
599
603
  default: string;
600
604
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
601
605
  };
@@ -611,7 +615,7 @@ declare const box: {
611
615
  default: string;
612
616
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
613
617
  };
614
- "2xs": {
618
+ none: {
615
619
  default: string;
616
620
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
617
621
  };
@@ -627,10 +631,6 @@ declare const box: {
627
631
  default: string;
628
632
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
629
633
  };
630
- "2xl": {
631
- default: string;
632
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
633
- };
634
634
  pill: {
635
635
  default: string;
636
636
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -641,23 +641,27 @@ declare const box: {
641
641
  };
642
642
  };
643
643
  staticScale: {
644
- none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
645
- "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
646
- xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
647
- sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
648
- md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
649
- lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
650
- xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
651
- "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
652
- pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
653
- button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
654
- input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
644
+ none: `var(--${string})` | `var(--${string}, ${string})`;
645
+ "2xs": `var(--${string})` | `var(--${string}, ${string})`;
646
+ xs: `var(--${string})` | `var(--${string}, ${string})`;
647
+ sm: `var(--${string})` | `var(--${string}, ${string})`;
648
+ md: `var(--${string})` | `var(--${string}, ${string})`;
649
+ lg: `var(--${string})` | `var(--${string}, ${string})`;
650
+ xl: `var(--${string})` | `var(--${string}, ${string})`;
651
+ "2xl": `var(--${string})` | `var(--${string}, ${string})`;
652
+ pill: `var(--${string})` | `var(--${string}, ${string})`;
653
+ button: `var(--${string})` | `var(--${string}, ${string})`;
654
+ input: `var(--${string})` | `var(--${string}, ${string})`;
655
655
  };
656
656
  name: "borderTopLeftRadius";
657
657
  };
658
658
  borderTopRightRadius: {
659
659
  values: {
660
- none: {
660
+ "2xs": {
661
+ default: string;
662
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
663
+ };
664
+ "2xl": {
661
665
  default: string;
662
666
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
663
667
  };
@@ -673,7 +677,7 @@ declare const box: {
673
677
  default: string;
674
678
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
675
679
  };
676
- "2xs": {
680
+ none: {
677
681
  default: string;
678
682
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
679
683
  };
@@ -689,10 +693,6 @@ declare const box: {
689
693
  default: string;
690
694
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
691
695
  };
692
- "2xl": {
693
- default: string;
694
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
695
- };
696
696
  pill: {
697
697
  default: string;
698
698
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -703,23 +703,27 @@ declare const box: {
703
703
  };
704
704
  };
705
705
  staticScale: {
706
- none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
707
- "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
708
- xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
709
- sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
710
- md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
711
- lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
712
- xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
713
- "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
714
- pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
715
- button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
716
- input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
706
+ none: `var(--${string})` | `var(--${string}, ${string})`;
707
+ "2xs": `var(--${string})` | `var(--${string}, ${string})`;
708
+ xs: `var(--${string})` | `var(--${string}, ${string})`;
709
+ sm: `var(--${string})` | `var(--${string}, ${string})`;
710
+ md: `var(--${string})` | `var(--${string}, ${string})`;
711
+ lg: `var(--${string})` | `var(--${string}, ${string})`;
712
+ xl: `var(--${string})` | `var(--${string}, ${string})`;
713
+ "2xl": `var(--${string})` | `var(--${string}, ${string})`;
714
+ pill: `var(--${string})` | `var(--${string}, ${string})`;
715
+ button: `var(--${string})` | `var(--${string}, ${string})`;
716
+ input: `var(--${string})` | `var(--${string}, ${string})`;
717
717
  };
718
718
  name: "borderTopRightRadius";
719
719
  };
720
720
  borderBottomLeftRadius: {
721
721
  values: {
722
- none: {
722
+ "2xs": {
723
+ default: string;
724
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
725
+ };
726
+ "2xl": {
723
727
  default: string;
724
728
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
725
729
  };
@@ -735,7 +739,7 @@ declare const box: {
735
739
  default: string;
736
740
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
737
741
  };
738
- "2xs": {
742
+ none: {
739
743
  default: string;
740
744
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
741
745
  };
@@ -751,10 +755,6 @@ declare const box: {
751
755
  default: string;
752
756
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
753
757
  };
754
- "2xl": {
755
- default: string;
756
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
757
- };
758
758
  pill: {
759
759
  default: string;
760
760
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -765,23 +765,27 @@ declare const box: {
765
765
  };
766
766
  };
767
767
  staticScale: {
768
- none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
769
- "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
770
- xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
771
- sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
772
- md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
773
- lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
774
- xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
775
- "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
776
- pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
777
- button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
778
- input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
768
+ none: `var(--${string})` | `var(--${string}, ${string})`;
769
+ "2xs": `var(--${string})` | `var(--${string}, ${string})`;
770
+ xs: `var(--${string})` | `var(--${string}, ${string})`;
771
+ sm: `var(--${string})` | `var(--${string}, ${string})`;
772
+ md: `var(--${string})` | `var(--${string}, ${string})`;
773
+ lg: `var(--${string})` | `var(--${string}, ${string})`;
774
+ xl: `var(--${string})` | `var(--${string}, ${string})`;
775
+ "2xl": `var(--${string})` | `var(--${string}, ${string})`;
776
+ pill: `var(--${string})` | `var(--${string}, ${string})`;
777
+ button: `var(--${string})` | `var(--${string}, ${string})`;
778
+ input: `var(--${string})` | `var(--${string}, ${string})`;
779
779
  };
780
780
  name: "borderBottomLeftRadius";
781
781
  };
782
782
  borderBottomRightRadius: {
783
783
  values: {
784
- none: {
784
+ "2xs": {
785
+ default: string;
786
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
787
+ };
788
+ "2xl": {
785
789
  default: string;
786
790
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
787
791
  };
@@ -797,7 +801,7 @@ declare const box: {
797
801
  default: string;
798
802
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
799
803
  };
800
- "2xs": {
804
+ none: {
801
805
  default: string;
802
806
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
803
807
  };
@@ -813,10 +817,6 @@ declare const box: {
813
817
  default: string;
814
818
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
815
819
  };
816
- "2xl": {
817
- default: string;
818
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
819
- };
820
820
  pill: {
821
821
  default: string;
822
822
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -827,17 +827,17 @@ declare const box: {
827
827
  };
828
828
  };
829
829
  staticScale: {
830
- none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
831
- "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
832
- xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
833
- sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
834
- md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
835
- lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
836
- xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
837
- "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
838
- pill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
839
- button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
840
- input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
830
+ none: `var(--${string})` | `var(--${string}, ${string})`;
831
+ "2xs": `var(--${string})` | `var(--${string}, ${string})`;
832
+ xs: `var(--${string})` | `var(--${string}, ${string})`;
833
+ sm: `var(--${string})` | `var(--${string}, ${string})`;
834
+ md: `var(--${string})` | `var(--${string}, ${string})`;
835
+ lg: `var(--${string})` | `var(--${string}, ${string})`;
836
+ xl: `var(--${string})` | `var(--${string}, ${string})`;
837
+ "2xl": `var(--${string})` | `var(--${string}, ${string})`;
838
+ pill: `var(--${string})` | `var(--${string}, ${string})`;
839
+ button: `var(--${string})` | `var(--${string}, ${string})`;
840
+ input: `var(--${string})` | `var(--${string}, ${string})`;
841
841
  };
842
842
  name: "borderBottomRightRadius";
843
843
  };
@@ -870,11 +870,11 @@ declare const box: {
870
870
  };
871
871
  staticScale: {
872
872
  none: string;
873
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
874
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
875
- "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
876
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
877
- "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
873
+ "1": `var(--${string})` | `var(--${string}, ${string})`;
874
+ "2": `var(--${string})` | `var(--${string}, ${string})`;
875
+ "3": `var(--${string})` | `var(--${string}, ${string})`;
876
+ "4": `var(--${string})` | `var(--${string}, ${string})`;
877
+ "5": `var(--${string})` | `var(--${string}, ${string})`;
878
878
  };
879
879
  name: "borderWidth";
880
880
  };
@@ -907,11 +907,11 @@ declare const box: {
907
907
  };
908
908
  staticScale: {
909
909
  none: string;
910
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
911
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
912
- "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
913
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
914
- "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
910
+ "1": `var(--${string})` | `var(--${string}, ${string})`;
911
+ "2": `var(--${string})` | `var(--${string}, ${string})`;
912
+ "3": `var(--${string})` | `var(--${string}, ${string})`;
913
+ "4": `var(--${string})` | `var(--${string}, ${string})`;
914
+ "5": `var(--${string})` | `var(--${string}, ${string})`;
915
915
  };
916
916
  name: "borderTopWidth";
917
917
  };
@@ -944,11 +944,11 @@ declare const box: {
944
944
  };
945
945
  staticScale: {
946
946
  none: string;
947
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
948
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
949
- "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
950
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
951
- "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
947
+ "1": `var(--${string})` | `var(--${string}, ${string})`;
948
+ "2": `var(--${string})` | `var(--${string}, ${string})`;
949
+ "3": `var(--${string})` | `var(--${string}, ${string})`;
950
+ "4": `var(--${string})` | `var(--${string}, ${string})`;
951
+ "5": `var(--${string})` | `var(--${string}, ${string})`;
952
952
  };
953
953
  name: "borderBottomWidth";
954
954
  };
@@ -981,11 +981,11 @@ declare const box: {
981
981
  };
982
982
  staticScale: {
983
983
  none: string;
984
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
985
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
986
- "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
987
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
988
- "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
984
+ "1": `var(--${string})` | `var(--${string}, ${string})`;
985
+ "2": `var(--${string})` | `var(--${string}, ${string})`;
986
+ "3": `var(--${string})` | `var(--${string}, ${string})`;
987
+ "4": `var(--${string})` | `var(--${string}, ${string})`;
988
+ "5": `var(--${string})` | `var(--${string}, ${string})`;
989
989
  };
990
990
  name: "borderLeftWidth";
991
991
  };
@@ -1018,11 +1018,11 @@ declare const box: {
1018
1018
  };
1019
1019
  staticScale: {
1020
1020
  none: string;
1021
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1022
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1023
- "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1024
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1025
- "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1021
+ "1": `var(--${string})` | `var(--${string}, ${string})`;
1022
+ "2": `var(--${string})` | `var(--${string}, ${string})`;
1023
+ "3": `var(--${string})` | `var(--${string}, ${string})`;
1024
+ "4": `var(--${string})` | `var(--${string}, ${string})`;
1025
+ "5": `var(--${string})` | `var(--${string}, ${string})`;
1026
1026
  };
1027
1027
  name: "borderRightWidth";
1028
1028
  };
@@ -1074,137 +1074,113 @@ declare const box: {
1074
1074
  };
1075
1075
  };
1076
1076
  staticScale: {
1077
- none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1078
- "top-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1079
- "top-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1080
- "top-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1081
- "top-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1082
- "top-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1083
- "bottom-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1084
- "bottom-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1085
- "bottom-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1086
- "bottom-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1087
- "bottom-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1077
+ none: `var(--${string})` | `var(--${string}, ${string})`;
1078
+ "top-1": `var(--${string})` | `var(--${string}, ${string})`;
1079
+ "top-2": `var(--${string})` | `var(--${string}, ${string})`;
1080
+ "top-3": `var(--${string})` | `var(--${string}, ${string})`;
1081
+ "top-4": `var(--${string})` | `var(--${string}, ${string})`;
1082
+ "top-5": `var(--${string})` | `var(--${string}, ${string})`;
1083
+ "bottom-1": `var(--${string})` | `var(--${string}, ${string})`;
1084
+ "bottom-2": `var(--${string})` | `var(--${string}, ${string})`;
1085
+ "bottom-3": `var(--${string})` | `var(--${string}, ${string})`;
1086
+ "bottom-4": `var(--${string})` | `var(--${string}, ${string})`;
1087
+ "bottom-5": `var(--${string})` | `var(--${string}, ${string})`;
1088
1088
  };
1089
1089
  name: "boxShadow";
1090
1090
  };
1091
1091
  padding: {
1092
1092
  values: {
1093
- none: {
1093
+ "2xs": {
1094
1094
  default: string;
1095
1095
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1096
1096
  };
1097
- xs: {
1097
+ "2xl": {
1098
1098
  default: string;
1099
1099
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1100
1100
  };
1101
- s: {
1101
+ "4xs": {
1102
1102
  default: string;
1103
1103
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1104
1104
  };
1105
- xl: {
1105
+ "3xs": {
1106
1106
  default: string;
1107
1107
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1108
1108
  };
1109
- "2xs": {
1109
+ "3xl": {
1110
1110
  default: string;
1111
1111
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1112
1112
  };
1113
- md: {
1113
+ "4xl": {
1114
1114
  default: string;
1115
1115
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1116
1116
  };
1117
- lg: {
1117
+ "5xl": {
1118
1118
  default: string;
1119
1119
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1120
1120
  };
1121
- "2xl": {
1121
+ "6xl": {
1122
1122
  default: string;
1123
1123
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1124
1124
  };
1125
- "4xs": {
1125
+ "7xl": {
1126
1126
  default: string;
1127
1127
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1128
1128
  };
1129
- "3xs": {
1129
+ "8xl": {
1130
1130
  default: string;
1131
1131
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1132
1132
  };
1133
- "3xl": {
1133
+ xs: {
1134
1134
  default: string;
1135
1135
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1136
1136
  };
1137
- "4xl": {
1137
+ s: {
1138
1138
  default: string;
1139
1139
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1140
1140
  };
1141
- "5xl": {
1141
+ xl: {
1142
1142
  default: string;
1143
1143
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1144
1144
  };
1145
- "6xl": {
1145
+ none: {
1146
1146
  default: string;
1147
1147
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1148
1148
  };
1149
- "7xl": {
1149
+ md: {
1150
1150
  default: string;
1151
1151
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1152
1152
  };
1153
- "8xl": {
1153
+ lg: {
1154
1154
  default: string;
1155
1155
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1156
1156
  };
1157
1157
  };
1158
1158
  staticScale: {
1159
1159
  readonly none: "0";
1160
- readonly "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1161
- readonly "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1162
- readonly "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1163
- readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1164
- readonly s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1165
- readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1166
- readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1167
- readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1168
- readonly "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1169
- readonly "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1170
- readonly "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1171
- readonly "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1172
- readonly "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1173
- readonly "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1174
- readonly "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1160
+ readonly "4xs": `var(--${string})` | `var(--${string}, ${string})`;
1161
+ readonly "3xs": `var(--${string})` | `var(--${string}, ${string})`;
1162
+ readonly "2xs": `var(--${string})` | `var(--${string}, ${string})`;
1163
+ readonly xs: `var(--${string})` | `var(--${string}, ${string})`;
1164
+ readonly s: `var(--${string})` | `var(--${string}, ${string})`;
1165
+ readonly md: `var(--${string})` | `var(--${string}, ${string})`;
1166
+ readonly lg: `var(--${string})` | `var(--${string}, ${string})`;
1167
+ readonly xl: `var(--${string})` | `var(--${string}, ${string})`;
1168
+ readonly "2xl": `var(--${string})` | `var(--${string}, ${string})`;
1169
+ readonly "3xl": `var(--${string})` | `var(--${string}, ${string})`;
1170
+ readonly "4xl": `var(--${string})` | `var(--${string}, ${string})`;
1171
+ readonly "5xl": `var(--${string})` | `var(--${string}, ${string})`;
1172
+ readonly "6xl": `var(--${string})` | `var(--${string}, ${string})`;
1173
+ readonly "7xl": `var(--${string})` | `var(--${string}, ${string})`;
1174
+ readonly "8xl": `var(--${string})` | `var(--${string}, ${string})`;
1175
1175
  };
1176
1176
  name: "padding";
1177
1177
  };
1178
1178
  paddingTop: {
1179
1179
  values: {
1180
- none: {
1181
- default: string;
1182
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1183
- };
1184
- xs: {
1185
- default: string;
1186
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1187
- };
1188
- s: {
1189
- default: string;
1190
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1191
- };
1192
- xl: {
1193
- default: string;
1194
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1195
- };
1196
1180
  "2xs": {
1197
1181
  default: string;
1198
1182
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1199
1183
  };
1200
- md: {
1201
- default: string;
1202
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1203
- };
1204
- lg: {
1205
- default: string;
1206
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1207
- };
1208
1184
  "2xl": {
1209
1185
  default: string;
1210
1186
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -1241,33 +1217,6 @@ declare const box: {
1241
1217
  default: string;
1242
1218
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1243
1219
  };
1244
- };
1245
- staticScale: {
1246
- readonly none: "0";
1247
- readonly "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1248
- readonly "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1249
- readonly "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1250
- readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1251
- readonly s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1252
- readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1253
- readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1254
- readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1255
- readonly "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1256
- readonly "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1257
- readonly "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1258
- readonly "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1259
- readonly "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1260
- readonly "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1261
- readonly "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1262
- };
1263
- name: "paddingTop";
1264
- };
1265
- paddingBottom: {
1266
- values: {
1267
- none: {
1268
- default: string;
1269
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1270
- };
1271
1220
  xs: {
1272
1221
  default: string;
1273
1222
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -1280,7 +1229,7 @@ declare const box: {
1280
1229
  default: string;
1281
1230
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1282
1231
  };
1283
- "2xs": {
1232
+ none: {
1284
1233
  default: string;
1285
1234
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1286
1235
  };
@@ -1292,6 +1241,33 @@ declare const box: {
1292
1241
  default: string;
1293
1242
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1294
1243
  };
1244
+ };
1245
+ staticScale: {
1246
+ readonly none: "0";
1247
+ readonly "4xs": `var(--${string})` | `var(--${string}, ${string})`;
1248
+ readonly "3xs": `var(--${string})` | `var(--${string}, ${string})`;
1249
+ readonly "2xs": `var(--${string})` | `var(--${string}, ${string})`;
1250
+ readonly xs: `var(--${string})` | `var(--${string}, ${string})`;
1251
+ readonly s: `var(--${string})` | `var(--${string}, ${string})`;
1252
+ readonly md: `var(--${string})` | `var(--${string}, ${string})`;
1253
+ readonly lg: `var(--${string})` | `var(--${string}, ${string})`;
1254
+ readonly xl: `var(--${string})` | `var(--${string}, ${string})`;
1255
+ readonly "2xl": `var(--${string})` | `var(--${string}, ${string})`;
1256
+ readonly "3xl": `var(--${string})` | `var(--${string}, ${string})`;
1257
+ readonly "4xl": `var(--${string})` | `var(--${string}, ${string})`;
1258
+ readonly "5xl": `var(--${string})` | `var(--${string}, ${string})`;
1259
+ readonly "6xl": `var(--${string})` | `var(--${string}, ${string})`;
1260
+ readonly "7xl": `var(--${string})` | `var(--${string}, ${string})`;
1261
+ readonly "8xl": `var(--${string})` | `var(--${string}, ${string})`;
1262
+ };
1263
+ name: "paddingTop";
1264
+ };
1265
+ paddingBottom: {
1266
+ values: {
1267
+ "2xs": {
1268
+ default: string;
1269
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1270
+ };
1295
1271
  "2xl": {
1296
1272
  default: string;
1297
1273
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -1328,33 +1304,6 @@ declare const box: {
1328
1304
  default: string;
1329
1305
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1330
1306
  };
1331
- };
1332
- staticScale: {
1333
- readonly none: "0";
1334
- readonly "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1335
- readonly "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1336
- readonly "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1337
- readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1338
- readonly s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1339
- readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1340
- readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1341
- readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1342
- readonly "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1343
- readonly "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1344
- readonly "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1345
- readonly "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1346
- readonly "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1347
- readonly "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1348
- readonly "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1349
- };
1350
- name: "paddingBottom";
1351
- };
1352
- paddingLeft: {
1353
- values: {
1354
- none: {
1355
- default: string;
1356
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1357
- };
1358
1307
  xs: {
1359
1308
  default: string;
1360
1309
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -1367,7 +1316,7 @@ declare const box: {
1367
1316
  default: string;
1368
1317
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1369
1318
  };
1370
- "2xs": {
1319
+ none: {
1371
1320
  default: string;
1372
1321
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1373
1322
  };
@@ -1379,6 +1328,33 @@ declare const box: {
1379
1328
  default: string;
1380
1329
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1381
1330
  };
1331
+ };
1332
+ staticScale: {
1333
+ readonly none: "0";
1334
+ readonly "4xs": `var(--${string})` | `var(--${string}, ${string})`;
1335
+ readonly "3xs": `var(--${string})` | `var(--${string}, ${string})`;
1336
+ readonly "2xs": `var(--${string})` | `var(--${string}, ${string})`;
1337
+ readonly xs: `var(--${string})` | `var(--${string}, ${string})`;
1338
+ readonly s: `var(--${string})` | `var(--${string}, ${string})`;
1339
+ readonly md: `var(--${string})` | `var(--${string}, ${string})`;
1340
+ readonly lg: `var(--${string})` | `var(--${string}, ${string})`;
1341
+ readonly xl: `var(--${string})` | `var(--${string}, ${string})`;
1342
+ readonly "2xl": `var(--${string})` | `var(--${string}, ${string})`;
1343
+ readonly "3xl": `var(--${string})` | `var(--${string}, ${string})`;
1344
+ readonly "4xl": `var(--${string})` | `var(--${string}, ${string})`;
1345
+ readonly "5xl": `var(--${string})` | `var(--${string}, ${string})`;
1346
+ readonly "6xl": `var(--${string})` | `var(--${string}, ${string})`;
1347
+ readonly "7xl": `var(--${string})` | `var(--${string}, ${string})`;
1348
+ readonly "8xl": `var(--${string})` | `var(--${string}, ${string})`;
1349
+ };
1350
+ name: "paddingBottom";
1351
+ };
1352
+ paddingLeft: {
1353
+ values: {
1354
+ "2xs": {
1355
+ default: string;
1356
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1357
+ };
1382
1358
  "2xl": {
1383
1359
  default: string;
1384
1360
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -1415,33 +1391,6 @@ declare const box: {
1415
1391
  default: string;
1416
1392
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1417
1393
  };
1418
- };
1419
- staticScale: {
1420
- readonly none: "0";
1421
- readonly "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1422
- readonly "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1423
- readonly "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1424
- readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1425
- readonly s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1426
- readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1427
- readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1428
- readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1429
- readonly "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1430
- readonly "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1431
- readonly "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1432
- readonly "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1433
- readonly "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1434
- readonly "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1435
- readonly "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1436
- };
1437
- name: "paddingLeft";
1438
- };
1439
- paddingRight: {
1440
- values: {
1441
- none: {
1442
- default: string;
1443
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1444
- };
1445
1394
  xs: {
1446
1395
  default: string;
1447
1396
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -1454,7 +1403,7 @@ declare const box: {
1454
1403
  default: string;
1455
1404
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1456
1405
  };
1457
- "2xs": {
1406
+ none: {
1458
1407
  default: string;
1459
1408
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1460
1409
  };
@@ -1466,6 +1415,33 @@ declare const box: {
1466
1415
  default: string;
1467
1416
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1468
1417
  };
1418
+ };
1419
+ staticScale: {
1420
+ readonly none: "0";
1421
+ readonly "4xs": `var(--${string})` | `var(--${string}, ${string})`;
1422
+ readonly "3xs": `var(--${string})` | `var(--${string}, ${string})`;
1423
+ readonly "2xs": `var(--${string})` | `var(--${string}, ${string})`;
1424
+ readonly xs: `var(--${string})` | `var(--${string}, ${string})`;
1425
+ readonly s: `var(--${string})` | `var(--${string}, ${string})`;
1426
+ readonly md: `var(--${string})` | `var(--${string}, ${string})`;
1427
+ readonly lg: `var(--${string})` | `var(--${string}, ${string})`;
1428
+ readonly xl: `var(--${string})` | `var(--${string}, ${string})`;
1429
+ readonly "2xl": `var(--${string})` | `var(--${string}, ${string})`;
1430
+ readonly "3xl": `var(--${string})` | `var(--${string}, ${string})`;
1431
+ readonly "4xl": `var(--${string})` | `var(--${string}, ${string})`;
1432
+ readonly "5xl": `var(--${string})` | `var(--${string}, ${string})`;
1433
+ readonly "6xl": `var(--${string})` | `var(--${string}, ${string})`;
1434
+ readonly "7xl": `var(--${string})` | `var(--${string}, ${string})`;
1435
+ readonly "8xl": `var(--${string})` | `var(--${string}, ${string})`;
1436
+ };
1437
+ name: "paddingLeft";
1438
+ };
1439
+ paddingRight: {
1440
+ values: {
1441
+ "2xs": {
1442
+ default: string;
1443
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1444
+ };
1469
1445
  "2xl": {
1470
1446
  default: string;
1471
1447
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -1502,37 +1478,6 @@ declare const box: {
1502
1478
  default: string;
1503
1479
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1504
1480
  };
1505
- };
1506
- staticScale: {
1507
- readonly none: "0";
1508
- readonly "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1509
- readonly "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1510
- readonly "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1511
- readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1512
- readonly s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1513
- readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1514
- readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1515
- readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1516
- readonly "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1517
- readonly "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1518
- readonly "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1519
- readonly "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1520
- readonly "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1521
- readonly "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1522
- readonly "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1523
- };
1524
- name: "paddingRight";
1525
- };
1526
- margin: {
1527
- values: {
1528
- none: {
1529
- default: string;
1530
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1531
- };
1532
- auto: {
1533
- default: string;
1534
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1535
- };
1536
1481
  xs: {
1537
1482
  default: string;
1538
1483
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -1545,7 +1490,7 @@ declare const box: {
1545
1490
  default: string;
1546
1491
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1547
1492
  };
1548
- "2xs": {
1493
+ none: {
1549
1494
  default: string;
1550
1495
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1551
1496
  };
@@ -1557,6 +1502,33 @@ declare const box: {
1557
1502
  default: string;
1558
1503
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1559
1504
  };
1505
+ };
1506
+ staticScale: {
1507
+ readonly none: "0";
1508
+ readonly "4xs": `var(--${string})` | `var(--${string}, ${string})`;
1509
+ readonly "3xs": `var(--${string})` | `var(--${string}, ${string})`;
1510
+ readonly "2xs": `var(--${string})` | `var(--${string}, ${string})`;
1511
+ readonly xs: `var(--${string})` | `var(--${string}, ${string})`;
1512
+ readonly s: `var(--${string})` | `var(--${string}, ${string})`;
1513
+ readonly md: `var(--${string})` | `var(--${string}, ${string})`;
1514
+ readonly lg: `var(--${string})` | `var(--${string}, ${string})`;
1515
+ readonly xl: `var(--${string})` | `var(--${string}, ${string})`;
1516
+ readonly "2xl": `var(--${string})` | `var(--${string}, ${string})`;
1517
+ readonly "3xl": `var(--${string})` | `var(--${string}, ${string})`;
1518
+ readonly "4xl": `var(--${string})` | `var(--${string}, ${string})`;
1519
+ readonly "5xl": `var(--${string})` | `var(--${string}, ${string})`;
1520
+ readonly "6xl": `var(--${string})` | `var(--${string}, ${string})`;
1521
+ readonly "7xl": `var(--${string})` | `var(--${string}, ${string})`;
1522
+ readonly "8xl": `var(--${string})` | `var(--${string}, ${string})`;
1523
+ };
1524
+ name: "paddingRight";
1525
+ };
1526
+ margin: {
1527
+ values: {
1528
+ "2xs": {
1529
+ default: string;
1530
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1531
+ };
1560
1532
  "2xl": {
1561
1533
  default: string;
1562
1534
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -1593,59 +1565,59 @@ declare const box: {
1593
1565
  default: string;
1594
1566
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1595
1567
  };
1596
- };
1597
- staticScale: {
1598
- none: "0";
1599
- "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1600
- "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1601
- "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1602
- xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1603
- s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1604
- md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1605
- lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1606
- xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1607
- "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1608
- "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1609
- "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1610
- "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1611
- "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1612
- "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1613
- "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1614
- auto: string;
1615
- };
1616
- name: "margin";
1617
- };
1618
- marginTop: {
1619
- values: {
1620
- none: {
1568
+ xs: {
1621
1569
  default: string;
1622
1570
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1623
1571
  };
1624
- auto: {
1572
+ s: {
1625
1573
  default: string;
1626
1574
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1627
1575
  };
1628
- xs: {
1576
+ xl: {
1629
1577
  default: string;
1630
1578
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1631
1579
  };
1632
- s: {
1580
+ none: {
1633
1581
  default: string;
1634
1582
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1635
1583
  };
1636
- xl: {
1584
+ md: {
1637
1585
  default: string;
1638
1586
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1639
1587
  };
1640
- "2xs": {
1588
+ lg: {
1641
1589
  default: string;
1642
1590
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1643
1591
  };
1644
- md: {
1592
+ auto: {
1645
1593
  default: string;
1646
1594
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1647
1595
  };
1648
- lg: {
1596
+ };
1597
+ staticScale: {
1598
+ none: "0";
1599
+ "4xs": `var(--${string})` | `var(--${string}, ${string})`;
1600
+ "3xs": `var(--${string})` | `var(--${string}, ${string})`;
1601
+ "2xs": `var(--${string})` | `var(--${string}, ${string})`;
1602
+ xs: `var(--${string})` | `var(--${string}, ${string})`;
1603
+ s: `var(--${string})` | `var(--${string}, ${string})`;
1604
+ md: `var(--${string})` | `var(--${string}, ${string})`;
1605
+ lg: `var(--${string})` | `var(--${string}, ${string})`;
1606
+ xl: `var(--${string})` | `var(--${string}, ${string})`;
1607
+ "2xl": `var(--${string})` | `var(--${string}, ${string})`;
1608
+ "3xl": `var(--${string})` | `var(--${string}, ${string})`;
1609
+ "4xl": `var(--${string})` | `var(--${string}, ${string})`;
1610
+ "5xl": `var(--${string})` | `var(--${string}, ${string})`;
1611
+ "6xl": `var(--${string})` | `var(--${string}, ${string})`;
1612
+ "7xl": `var(--${string})` | `var(--${string}, ${string})`;
1613
+ "8xl": `var(--${string})` | `var(--${string}, ${string})`;
1614
+ auto: string;
1615
+ };
1616
+ name: "margin";
1617
+ };
1618
+ marginTop: {
1619
+ values: {
1620
+ "2xs": {
1649
1621
  default: string;
1650
1622
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1651
1623
  };
@@ -1685,59 +1657,59 @@ declare const box: {
1685
1657
  default: string;
1686
1658
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1687
1659
  };
1688
- };
1689
- staticScale: {
1690
- none: "0";
1691
- "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1692
- "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1693
- "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1694
- xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1695
- s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1696
- md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1697
- lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1698
- xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1699
- "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1700
- "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1701
- "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1702
- "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1703
- "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1704
- "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1705
- "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1706
- auto: string;
1707
- };
1708
- name: "marginTop";
1709
- };
1710
- marginBottom: {
1711
- values: {
1712
- none: {
1660
+ xs: {
1713
1661
  default: string;
1714
1662
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1715
1663
  };
1716
- auto: {
1664
+ s: {
1717
1665
  default: string;
1718
1666
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1719
1667
  };
1720
- xs: {
1668
+ xl: {
1721
1669
  default: string;
1722
1670
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1723
1671
  };
1724
- s: {
1672
+ none: {
1725
1673
  default: string;
1726
1674
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1727
1675
  };
1728
- xl: {
1676
+ md: {
1729
1677
  default: string;
1730
1678
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1731
1679
  };
1732
- "2xs": {
1680
+ lg: {
1733
1681
  default: string;
1734
1682
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1735
1683
  };
1736
- md: {
1684
+ auto: {
1737
1685
  default: string;
1738
1686
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1739
1687
  };
1740
- lg: {
1688
+ };
1689
+ staticScale: {
1690
+ none: "0";
1691
+ "4xs": `var(--${string})` | `var(--${string}, ${string})`;
1692
+ "3xs": `var(--${string})` | `var(--${string}, ${string})`;
1693
+ "2xs": `var(--${string})` | `var(--${string}, ${string})`;
1694
+ xs: `var(--${string})` | `var(--${string}, ${string})`;
1695
+ s: `var(--${string})` | `var(--${string}, ${string})`;
1696
+ md: `var(--${string})` | `var(--${string}, ${string})`;
1697
+ lg: `var(--${string})` | `var(--${string}, ${string})`;
1698
+ xl: `var(--${string})` | `var(--${string}, ${string})`;
1699
+ "2xl": `var(--${string})` | `var(--${string}, ${string})`;
1700
+ "3xl": `var(--${string})` | `var(--${string}, ${string})`;
1701
+ "4xl": `var(--${string})` | `var(--${string}, ${string})`;
1702
+ "5xl": `var(--${string})` | `var(--${string}, ${string})`;
1703
+ "6xl": `var(--${string})` | `var(--${string}, ${string})`;
1704
+ "7xl": `var(--${string})` | `var(--${string}, ${string})`;
1705
+ "8xl": `var(--${string})` | `var(--${string}, ${string})`;
1706
+ auto: string;
1707
+ };
1708
+ name: "marginTop";
1709
+ };
1710
+ marginBottom: {
1711
+ values: {
1712
+ "2xs": {
1741
1713
  default: string;
1742
1714
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1743
1715
  };
@@ -1777,59 +1749,59 @@ declare const box: {
1777
1749
  default: string;
1778
1750
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1779
1751
  };
1780
- };
1781
- staticScale: {
1782
- none: "0";
1783
- "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1784
- "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1785
- "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1786
- xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1787
- s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1788
- md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1789
- lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1790
- xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1791
- "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1792
- "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1793
- "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1794
- "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1795
- "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1796
- "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1797
- "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1798
- auto: string;
1799
- };
1800
- name: "marginBottom";
1801
- };
1802
- marginLeft: {
1803
- values: {
1804
- none: {
1752
+ xs: {
1805
1753
  default: string;
1806
1754
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1807
1755
  };
1808
- auto: {
1756
+ s: {
1809
1757
  default: string;
1810
1758
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1811
1759
  };
1812
- xs: {
1760
+ xl: {
1813
1761
  default: string;
1814
1762
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1815
1763
  };
1816
- s: {
1764
+ none: {
1817
1765
  default: string;
1818
1766
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1819
1767
  };
1820
- xl: {
1768
+ md: {
1821
1769
  default: string;
1822
1770
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1823
1771
  };
1824
- "2xs": {
1772
+ lg: {
1825
1773
  default: string;
1826
1774
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1827
1775
  };
1828
- md: {
1776
+ auto: {
1829
1777
  default: string;
1830
1778
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1831
1779
  };
1832
- lg: {
1780
+ };
1781
+ staticScale: {
1782
+ none: "0";
1783
+ "4xs": `var(--${string})` | `var(--${string}, ${string})`;
1784
+ "3xs": `var(--${string})` | `var(--${string}, ${string})`;
1785
+ "2xs": `var(--${string})` | `var(--${string}, ${string})`;
1786
+ xs: `var(--${string})` | `var(--${string}, ${string})`;
1787
+ s: `var(--${string})` | `var(--${string}, ${string})`;
1788
+ md: `var(--${string})` | `var(--${string}, ${string})`;
1789
+ lg: `var(--${string})` | `var(--${string}, ${string})`;
1790
+ xl: `var(--${string})` | `var(--${string}, ${string})`;
1791
+ "2xl": `var(--${string})` | `var(--${string}, ${string})`;
1792
+ "3xl": `var(--${string})` | `var(--${string}, ${string})`;
1793
+ "4xl": `var(--${string})` | `var(--${string}, ${string})`;
1794
+ "5xl": `var(--${string})` | `var(--${string}, ${string})`;
1795
+ "6xl": `var(--${string})` | `var(--${string}, ${string})`;
1796
+ "7xl": `var(--${string})` | `var(--${string}, ${string})`;
1797
+ "8xl": `var(--${string})` | `var(--${string}, ${string})`;
1798
+ auto: string;
1799
+ };
1800
+ name: "marginBottom";
1801
+ };
1802
+ marginLeft: {
1803
+ values: {
1804
+ "2xs": {
1833
1805
  default: string;
1834
1806
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1835
1807
  };
@@ -1869,59 +1841,59 @@ declare const box: {
1869
1841
  default: string;
1870
1842
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1871
1843
  };
1872
- };
1873
- staticScale: {
1874
- none: "0";
1875
- "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1876
- "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1877
- "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1878
- xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1879
- s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1880
- md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1881
- lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1882
- xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1883
- "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1884
- "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1885
- "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1886
- "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1887
- "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1888
- "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1889
- "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1890
- auto: string;
1891
- };
1892
- name: "marginLeft";
1893
- };
1894
- marginRight: {
1895
- values: {
1896
- none: {
1844
+ xs: {
1897
1845
  default: string;
1898
1846
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1899
1847
  };
1900
- auto: {
1848
+ s: {
1901
1849
  default: string;
1902
1850
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1903
1851
  };
1904
- xs: {
1852
+ xl: {
1905
1853
  default: string;
1906
1854
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1907
1855
  };
1908
- s: {
1856
+ none: {
1909
1857
  default: string;
1910
1858
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1911
1859
  };
1912
- xl: {
1860
+ md: {
1913
1861
  default: string;
1914
1862
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1915
1863
  };
1916
- "2xs": {
1864
+ lg: {
1917
1865
  default: string;
1918
1866
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1919
1867
  };
1920
- md: {
1868
+ auto: {
1921
1869
  default: string;
1922
1870
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1923
1871
  };
1924
- lg: {
1872
+ };
1873
+ staticScale: {
1874
+ none: "0";
1875
+ "4xs": `var(--${string})` | `var(--${string}, ${string})`;
1876
+ "3xs": `var(--${string})` | `var(--${string}, ${string})`;
1877
+ "2xs": `var(--${string})` | `var(--${string}, ${string})`;
1878
+ xs: `var(--${string})` | `var(--${string}, ${string})`;
1879
+ s: `var(--${string})` | `var(--${string}, ${string})`;
1880
+ md: `var(--${string})` | `var(--${string}, ${string})`;
1881
+ lg: `var(--${string})` | `var(--${string}, ${string})`;
1882
+ xl: `var(--${string})` | `var(--${string}, ${string})`;
1883
+ "2xl": `var(--${string})` | `var(--${string}, ${string})`;
1884
+ "3xl": `var(--${string})` | `var(--${string}, ${string})`;
1885
+ "4xl": `var(--${string})` | `var(--${string}, ${string})`;
1886
+ "5xl": `var(--${string})` | `var(--${string}, ${string})`;
1887
+ "6xl": `var(--${string})` | `var(--${string}, ${string})`;
1888
+ "7xl": `var(--${string})` | `var(--${string}, ${string})`;
1889
+ "8xl": `var(--${string})` | `var(--${string}, ${string})`;
1890
+ auto: string;
1891
+ };
1892
+ name: "marginLeft";
1893
+ };
1894
+ marginRight: {
1895
+ values: {
1896
+ "2xs": {
1925
1897
  default: string;
1926
1898
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1927
1899
  };
@@ -1961,34 +1933,6 @@ declare const box: {
1961
1933
  default: string;
1962
1934
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1963
1935
  };
1964
- };
1965
- staticScale: {
1966
- none: "0";
1967
- "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1968
- "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1969
- "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1970
- xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1971
- s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1972
- md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1973
- lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1974
- xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1975
- "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1976
- "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1977
- "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1978
- "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1979
- "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1980
- "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1981
- "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1982
- auto: string;
1983
- };
1984
- name: "marginRight";
1985
- };
1986
- gap: {
1987
- values: {
1988
- none: {
1989
- default: string;
1990
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1991
- };
1992
1936
  xs: {
1993
1937
  default: string;
1994
1938
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -2001,7 +1945,7 @@ declare const box: {
2001
1945
  default: string;
2002
1946
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2003
1947
  };
2004
- "2xs": {
1948
+ none: {
2005
1949
  default: string;
2006
1950
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2007
1951
  };
@@ -2013,6 +1957,38 @@ declare const box: {
2013
1957
  default: string;
2014
1958
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2015
1959
  };
1960
+ auto: {
1961
+ default: string;
1962
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1963
+ };
1964
+ };
1965
+ staticScale: {
1966
+ none: "0";
1967
+ "4xs": `var(--${string})` | `var(--${string}, ${string})`;
1968
+ "3xs": `var(--${string})` | `var(--${string}, ${string})`;
1969
+ "2xs": `var(--${string})` | `var(--${string}, ${string})`;
1970
+ xs: `var(--${string})` | `var(--${string}, ${string})`;
1971
+ s: `var(--${string})` | `var(--${string}, ${string})`;
1972
+ md: `var(--${string})` | `var(--${string}, ${string})`;
1973
+ lg: `var(--${string})` | `var(--${string}, ${string})`;
1974
+ xl: `var(--${string})` | `var(--${string}, ${string})`;
1975
+ "2xl": `var(--${string})` | `var(--${string}, ${string})`;
1976
+ "3xl": `var(--${string})` | `var(--${string}, ${string})`;
1977
+ "4xl": `var(--${string})` | `var(--${string}, ${string})`;
1978
+ "5xl": `var(--${string})` | `var(--${string}, ${string})`;
1979
+ "6xl": `var(--${string})` | `var(--${string}, ${string})`;
1980
+ "7xl": `var(--${string})` | `var(--${string}, ${string})`;
1981
+ "8xl": `var(--${string})` | `var(--${string}, ${string})`;
1982
+ auto: string;
1983
+ };
1984
+ name: "marginRight";
1985
+ };
1986
+ gap: {
1987
+ values: {
1988
+ "2xs": {
1989
+ default: string;
1990
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
1991
+ };
2016
1992
  "2xl": {
2017
1993
  default: string;
2018
1994
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -2049,33 +2025,6 @@ declare const box: {
2049
2025
  default: string;
2050
2026
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2051
2027
  };
2052
- };
2053
- staticScale: {
2054
- readonly none: "0";
2055
- readonly "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2056
- readonly "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2057
- readonly "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2058
- readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2059
- readonly s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2060
- readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2061
- readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2062
- readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2063
- readonly "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2064
- readonly "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2065
- readonly "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2066
- readonly "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2067
- readonly "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2068
- readonly "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2069
- readonly "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2070
- };
2071
- name: "gap";
2072
- };
2073
- gridGap: {
2074
- values: {
2075
- none: {
2076
- default: string;
2077
- conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2078
- };
2079
2028
  xs: {
2080
2029
  default: string;
2081
2030
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -2088,7 +2037,7 @@ declare const box: {
2088
2037
  default: string;
2089
2038
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2090
2039
  };
2091
- "2xs": {
2040
+ none: {
2092
2041
  default: string;
2093
2042
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2094
2043
  };
@@ -2100,6 +2049,33 @@ declare const box: {
2100
2049
  default: string;
2101
2050
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2102
2051
  };
2052
+ };
2053
+ staticScale: {
2054
+ readonly none: "0";
2055
+ readonly "4xs": `var(--${string})` | `var(--${string}, ${string})`;
2056
+ readonly "3xs": `var(--${string})` | `var(--${string}, ${string})`;
2057
+ readonly "2xs": `var(--${string})` | `var(--${string}, ${string})`;
2058
+ readonly xs: `var(--${string})` | `var(--${string}, ${string})`;
2059
+ readonly s: `var(--${string})` | `var(--${string}, ${string})`;
2060
+ readonly md: `var(--${string})` | `var(--${string}, ${string})`;
2061
+ readonly lg: `var(--${string})` | `var(--${string}, ${string})`;
2062
+ readonly xl: `var(--${string})` | `var(--${string}, ${string})`;
2063
+ readonly "2xl": `var(--${string})` | `var(--${string}, ${string})`;
2064
+ readonly "3xl": `var(--${string})` | `var(--${string}, ${string})`;
2065
+ readonly "4xl": `var(--${string})` | `var(--${string}, ${string})`;
2066
+ readonly "5xl": `var(--${string})` | `var(--${string}, ${string})`;
2067
+ readonly "6xl": `var(--${string})` | `var(--${string}, ${string})`;
2068
+ readonly "7xl": `var(--${string})` | `var(--${string}, ${string})`;
2069
+ readonly "8xl": `var(--${string})` | `var(--${string}, ${string})`;
2070
+ };
2071
+ name: "gap";
2072
+ };
2073
+ gridGap: {
2074
+ values: {
2075
+ "2xs": {
2076
+ default: string;
2077
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2078
+ };
2103
2079
  "2xl": {
2104
2080
  default: string;
2105
2081
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
@@ -2136,24 +2112,48 @@ declare const box: {
2136
2112
  default: string;
2137
2113
  conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2138
2114
  };
2115
+ xs: {
2116
+ default: string;
2117
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2118
+ };
2119
+ s: {
2120
+ default: string;
2121
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2122
+ };
2123
+ xl: {
2124
+ default: string;
2125
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2126
+ };
2127
+ none: {
2128
+ default: string;
2129
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2130
+ };
2131
+ md: {
2132
+ default: string;
2133
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2134
+ };
2135
+ lg: {
2136
+ default: string;
2137
+ conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
2138
+ };
2139
2139
  };
2140
2140
  staticScale: {
2141
2141
  readonly none: "0";
2142
- readonly "4xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2143
- readonly "3xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2144
- readonly "2xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2145
- readonly xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2146
- readonly s: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2147
- readonly md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2148
- readonly lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2149
- readonly xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2150
- readonly "2xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2151
- readonly "3xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2152
- readonly "4xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2153
- readonly "5xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2154
- readonly "6xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2155
- readonly "7xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2156
- readonly "8xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2142
+ readonly "4xs": `var(--${string})` | `var(--${string}, ${string})`;
2143
+ readonly "3xs": `var(--${string})` | `var(--${string}, ${string})`;
2144
+ readonly "2xs": `var(--${string})` | `var(--${string}, ${string})`;
2145
+ readonly xs: `var(--${string})` | `var(--${string}, ${string})`;
2146
+ readonly s: `var(--${string})` | `var(--${string}, ${string})`;
2147
+ readonly md: `var(--${string})` | `var(--${string}, ${string})`;
2148
+ readonly lg: `var(--${string})` | `var(--${string}, ${string})`;
2149
+ readonly xl: `var(--${string})` | `var(--${string}, ${string})`;
2150
+ readonly "2xl": `var(--${string})` | `var(--${string}, ${string})`;
2151
+ readonly "3xl": `var(--${string})` | `var(--${string}, ${string})`;
2152
+ readonly "4xl": `var(--${string})` | `var(--${string}, ${string})`;
2153
+ readonly "5xl": `var(--${string})` | `var(--${string}, ${string})`;
2154
+ readonly "6xl": `var(--${string})` | `var(--${string}, ${string})`;
2155
+ readonly "7xl": `var(--${string})` | `var(--${string}, ${string})`;
2156
+ readonly "8xl": `var(--${string})` | `var(--${string}, ${string})`;
2157
2157
  };
2158
2158
  name: "gridGap";
2159
2159
  };
@@ -2197,15 +2197,15 @@ declare const box: {
2197
2197
  };
2198
2198
  };
2199
2199
  staticScale: {
2200
- "100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2201
- "200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2202
- "300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2203
- "400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2204
- "500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2205
- "600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2206
- "700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2207
- "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2208
- "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2200
+ "100": `var(--${string})` | `var(--${string}, ${string})`;
2201
+ "200": `var(--${string})` | `var(--${string}, ${string})`;
2202
+ "300": `var(--${string})` | `var(--${string}, ${string})`;
2203
+ "400": `var(--${string})` | `var(--${string}, ${string})`;
2204
+ "500": `var(--${string})` | `var(--${string}, ${string})`;
2205
+ "600": `var(--${string})` | `var(--${string}, ${string})`;
2206
+ "700": `var(--${string})` | `var(--${string}, ${string})`;
2207
+ "800": `var(--${string})` | `var(--${string}, ${string})`;
2208
+ "900": `var(--${string})` | `var(--${string}, ${string})`;
2209
2209
  };
2210
2210
  name: "zIndex";
2211
2211
  };
@@ -2285,24 +2285,24 @@ declare const box: {
2285
2285
  };
2286
2286
  };
2287
2287
  staticScale: {
2288
- readonly "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2289
- readonly "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2290
- readonly "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2291
- readonly "body-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2292
- readonly "body-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2293
- readonly "body-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2294
- readonly "heading-hero": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2295
- readonly "heading-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2296
- readonly "heading-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2297
- readonly "heading-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2298
- readonly "heading-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2299
- readonly "heading-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2300
- readonly "button-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2301
- readonly "button-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2302
- readonly "button-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2303
- readonly "label-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2304
- readonly "label-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2305
- readonly "label-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2288
+ readonly "body-xxs": `var(--${string})` | `var(--${string}, ${string})`;
2289
+ readonly "body-xs": `var(--${string})` | `var(--${string}, ${string})`;
2290
+ readonly "body-s": `var(--${string})` | `var(--${string}, ${string})`;
2291
+ readonly "body-m": `var(--${string})` | `var(--${string}, ${string})`;
2292
+ readonly "body-l": `var(--${string})` | `var(--${string}, ${string})`;
2293
+ readonly "body-xl": `var(--${string})` | `var(--${string}, ${string})`;
2294
+ readonly "heading-hero": `var(--${string})` | `var(--${string}, ${string})`;
2295
+ readonly "heading-xs": `var(--${string})` | `var(--${string}, ${string})`;
2296
+ readonly "heading-s": `var(--${string})` | `var(--${string}, ${string})`;
2297
+ readonly "heading-m": `var(--${string})` | `var(--${string}, ${string})`;
2298
+ readonly "heading-l": `var(--${string})` | `var(--${string}, ${string})`;
2299
+ readonly "heading-xl": `var(--${string})` | `var(--${string}, ${string})`;
2300
+ readonly "button-s": `var(--${string})` | `var(--${string}, ${string})`;
2301
+ readonly "button-m": `var(--${string})` | `var(--${string}, ${string})`;
2302
+ readonly "button-l": `var(--${string})` | `var(--${string}, ${string})`;
2303
+ readonly "label-s": `var(--${string})` | `var(--${string}, ${string})`;
2304
+ readonly "label-m": `var(--${string})` | `var(--${string}, ${string})`;
2305
+ readonly "label-l": `var(--${string})` | `var(--${string}, ${string})`;
2306
2306
  };
2307
2307
  name: "lineHeight";
2308
2308
  };
@@ -2326,10 +2326,10 @@ declare const box: {
2326
2326
  };
2327
2327
  };
2328
2328
  staticScale: {
2329
- regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2330
- medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2331
- semiBold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2332
- bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2329
+ regular: `var(--${string})` | `var(--${string}, ${string})`;
2330
+ medium: `var(--${string})` | `var(--${string}, ${string})`;
2331
+ semiBold: `var(--${string})` | `var(--${string}, ${string})`;
2332
+ bold: `var(--${string})` | `var(--${string}, ${string})`;
2333
2333
  };
2334
2334
  name: "fontWeight";
2335
2335
  };
@@ -2409,24 +2409,24 @@ declare const box: {
2409
2409
  };
2410
2410
  };
2411
2411
  staticScale: {
2412
- "body-xxs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2413
- "body-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2414
- "body-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2415
- "body-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2416
- "body-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2417
- "body-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2418
- "heading-hero": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2419
- "heading-xs": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2420
- "heading-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2421
- "heading-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2422
- "heading-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2423
- "heading-xl": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2424
- "button-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2425
- "button-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2426
- "button-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2427
- "label-s": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2428
- "label-m": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2429
- "label-l": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2412
+ "body-xxs": `var(--${string})` | `var(--${string}, ${string})`;
2413
+ "body-xs": `var(--${string})` | `var(--${string}, ${string})`;
2414
+ "body-s": `var(--${string})` | `var(--${string}, ${string})`;
2415
+ "body-m": `var(--${string})` | `var(--${string}, ${string})`;
2416
+ "body-l": `var(--${string})` | `var(--${string}, ${string})`;
2417
+ "body-xl": `var(--${string})` | `var(--${string}, ${string})`;
2418
+ "heading-hero": `var(--${string})` | `var(--${string}, ${string})`;
2419
+ "heading-xs": `var(--${string})` | `var(--${string}, ${string})`;
2420
+ "heading-s": `var(--${string})` | `var(--${string}, ${string})`;
2421
+ "heading-m": `var(--${string})` | `var(--${string}, ${string})`;
2422
+ "heading-l": `var(--${string})` | `var(--${string}, ${string})`;
2423
+ "heading-xl": `var(--${string})` | `var(--${string}, ${string})`;
2424
+ "button-s": `var(--${string})` | `var(--${string}, ${string})`;
2425
+ "button-m": `var(--${string})` | `var(--${string}, ${string})`;
2426
+ "button-l": `var(--${string})` | `var(--${string}, ${string})`;
2427
+ "label-s": `var(--${string})` | `var(--${string}, ${string})`;
2428
+ "label-m": `var(--${string})` | `var(--${string}, ${string})`;
2429
+ "label-l": `var(--${string})` | `var(--${string}, ${string})`;
2430
2430
  };
2431
2431
  name: "fontSize";
2432
2432
  };
@@ -2446,9 +2446,9 @@ declare const box: {
2446
2446
  };
2447
2447
  };
2448
2448
  staticScale: {
2449
- body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2450
- heading: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2451
- button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2449
+ body: `var(--${string})` | `var(--${string}, ${string})`;
2450
+ heading: `var(--${string})` | `var(--${string}, ${string})`;
2451
+ button: `var(--${string})` | `var(--${string}, ${string})`;
2452
2452
  };
2453
2453
  name: "fontFamily";
2454
2454
  };