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