@nimbus-ds/styles 4.15.0 → 4.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (175) hide show
  1. package/CHANGELOG.md +29 -5
  2. package/dist/index.css +388 -315
  3. package/dist/index.css.map +1 -1
  4. package/dist/index.d.ts +1 -0
  5. package/dist/index.js +1 -1
  6. package/dist/index.js.LICENSE.txt +155 -113
  7. package/dist/index.js.map +1 -1
  8. package/dist/packages/alert/index.css +23 -23
  9. package/dist/packages/alert/index.js +1 -1
  10. package/dist/packages/alert/index.js.LICENSE.txt +4 -4
  11. package/dist/packages/alert/index.js.map +1 -1
  12. package/dist/packages/badge/index.css +14 -14
  13. package/dist/packages/badge/index.js +1 -1
  14. package/dist/packages/badge/index.js.LICENSE.txt +4 -4
  15. package/dist/packages/badge/index.js.map +1 -1
  16. package/dist/packages/box/box.sprinkle.css.d.ts +218 -218
  17. package/dist/packages/box/box.style.css.d.ts +1 -0
  18. package/dist/packages/box/index.css +6 -0
  19. package/dist/packages/box/index.css.map +1 -1
  20. package/dist/packages/box/index.d.ts +222 -220
  21. package/dist/packages/box/index.js +1 -1
  22. package/dist/packages/box/index.js.LICENSE.txt +14 -2
  23. package/dist/packages/box/index.js.map +1 -1
  24. package/dist/packages/button/index.css +20 -20
  25. package/dist/packages/button/index.js +1 -1
  26. package/dist/packages/button/index.js.LICENSE.txt +4 -4
  27. package/dist/packages/button/index.js.map +1 -1
  28. package/dist/packages/card/card.sprinkle.css.d.ts +18 -64
  29. package/dist/packages/card/index.css +7 -7
  30. package/dist/packages/card/index.d.ts +18 -64
  31. package/dist/packages/card/index.js +1 -1
  32. package/dist/packages/card/index.js.LICENSE.txt +6 -6
  33. package/dist/packages/card/index.js.map +1 -1
  34. package/dist/packages/checkbox/checkbox.sprinkle.css.d.ts +9 -31
  35. package/dist/packages/checkbox/index.css +12 -12
  36. package/dist/packages/checkbox/index.d.ts +9 -31
  37. package/dist/packages/checkbox/index.js +1 -1
  38. package/dist/packages/checkbox/index.js.LICENSE.txt +6 -6
  39. package/dist/packages/checkbox/index.js.map +1 -1
  40. package/dist/packages/chip/index.css +7 -7
  41. package/dist/packages/chip/index.js +1 -1
  42. package/dist/packages/chip/index.js.LICENSE.txt +4 -4
  43. package/dist/packages/chip/index.js.map +1 -1
  44. package/dist/packages/fileUploader/fileUploader.sprinkle.css.d.ts +7 -53
  45. package/dist/packages/fileUploader/index.css +17 -17
  46. package/dist/packages/fileUploader/index.css.map +1 -1
  47. package/dist/packages/fileUploader/index.d.ts +7 -53
  48. package/dist/packages/fileUploader/index.js +1 -1
  49. package/dist/packages/fileUploader/index.js.LICENSE.txt +10 -10
  50. package/dist/packages/fileUploader/index.js.map +1 -1
  51. package/dist/packages/icon/icon.sprinkle.css.d.ts +23 -87
  52. package/dist/packages/icon/index.css +4 -4
  53. package/dist/packages/icon/index.css.map +1 -1
  54. package/dist/packages/icon/index.d.ts +23 -87
  55. package/dist/packages/icon/index.js +1 -1
  56. package/dist/packages/icon/index.js.LICENSE.txt +6 -6
  57. package/dist/packages/icon/index.js.map +1 -1
  58. package/dist/packages/iconButton/index.css +7 -7
  59. package/dist/packages/iconButton/index.js +1 -1
  60. package/dist/packages/iconButton/index.js.LICENSE.txt +4 -4
  61. package/dist/packages/iconButton/index.js.map +1 -1
  62. package/dist/packages/input/index.css +21 -21
  63. package/dist/packages/input/index.js +1 -1
  64. package/dist/packages/input/index.js.LICENSE.txt +4 -4
  65. package/dist/packages/input/index.js.map +1 -1
  66. package/dist/packages/label/index.css +5 -5
  67. package/dist/packages/label/index.js +1 -1
  68. package/dist/packages/label/index.js.LICENSE.txt +4 -4
  69. package/dist/packages/label/index.js.map +1 -1
  70. package/dist/packages/link/index.css +53 -53
  71. package/dist/packages/link/index.d.ts +18 -18
  72. package/dist/packages/link/index.js +1 -1
  73. package/dist/packages/link/index.js.LICENSE.txt +8 -8
  74. package/dist/packages/link/index.js.map +1 -1
  75. package/dist/packages/link/link.style.css.d.ts +18 -18
  76. package/dist/packages/list/index.css +7 -7
  77. package/dist/packages/list/index.js +1 -1
  78. package/dist/packages/list/index.js.LICENSE.txt +4 -4
  79. package/dist/packages/list/index.js.map +1 -1
  80. package/dist/packages/popover/index.css +13 -13
  81. package/dist/packages/popover/index.d.ts +20 -72
  82. package/dist/packages/popover/index.js +1 -1
  83. package/dist/packages/popover/index.js.LICENSE.txt +6 -6
  84. package/dist/packages/popover/index.js.map +1 -1
  85. package/dist/packages/popover/popover.sprinkle.css.d.ts +20 -72
  86. package/dist/packages/radio/index.css +20 -20
  87. package/dist/packages/radio/index.d.ts +5 -15
  88. package/dist/packages/radio/index.js +1 -1
  89. package/dist/packages/radio/index.js.LICENSE.txt +6 -6
  90. package/dist/packages/radio/index.js.map +1 -1
  91. package/dist/packages/radio/radio.sprinkle.css.d.ts +5 -15
  92. package/dist/packages/select/index.css +19 -19
  93. package/dist/packages/select/index.js +1 -1
  94. package/dist/packages/select/index.js.LICENSE.txt +4 -4
  95. package/dist/packages/select/index.js.map +1 -1
  96. package/dist/packages/sidebar/index.css +177 -0
  97. package/dist/packages/sidebar/index.css.map +1 -0
  98. package/dist/packages/sidebar/index.d.ts +15 -0
  99. package/dist/packages/sidebar/index.js +3 -0
  100. package/dist/packages/sidebar/index.js.LICENSE.txt +45 -0
  101. package/dist/packages/sidebar/index.js.map +1 -0
  102. package/dist/packages/sidebar/sidebar.sprinkle.css.d.ts +9 -0
  103. package/dist/packages/sidebar/sidebar.style.css.d.ts +6 -0
  104. package/dist/packages/skeleton/index.css +10 -10
  105. package/dist/packages/skeleton/index.css.map +1 -1
  106. package/dist/packages/skeleton/index.js +1 -1
  107. package/dist/packages/skeleton/index.js.LICENSE.txt +4 -4
  108. package/dist/packages/skeleton/index.js.map +1 -1
  109. package/dist/packages/spinner/index.css +11 -11
  110. package/dist/packages/spinner/index.css.map +1 -1
  111. package/dist/packages/spinner/index.d.ts +14 -45
  112. package/dist/packages/spinner/index.js +1 -1
  113. package/dist/packages/spinner/index.js.LICENSE.txt +6 -6
  114. package/dist/packages/spinner/index.js.map +1 -1
  115. package/dist/packages/spinner/spinner.sprinkle.css.d.ts +14 -45
  116. package/dist/packages/stack/index.d.ts +57 -57
  117. package/dist/packages/stack/index.js +1 -1
  118. package/dist/packages/stack/index.js.LICENSE.txt +2 -2
  119. package/dist/packages/stack/index.js.map +1 -1
  120. package/dist/packages/stack/stack.sprinkle.css.d.ts +43 -43
  121. package/dist/packages/tabs/index.css +12 -12
  122. package/dist/packages/tabs/index.js +1 -1
  123. package/dist/packages/tabs/index.js.LICENSE.txt +4 -4
  124. package/dist/packages/tabs/index.js.map +1 -1
  125. package/dist/packages/tag/index.css +7 -7
  126. package/dist/packages/tag/index.d.ts +16 -16
  127. package/dist/packages/tag/index.js +1 -1
  128. package/dist/packages/tag/index.js.LICENSE.txt +2 -2
  129. package/dist/packages/tag/index.js.map +1 -1
  130. package/dist/packages/tag/tag.style.css.d.ts +16 -16
  131. package/dist/packages/text/index.css +4 -4
  132. package/dist/packages/text/index.d.ts +34 -140
  133. package/dist/packages/text/index.js +1 -1
  134. package/dist/packages/text/index.js.LICENSE.txt +6 -6
  135. package/dist/packages/text/index.js.map +1 -1
  136. package/dist/packages/text/text.sprinkle.css.d.ts +34 -140
  137. package/dist/packages/textarea/index.css +23 -23
  138. package/dist/packages/textarea/index.js +1 -1
  139. package/dist/packages/textarea/index.js.LICENSE.txt +8 -8
  140. package/dist/packages/textarea/index.js.map +1 -1
  141. package/dist/packages/thumbnail/index.css +8 -8
  142. package/dist/packages/thumbnail/index.css.map +1 -1
  143. package/dist/packages/thumbnail/index.d.ts +5 -30
  144. package/dist/packages/thumbnail/index.js +1 -1
  145. package/dist/packages/thumbnail/index.js.LICENSE.txt +6 -6
  146. package/dist/packages/thumbnail/index.js.map +1 -1
  147. package/dist/packages/thumbnail/thumbnail.sprinkle.css.d.ts +5 -30
  148. package/dist/packages/title/index.css +10 -10
  149. package/dist/packages/title/index.d.ts +29 -78
  150. package/dist/packages/title/index.js +1 -1
  151. package/dist/packages/title/index.js.LICENSE.txt +7 -7
  152. package/dist/packages/title/index.js.map +1 -1
  153. package/dist/packages/title/title.sprinkle.css.d.ts +16 -65
  154. package/dist/packages/title/title.style.css.d.ts +13 -13
  155. package/dist/packages/toast/index.css +9 -9
  156. package/dist/packages/toast/index.js +1 -1
  157. package/dist/packages/toast/index.js.LICENSE.txt +4 -4
  158. package/dist/packages/toast/index.js.map +1 -1
  159. package/dist/packages/toggle/index.css +9 -9
  160. package/dist/packages/toggle/index.js +1 -1
  161. package/dist/packages/toggle/index.js.LICENSE.txt +4 -4
  162. package/dist/packages/toggle/index.js.map +1 -1
  163. package/dist/packages/tooltip/index.css +10 -10
  164. package/dist/packages/tooltip/index.js +1 -1
  165. package/dist/packages/tooltip/index.js.LICENSE.txt +4 -4
  166. package/dist/packages/tooltip/index.js.map +1 -1
  167. package/dist/sprinkles/colors.css.d.ts +82 -317
  168. package/dist/sprinkles/textAlign.css.d.ts +5 -21
  169. package/dist/themes/base.css.d.ts +105 -105
  170. package/dist/themes/dark.css +4 -4
  171. package/dist/themes/dark.js +1 -1
  172. package/dist/themes/dark.js.LICENSE.txt +4 -4
  173. package/dist/themes/dark.js.map +1 -1
  174. package/dist/utils/vars.css.d.ts +3 -3
  175. package/package.json +10 -11
package/dist/packages/box/index.d.ts CHANGED
@@ -1,13 +1,15 @@
1
+ import * as style from "./box.style.css";
1
2
  export declare const box: {
2
- sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRainbowSprinkles").SprinklesFn<[{
3
+ style: typeof style;
4
+ sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
3
5
  config: {
4
6
  borderStyle: {
5
7
  values: {
6
- solid: {
8
+ none: {
7
9
  default: string;
8
10
  conditions: Record<"xs" | "md" | "lg", string>;
9
11
  };
10
- none: {
12
+ solid: {
11
13
  default: string;
12
14
  conditions: Record<"xs" | "md" | "lg", string>;
13
15
  };
@@ -24,7 +26,7 @@ export declare const box: {
24
26
  conditions: Record<"xs" | "md" | "lg", string>;
25
27
  };
26
28
  };
27
- staticScale: ("solid" | "none" | "hidden" | "dashed" | "dotted")[];
29
+ staticScale: ("none" | "solid" | "hidden" | "dashed" | "dotted")[];
28
30
  name: "borderStyle";
29
31
  };
30
32
  cursor: {
@@ -98,27 +100,27 @@ export declare const box: {
98
100
  conditions: Record<"xs" | "md" | "lg", string>;
99
101
  };
100
102
  dynamicScale: {
101
- "primary.interactive": import("@vanilla-extract/private").CSSVarFunction;
102
- "primary.surface": import("@vanilla-extract/private").CSSVarFunction;
103
- "primary.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
104
- "primary.textLow": import("@vanilla-extract/private").CSSVarFunction;
105
- "success.interactive": import("@vanilla-extract/private").CSSVarFunction;
106
- "success.surface": import("@vanilla-extract/private").CSSVarFunction;
107
- "success.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
108
- "success.textLow": import("@vanilla-extract/private").CSSVarFunction;
109
- "warning.interactive": import("@vanilla-extract/private").CSSVarFunction;
110
- "warning.surface": import("@vanilla-extract/private").CSSVarFunction;
111
- "warning.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
112
- "warning.textLow": import("@vanilla-extract/private").CSSVarFunction;
113
- "danger.interactive": import("@vanilla-extract/private").CSSVarFunction;
114
- "danger.surface": import("@vanilla-extract/private").CSSVarFunction;
115
- "danger.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
116
- "danger.textLow": import("@vanilla-extract/private").CSSVarFunction;
117
- "neutral.background": import("@vanilla-extract/private").CSSVarFunction;
118
- "neutral.interactive": import("@vanilla-extract/private").CSSVarFunction;
119
- "neutral.surface": import("@vanilla-extract/private").CSSVarFunction;
120
- "neutral.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
121
- "neutral.textLow": import("@vanilla-extract/private").CSSVarFunction;
103
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
104
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
105
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
106
+ "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
107
+ "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
+ "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
+ "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
+ "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
+ "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
+ "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
123
+ "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
124
  };
123
125
  name: "backgroundColor";
124
126
  vars: {
@@ -132,21 +134,21 @@ export declare const box: {
132
134
  conditions: Record<"xs" | "md" | "lg", string>;
133
135
  };
134
136
  dynamicScale: {
135
- "primary.interactive": import("@vanilla-extract/private").CSSVarFunction;
136
- "primary.surface": import("@vanilla-extract/private").CSSVarFunction;
137
- "primary.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
138
- "success.interactive": import("@vanilla-extract/private").CSSVarFunction;
139
- "success.surface": import("@vanilla-extract/private").CSSVarFunction;
140
- "success.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
141
- "warning.interactive": import("@vanilla-extract/private").CSSVarFunction;
142
- "warning.surface": import("@vanilla-extract/private").CSSVarFunction;
143
- "warning.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
144
- "danger.interactive": import("@vanilla-extract/private").CSSVarFunction;
145
- "danger.surface": import("@vanilla-extract/private").CSSVarFunction;
146
- "danger.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
147
- "neutral.interactive": import("@vanilla-extract/private").CSSVarFunction;
148
- "neutral.surface": import("@vanilla-extract/private").CSSVarFunction;
149
- "neutral.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
137
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
139
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
140
+ "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
141
+ "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
142
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
143
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
144
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
145
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
146
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150
152
  };
151
153
  name: "borderColor";
152
154
  vars: {
@@ -161,19 +163,19 @@ export declare const box: {
161
163
  };
162
164
  dynamicScale: {
163
165
  none: string;
164
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
165
- "1": import("@vanilla-extract/private").CSSVarFunction;
166
- "2": import("@vanilla-extract/private").CSSVarFunction;
167
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
168
- "4": import("@vanilla-extract/private").CSSVarFunction;
169
- "6": import("@vanilla-extract/private").CSSVarFunction;
170
- "8": import("@vanilla-extract/private").CSSVarFunction;
171
- "10": import("@vanilla-extract/private").CSSVarFunction;
172
- "12": import("@vanilla-extract/private").CSSVarFunction;
173
- "14": import("@vanilla-extract/private").CSSVarFunction;
174
- "16": import("@vanilla-extract/private").CSSVarFunction;
175
- "18": import("@vanilla-extract/private").CSSVarFunction;
176
- "20": import("@vanilla-extract/private").CSSVarFunction;
166
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
176
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
178
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
179
  };
178
180
  name: "padding";
179
181
  vars: {
@@ -188,19 +190,19 @@ export declare const box: {
188
190
  };
189
191
  dynamicScale: {
190
192
  none: string;
191
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
192
- "1": import("@vanilla-extract/private").CSSVarFunction;
193
- "2": import("@vanilla-extract/private").CSSVarFunction;
194
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
195
- "4": import("@vanilla-extract/private").CSSVarFunction;
196
- "6": import("@vanilla-extract/private").CSSVarFunction;
197
- "8": import("@vanilla-extract/private").CSSVarFunction;
198
- "10": import("@vanilla-extract/private").CSSVarFunction;
199
- "12": import("@vanilla-extract/private").CSSVarFunction;
200
- "14": import("@vanilla-extract/private").CSSVarFunction;
201
- "16": import("@vanilla-extract/private").CSSVarFunction;
202
- "18": import("@vanilla-extract/private").CSSVarFunction;
203
- "20": import("@vanilla-extract/private").CSSVarFunction;
193
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
197
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
203
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
206
  };
205
207
  name: "paddingTop";
206
208
  vars: {
@@ -215,19 +217,19 @@ export declare const box: {
215
217
  };
216
218
  dynamicScale: {
217
219
  none: string;
218
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
219
- "1": import("@vanilla-extract/private").CSSVarFunction;
220
- "2": import("@vanilla-extract/private").CSSVarFunction;
221
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
222
- "4": import("@vanilla-extract/private").CSSVarFunction;
223
- "6": import("@vanilla-extract/private").CSSVarFunction;
224
- "8": import("@vanilla-extract/private").CSSVarFunction;
225
- "10": import("@vanilla-extract/private").CSSVarFunction;
226
- "12": import("@vanilla-extract/private").CSSVarFunction;
227
- "14": import("@vanilla-extract/private").CSSVarFunction;
228
- "16": import("@vanilla-extract/private").CSSVarFunction;
229
- "18": import("@vanilla-extract/private").CSSVarFunction;
230
- "20": import("@vanilla-extract/private").CSSVarFunction;
220
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
221
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
222
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
223
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
224
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
226
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
227
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
228
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
230
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
233
  };
232
234
  name: "paddingBottom";
233
235
  vars: {
@@ -242,19 +244,19 @@ export declare const box: {
242
244
  };
243
245
  dynamicScale: {
244
246
  none: string;
245
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
246
- "1": import("@vanilla-extract/private").CSSVarFunction;
247
- "2": import("@vanilla-extract/private").CSSVarFunction;
248
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
249
- "4": import("@vanilla-extract/private").CSSVarFunction;
250
- "6": import("@vanilla-extract/private").CSSVarFunction;
251
- "8": import("@vanilla-extract/private").CSSVarFunction;
252
- "10": import("@vanilla-extract/private").CSSVarFunction;
253
- "12": import("@vanilla-extract/private").CSSVarFunction;
254
- "14": import("@vanilla-extract/private").CSSVarFunction;
255
- "16": import("@vanilla-extract/private").CSSVarFunction;
256
- "18": import("@vanilla-extract/private").CSSVarFunction;
257
- "20": import("@vanilla-extract/private").CSSVarFunction;
247
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
248
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
249
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
250
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
251
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
252
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
253
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
254
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
255
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
256
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
257
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
258
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
259
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
258
260
  };
259
261
  name: "paddingLeft";
260
262
  vars: {
@@ -269,19 +271,19 @@ export declare const box: {
269
271
  };
270
272
  dynamicScale: {
271
273
  none: string;
272
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
273
- "1": import("@vanilla-extract/private").CSSVarFunction;
274
- "2": import("@vanilla-extract/private").CSSVarFunction;
275
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
276
- "4": import("@vanilla-extract/private").CSSVarFunction;
277
- "6": import("@vanilla-extract/private").CSSVarFunction;
278
- "8": import("@vanilla-extract/private").CSSVarFunction;
279
- "10": import("@vanilla-extract/private").CSSVarFunction;
280
- "12": import("@vanilla-extract/private").CSSVarFunction;
281
- "14": import("@vanilla-extract/private").CSSVarFunction;
282
- "16": import("@vanilla-extract/private").CSSVarFunction;
283
- "18": import("@vanilla-extract/private").CSSVarFunction;
284
- "20": import("@vanilla-extract/private").CSSVarFunction;
274
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
275
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
276
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
277
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
278
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
279
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
280
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
281
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
282
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
283
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
284
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
285
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
286
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
285
287
  };
286
288
  name: "paddingRight";
287
289
  vars: {
@@ -296,19 +298,19 @@ export declare const box: {
296
298
  };
297
299
  dynamicScale: {
298
300
  none: string;
299
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
300
- "1": import("@vanilla-extract/private").CSSVarFunction;
301
- "2": import("@vanilla-extract/private").CSSVarFunction;
302
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
303
- "4": import("@vanilla-extract/private").CSSVarFunction;
304
- "6": import("@vanilla-extract/private").CSSVarFunction;
305
- "8": import("@vanilla-extract/private").CSSVarFunction;
306
- "10": import("@vanilla-extract/private").CSSVarFunction;
307
- "12": import("@vanilla-extract/private").CSSVarFunction;
308
- "14": import("@vanilla-extract/private").CSSVarFunction;
309
- "16": import("@vanilla-extract/private").CSSVarFunction;
310
- "18": import("@vanilla-extract/private").CSSVarFunction;
311
- "20": import("@vanilla-extract/private").CSSVarFunction;
301
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
302
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
303
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
304
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
305
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
306
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
307
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
308
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
309
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
310
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
311
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
312
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
313
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
312
314
  };
313
315
  name: "margin";
314
316
  vars: {
@@ -323,19 +325,19 @@ export declare const box: {
323
325
  };
324
326
  dynamicScale: {
325
327
  none: string;
326
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
327
- "1": import("@vanilla-extract/private").CSSVarFunction;
328
- "2": import("@vanilla-extract/private").CSSVarFunction;
329
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
330
- "4": import("@vanilla-extract/private").CSSVarFunction;
331
- "6": import("@vanilla-extract/private").CSSVarFunction;
332
- "8": import("@vanilla-extract/private").CSSVarFunction;
333
- "10": import("@vanilla-extract/private").CSSVarFunction;
334
- "12": import("@vanilla-extract/private").CSSVarFunction;
335
- "14": import("@vanilla-extract/private").CSSVarFunction;
336
- "16": import("@vanilla-extract/private").CSSVarFunction;
337
- "18": import("@vanilla-extract/private").CSSVarFunction;
338
- "20": import("@vanilla-extract/private").CSSVarFunction;
328
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
329
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
330
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
331
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
332
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
333
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
334
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
335
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
336
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
337
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
340
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
341
  };
340
342
  name: "marginTop";
341
343
  vars: {
@@ -350,19 +352,19 @@ export declare const box: {
350
352
  };
351
353
  dynamicScale: {
352
354
  none: string;
353
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
354
- "1": import("@vanilla-extract/private").CSSVarFunction;
355
- "2": import("@vanilla-extract/private").CSSVarFunction;
356
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
357
- "4": import("@vanilla-extract/private").CSSVarFunction;
358
- "6": import("@vanilla-extract/private").CSSVarFunction;
359
- "8": import("@vanilla-extract/private").CSSVarFunction;
360
- "10": import("@vanilla-extract/private").CSSVarFunction;
361
- "12": import("@vanilla-extract/private").CSSVarFunction;
362
- "14": import("@vanilla-extract/private").CSSVarFunction;
363
- "16": import("@vanilla-extract/private").CSSVarFunction;
364
- "18": import("@vanilla-extract/private").CSSVarFunction;
365
- "20": import("@vanilla-extract/private").CSSVarFunction;
355
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
356
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
357
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
358
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
359
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
360
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
361
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
362
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
363
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
364
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
365
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
366
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
367
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
366
368
  };
367
369
  name: "marginBottom";
368
370
  vars: {
@@ -377,19 +379,19 @@ export declare const box: {
377
379
  };
378
380
  dynamicScale: {
379
381
  none: string;
380
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
381
- "1": import("@vanilla-extract/private").CSSVarFunction;
382
- "2": import("@vanilla-extract/private").CSSVarFunction;
383
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
384
- "4": import("@vanilla-extract/private").CSSVarFunction;
385
- "6": import("@vanilla-extract/private").CSSVarFunction;
386
- "8": import("@vanilla-extract/private").CSSVarFunction;
387
- "10": import("@vanilla-extract/private").CSSVarFunction;
388
- "12": import("@vanilla-extract/private").CSSVarFunction;
389
- "14": import("@vanilla-extract/private").CSSVarFunction;
390
- "16": import("@vanilla-extract/private").CSSVarFunction;
391
- "18": import("@vanilla-extract/private").CSSVarFunction;
392
- "20": import("@vanilla-extract/private").CSSVarFunction;
382
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
383
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
384
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
385
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
386
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
387
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
388
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
389
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
390
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
391
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
392
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
393
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
394
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
393
395
  };
394
396
  name: "marginLeft";
395
397
  vars: {
@@ -404,19 +406,19 @@ export declare const box: {
404
406
  };
405
407
  dynamicScale: {
406
408
  none: string;
407
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
408
- "1": import("@vanilla-extract/private").CSSVarFunction;
409
- "2": import("@vanilla-extract/private").CSSVarFunction;
410
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
411
- "4": import("@vanilla-extract/private").CSSVarFunction;
412
- "6": import("@vanilla-extract/private").CSSVarFunction;
413
- "8": import("@vanilla-extract/private").CSSVarFunction;
414
- "10": import("@vanilla-extract/private").CSSVarFunction;
415
- "12": import("@vanilla-extract/private").CSSVarFunction;
416
- "14": import("@vanilla-extract/private").CSSVarFunction;
417
- "16": import("@vanilla-extract/private").CSSVarFunction;
418
- "18": import("@vanilla-extract/private").CSSVarFunction;
419
- "20": import("@vanilla-extract/private").CSSVarFunction;
409
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
410
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
411
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
412
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
413
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
414
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
415
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
416
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
417
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
418
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
419
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
420
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
421
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
420
422
  };
421
423
  name: "marginRight";
422
424
  vars: {
@@ -491,61 +493,61 @@ export declare const box: {
491
493
  }]>;
492
494
  properties: {
493
495
  backgroundColor: {
494
- "primary.interactive": import("@vanilla-extract/private").CSSVarFunction;
495
- "primary.surface": import("@vanilla-extract/private").CSSVarFunction;
496
- "primary.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
497
- "primary.textLow": import("@vanilla-extract/private").CSSVarFunction;
498
- "success.interactive": import("@vanilla-extract/private").CSSVarFunction;
499
- "success.surface": import("@vanilla-extract/private").CSSVarFunction;
500
- "success.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
501
- "success.textLow": import("@vanilla-extract/private").CSSVarFunction;
502
- "warning.interactive": import("@vanilla-extract/private").CSSVarFunction;
503
- "warning.surface": import("@vanilla-extract/private").CSSVarFunction;
504
- "warning.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
505
- "warning.textLow": import("@vanilla-extract/private").CSSVarFunction;
506
- "danger.interactive": import("@vanilla-extract/private").CSSVarFunction;
507
- "danger.surface": import("@vanilla-extract/private").CSSVarFunction;
508
- "danger.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
509
- "danger.textLow": import("@vanilla-extract/private").CSSVarFunction;
510
- "neutral.background": import("@vanilla-extract/private").CSSVarFunction;
511
- "neutral.interactive": import("@vanilla-extract/private").CSSVarFunction;
512
- "neutral.surface": import("@vanilla-extract/private").CSSVarFunction;
513
- "neutral.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
514
- "neutral.textLow": import("@vanilla-extract/private").CSSVarFunction;
496
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
497
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
498
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
499
+ "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
500
+ "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
501
+ "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
502
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
503
+ "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
504
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
505
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
506
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
507
+ "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
508
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
509
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
510
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
511
+ "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
512
+ "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
513
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
514
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
515
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
516
+ "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
515
517
  };
516
518
  borderColor: {
517
- "primary.interactive": import("@vanilla-extract/private").CSSVarFunction;
518
- "primary.surface": import("@vanilla-extract/private").CSSVarFunction;
519
- "primary.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
520
- "success.interactive": import("@vanilla-extract/private").CSSVarFunction;
521
- "success.surface": import("@vanilla-extract/private").CSSVarFunction;
522
- "success.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
523
- "warning.interactive": import("@vanilla-extract/private").CSSVarFunction;
524
- "warning.surface": import("@vanilla-extract/private").CSSVarFunction;
525
- "warning.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
526
- "danger.interactive": import("@vanilla-extract/private").CSSVarFunction;
527
- "danger.surface": import("@vanilla-extract/private").CSSVarFunction;
528
- "danger.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
529
- "neutral.interactive": import("@vanilla-extract/private").CSSVarFunction;
530
- "neutral.surface": import("@vanilla-extract/private").CSSVarFunction;
531
- "neutral.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
519
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
520
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
521
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
522
+ "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
523
+ "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
524
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
525
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
526
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
527
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
528
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
529
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
530
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
531
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
532
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
533
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
532
534
  };
533
- borderStyle: ("solid" | "none" | "hidden" | "dashed" | "dotted")[];
535
+ borderStyle: ("none" | "solid" | "hidden" | "dashed" | "dotted")[];
534
536
  space: {
535
537
  none: string;
536
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
537
- "1": import("@vanilla-extract/private").CSSVarFunction;
538
- "2": import("@vanilla-extract/private").CSSVarFunction;
539
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
540
- "4": import("@vanilla-extract/private").CSSVarFunction;
541
- "6": import("@vanilla-extract/private").CSSVarFunction;
542
- "8": import("@vanilla-extract/private").CSSVarFunction;
543
- "10": import("@vanilla-extract/private").CSSVarFunction;
544
- "12": import("@vanilla-extract/private").CSSVarFunction;
545
- "14": import("@vanilla-extract/private").CSSVarFunction;
546
- "16": import("@vanilla-extract/private").CSSVarFunction;
547
- "18": import("@vanilla-extract/private").CSSVarFunction;
548
- "20": import("@vanilla-extract/private").CSSVarFunction;
538
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
539
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
540
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
541
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
542
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
543
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
544
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
545
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
546
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
547
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
548
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
549
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
550
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
549
551
  };
550
552
  cursor: ("auto" | "pointer")[];
551
553
  };