@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/box.sprinkle.css.d.ts CHANGED
@@ -1,72 +1,72 @@
1
1
  declare type BorderStyle = "solid" | "none" | "hidden" | "dashed" | "dotted";
2
2
  declare type Cursor = "auto" | "pointer";
3
3
  export declare const backgroundColorProperties: {
4
- "primary.interactive": import("@vanilla-extract/private").CSSVarFunction;
5
- "primary.surface": import("@vanilla-extract/private").CSSVarFunction;
6
- "primary.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
7
- "primary.textLow": import("@vanilla-extract/private").CSSVarFunction;
8
- "success.interactive": import("@vanilla-extract/private").CSSVarFunction;
9
- "success.surface": import("@vanilla-extract/private").CSSVarFunction;
10
- "success.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
11
- "success.textLow": import("@vanilla-extract/private").CSSVarFunction;
12
- "warning.interactive": import("@vanilla-extract/private").CSSVarFunction;
13
- "warning.surface": import("@vanilla-extract/private").CSSVarFunction;
14
- "warning.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
15
- "warning.textLow": import("@vanilla-extract/private").CSSVarFunction;
16
- "danger.interactive": import("@vanilla-extract/private").CSSVarFunction;
17
- "danger.surface": import("@vanilla-extract/private").CSSVarFunction;
18
- "danger.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
19
- "danger.textLow": import("@vanilla-extract/private").CSSVarFunction;
20
- "neutral.background": import("@vanilla-extract/private").CSSVarFunction;
21
- "neutral.interactive": import("@vanilla-extract/private").CSSVarFunction;
22
- "neutral.surface": import("@vanilla-extract/private").CSSVarFunction;
23
- "neutral.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
24
- "neutral.textLow": import("@vanilla-extract/private").CSSVarFunction;
4
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9
+ "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
10
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
+ "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
+ "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
+ "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
25
  };
26
26
  export declare const borderColorProperties: {
27
- "primary.interactive": import("@vanilla-extract/private").CSSVarFunction;
28
- "primary.surface": import("@vanilla-extract/private").CSSVarFunction;
29
- "primary.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
30
- "success.interactive": import("@vanilla-extract/private").CSSVarFunction;
31
- "success.surface": import("@vanilla-extract/private").CSSVarFunction;
32
- "success.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
33
- "warning.interactive": import("@vanilla-extract/private").CSSVarFunction;
34
- "warning.surface": import("@vanilla-extract/private").CSSVarFunction;
35
- "warning.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
36
- "danger.interactive": import("@vanilla-extract/private").CSSVarFunction;
37
- "danger.surface": import("@vanilla-extract/private").CSSVarFunction;
38
- "danger.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
39
- "neutral.interactive": import("@vanilla-extract/private").CSSVarFunction;
40
- "neutral.surface": import("@vanilla-extract/private").CSSVarFunction;
41
- "neutral.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
27
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
42
  };
43
43
  export declare const borderStyleProperties: BorderStyle[];
44
44
  export declare const cursorProperties: Cursor[];
45
45
  export declare const spaceProperties: {
46
46
  none: string;
47
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
48
- "1": import("@vanilla-extract/private").CSSVarFunction;
49
- "2": import("@vanilla-extract/private").CSSVarFunction;
50
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
51
- "4": import("@vanilla-extract/private").CSSVarFunction;
52
- "6": import("@vanilla-extract/private").CSSVarFunction;
53
- "8": import("@vanilla-extract/private").CSSVarFunction;
54
- "10": import("@vanilla-extract/private").CSSVarFunction;
55
- "12": import("@vanilla-extract/private").CSSVarFunction;
56
- "14": import("@vanilla-extract/private").CSSVarFunction;
57
- "16": import("@vanilla-extract/private").CSSVarFunction;
58
- "18": import("@vanilla-extract/private").CSSVarFunction;
59
- "20": import("@vanilla-extract/private").CSSVarFunction;
47
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
60
  };
61
- export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRainbowSprinkles").SprinklesFn<[{
61
+ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
62
62
  config: {
63
63
  borderStyle: {
64
64
  values: {
65
- solid: {
65
+ none: {
66
66
  default: string;
67
67
  conditions: Record<"xs" | "md" | "lg", string>;
68
68
  };
69
- none: {
69
+ solid: {
70
70
  default: string;
71
71
  conditions: Record<"xs" | "md" | "lg", string>;
72
72
  };
@@ -157,27 +157,27 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
157
157
  conditions: Record<"xs" | "md" | "lg", string>;
158
158
  };
159
159
  dynamicScale: {
160
- "primary.interactive": import("@vanilla-extract/private").CSSVarFunction;
161
- "primary.surface": import("@vanilla-extract/private").CSSVarFunction;
162
- "primary.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
163
- "primary.textLow": import("@vanilla-extract/private").CSSVarFunction;
164
- "success.interactive": import("@vanilla-extract/private").CSSVarFunction;
165
- "success.surface": import("@vanilla-extract/private").CSSVarFunction;
166
- "success.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
167
- "success.textLow": import("@vanilla-extract/private").CSSVarFunction;
168
- "warning.interactive": import("@vanilla-extract/private").CSSVarFunction;
169
- "warning.surface": import("@vanilla-extract/private").CSSVarFunction;
170
- "warning.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
171
- "warning.textLow": import("@vanilla-extract/private").CSSVarFunction;
172
- "danger.interactive": import("@vanilla-extract/private").CSSVarFunction;
173
- "danger.surface": import("@vanilla-extract/private").CSSVarFunction;
174
- "danger.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
175
- "danger.textLow": import("@vanilla-extract/private").CSSVarFunction;
176
- "neutral.background": import("@vanilla-extract/private").CSSVarFunction;
177
- "neutral.interactive": import("@vanilla-extract/private").CSSVarFunction;
178
- "neutral.surface": import("@vanilla-extract/private").CSSVarFunction;
179
- "neutral.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
180
- "neutral.textLow": import("@vanilla-extract/private").CSSVarFunction;
160
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
+ "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
+ "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
165
+ "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
166
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
167
+ "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
170
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
+ "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
+ "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
176
+ "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
178
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
179
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
+ "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
181
181
  };
182
182
  name: "backgroundColor";
183
183
  vars: {
@@ -191,21 +191,21 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
191
191
  conditions: Record<"xs" | "md" | "lg", string>;
192
192
  };
193
193
  dynamicScale: {
194
- "primary.interactive": import("@vanilla-extract/private").CSSVarFunction;
195
- "primary.surface": import("@vanilla-extract/private").CSSVarFunction;
196
- "primary.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
197
- "success.interactive": import("@vanilla-extract/private").CSSVarFunction;
198
- "success.surface": import("@vanilla-extract/private").CSSVarFunction;
199
- "success.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
200
- "warning.interactive": import("@vanilla-extract/private").CSSVarFunction;
201
- "warning.surface": import("@vanilla-extract/private").CSSVarFunction;
202
- "warning.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
203
- "danger.interactive": import("@vanilla-extract/private").CSSVarFunction;
204
- "danger.surface": import("@vanilla-extract/private").CSSVarFunction;
205
- "danger.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
206
- "neutral.interactive": import("@vanilla-extract/private").CSSVarFunction;
207
- "neutral.surface": import("@vanilla-extract/private").CSSVarFunction;
208
- "neutral.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
194
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
197
+ "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
+ "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
203
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
208
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
209
209
  };
210
210
  name: "borderColor";
211
211
  vars: {
@@ -220,19 +220,19 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
220
220
  };
221
221
  dynamicScale: {
222
222
  none: string;
223
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
224
- "1": import("@vanilla-extract/private").CSSVarFunction;
225
- "2": import("@vanilla-extract/private").CSSVarFunction;
226
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
227
- "4": import("@vanilla-extract/private").CSSVarFunction;
228
- "6": import("@vanilla-extract/private").CSSVarFunction;
229
- "8": import("@vanilla-extract/private").CSSVarFunction;
230
- "10": import("@vanilla-extract/private").CSSVarFunction;
231
- "12": import("@vanilla-extract/private").CSSVarFunction;
232
- "14": import("@vanilla-extract/private").CSSVarFunction;
233
- "16": import("@vanilla-extract/private").CSSVarFunction;
234
- "18": import("@vanilla-extract/private").CSSVarFunction;
235
- "20": import("@vanilla-extract/private").CSSVarFunction;
223
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
224
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
226
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
227
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
228
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
230
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
235
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
236
236
  };
237
237
  name: "padding";
238
238
  vars: {
@@ -247,19 +247,19 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
247
247
  };
248
248
  dynamicScale: {
249
249
  none: string;
250
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
251
- "1": import("@vanilla-extract/private").CSSVarFunction;
252
- "2": import("@vanilla-extract/private").CSSVarFunction;
253
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
254
- "4": import("@vanilla-extract/private").CSSVarFunction;
255
- "6": import("@vanilla-extract/private").CSSVarFunction;
256
- "8": import("@vanilla-extract/private").CSSVarFunction;
257
- "10": import("@vanilla-extract/private").CSSVarFunction;
258
- "12": import("@vanilla-extract/private").CSSVarFunction;
259
- "14": import("@vanilla-extract/private").CSSVarFunction;
260
- "16": import("@vanilla-extract/private").CSSVarFunction;
261
- "18": import("@vanilla-extract/private").CSSVarFunction;
262
- "20": import("@vanilla-extract/private").CSSVarFunction;
250
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
251
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
252
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
253
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
254
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
255
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
256
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
257
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
258
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
259
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
260
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
261
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
262
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
263
263
  };
264
264
  name: "paddingTop";
265
265
  vars: {
@@ -274,19 +274,19 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
274
274
  };
275
275
  dynamicScale: {
276
276
  none: string;
277
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
278
- "1": import("@vanilla-extract/private").CSSVarFunction;
279
- "2": import("@vanilla-extract/private").CSSVarFunction;
280
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
281
- "4": import("@vanilla-extract/private").CSSVarFunction;
282
- "6": import("@vanilla-extract/private").CSSVarFunction;
283
- "8": import("@vanilla-extract/private").CSSVarFunction;
284
- "10": import("@vanilla-extract/private").CSSVarFunction;
285
- "12": import("@vanilla-extract/private").CSSVarFunction;
286
- "14": import("@vanilla-extract/private").CSSVarFunction;
287
- "16": import("@vanilla-extract/private").CSSVarFunction;
288
- "18": import("@vanilla-extract/private").CSSVarFunction;
289
- "20": import("@vanilla-extract/private").CSSVarFunction;
277
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
278
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
279
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
280
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
281
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
282
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
283
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
284
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
285
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
286
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
287
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
288
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
289
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
290
290
  };
291
291
  name: "paddingBottom";
292
292
  vars: {
@@ -301,19 +301,19 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
301
301
  };
302
302
  dynamicScale: {
303
303
  none: string;
304
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
305
- "1": import("@vanilla-extract/private").CSSVarFunction;
306
- "2": import("@vanilla-extract/private").CSSVarFunction;
307
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
308
- "4": import("@vanilla-extract/private").CSSVarFunction;
309
- "6": import("@vanilla-extract/private").CSSVarFunction;
310
- "8": import("@vanilla-extract/private").CSSVarFunction;
311
- "10": import("@vanilla-extract/private").CSSVarFunction;
312
- "12": import("@vanilla-extract/private").CSSVarFunction;
313
- "14": import("@vanilla-extract/private").CSSVarFunction;
314
- "16": import("@vanilla-extract/private").CSSVarFunction;
315
- "18": import("@vanilla-extract/private").CSSVarFunction;
316
- "20": import("@vanilla-extract/private").CSSVarFunction;
304
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
305
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
306
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
307
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
308
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
309
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
310
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
311
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
312
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
313
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
314
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
315
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
316
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
317
317
  };
318
318
  name: "paddingLeft";
319
319
  vars: {
@@ -328,19 +328,19 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
328
328
  };
329
329
  dynamicScale: {
330
330
  none: string;
331
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
332
- "1": import("@vanilla-extract/private").CSSVarFunction;
333
- "2": import("@vanilla-extract/private").CSSVarFunction;
334
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
335
- "4": import("@vanilla-extract/private").CSSVarFunction;
336
- "6": import("@vanilla-extract/private").CSSVarFunction;
337
- "8": import("@vanilla-extract/private").CSSVarFunction;
338
- "10": import("@vanilla-extract/private").CSSVarFunction;
339
- "12": import("@vanilla-extract/private").CSSVarFunction;
340
- "14": import("@vanilla-extract/private").CSSVarFunction;
341
- "16": import("@vanilla-extract/private").CSSVarFunction;
342
- "18": import("@vanilla-extract/private").CSSVarFunction;
343
- "20": import("@vanilla-extract/private").CSSVarFunction;
331
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
332
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
333
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
334
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
335
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
336
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
337
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
340
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
342
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
343
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
344
344
  };
345
345
  name: "paddingRight";
346
346
  vars: {
@@ -355,19 +355,19 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
355
355
  };
356
356
  dynamicScale: {
357
357
  none: string;
358
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
359
- "1": import("@vanilla-extract/private").CSSVarFunction;
360
- "2": import("@vanilla-extract/private").CSSVarFunction;
361
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
362
- "4": import("@vanilla-extract/private").CSSVarFunction;
363
- "6": import("@vanilla-extract/private").CSSVarFunction;
364
- "8": import("@vanilla-extract/private").CSSVarFunction;
365
- "10": import("@vanilla-extract/private").CSSVarFunction;
366
- "12": import("@vanilla-extract/private").CSSVarFunction;
367
- "14": import("@vanilla-extract/private").CSSVarFunction;
368
- "16": import("@vanilla-extract/private").CSSVarFunction;
369
- "18": import("@vanilla-extract/private").CSSVarFunction;
370
- "20": import("@vanilla-extract/private").CSSVarFunction;
358
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
359
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
360
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
361
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
362
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
363
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
364
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
365
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
366
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
367
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
368
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
369
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
370
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
371
371
  };
372
372
  name: "margin";
373
373
  vars: {
@@ -382,19 +382,19 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
382
382
  };
383
383
  dynamicScale: {
384
384
  none: string;
385
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
386
- "1": import("@vanilla-extract/private").CSSVarFunction;
387
- "2": import("@vanilla-extract/private").CSSVarFunction;
388
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
389
- "4": import("@vanilla-extract/private").CSSVarFunction;
390
- "6": import("@vanilla-extract/private").CSSVarFunction;
391
- "8": import("@vanilla-extract/private").CSSVarFunction;
392
- "10": import("@vanilla-extract/private").CSSVarFunction;
393
- "12": import("@vanilla-extract/private").CSSVarFunction;
394
- "14": import("@vanilla-extract/private").CSSVarFunction;
395
- "16": import("@vanilla-extract/private").CSSVarFunction;
396
- "18": import("@vanilla-extract/private").CSSVarFunction;
397
- "20": import("@vanilla-extract/private").CSSVarFunction;
385
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
386
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
387
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
388
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
389
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
390
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
391
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
392
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
393
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
394
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
395
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
396
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
397
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
398
398
  };
399
399
  name: "marginTop";
400
400
  vars: {
@@ -409,19 +409,19 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
409
409
  };
410
410
  dynamicScale: {
411
411
  none: string;
412
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
413
- "1": import("@vanilla-extract/private").CSSVarFunction;
414
- "2": import("@vanilla-extract/private").CSSVarFunction;
415
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
416
- "4": import("@vanilla-extract/private").CSSVarFunction;
417
- "6": import("@vanilla-extract/private").CSSVarFunction;
418
- "8": import("@vanilla-extract/private").CSSVarFunction;
419
- "10": import("@vanilla-extract/private").CSSVarFunction;
420
- "12": import("@vanilla-extract/private").CSSVarFunction;
421
- "14": import("@vanilla-extract/private").CSSVarFunction;
422
- "16": import("@vanilla-extract/private").CSSVarFunction;
423
- "18": import("@vanilla-extract/private").CSSVarFunction;
424
- "20": import("@vanilla-extract/private").CSSVarFunction;
412
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
413
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
414
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
415
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
416
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
417
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
418
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
419
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
420
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
421
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
422
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
423
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
424
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
425
425
  };
426
426
  name: "marginBottom";
427
427
  vars: {
@@ -436,19 +436,19 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
436
436
  };
437
437
  dynamicScale: {
438
438
  none: string;
439
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
440
- "1": import("@vanilla-extract/private").CSSVarFunction;
441
- "2": import("@vanilla-extract/private").CSSVarFunction;
442
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
443
- "4": import("@vanilla-extract/private").CSSVarFunction;
444
- "6": import("@vanilla-extract/private").CSSVarFunction;
445
- "8": import("@vanilla-extract/private").CSSVarFunction;
446
- "10": import("@vanilla-extract/private").CSSVarFunction;
447
- "12": import("@vanilla-extract/private").CSSVarFunction;
448
- "14": import("@vanilla-extract/private").CSSVarFunction;
449
- "16": import("@vanilla-extract/private").CSSVarFunction;
450
- "18": import("@vanilla-extract/private").CSSVarFunction;
451
- "20": import("@vanilla-extract/private").CSSVarFunction;
439
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
440
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
441
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
442
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
443
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
444
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
445
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
446
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
447
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
448
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
449
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
450
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
451
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
452
452
  };
453
453
  name: "marginLeft";
454
454
  vars: {
@@ -463,19 +463,19 @@ export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/c
463
463
  };
464
464
  dynamicScale: {
465
465
  none: string;
466
- "0,5": import("@vanilla-extract/private").CSSVarFunction;
467
- "1": import("@vanilla-extract/private").CSSVarFunction;
468
- "2": import("@vanilla-extract/private").CSSVarFunction;
469
- "2,5": import("@vanilla-extract/private").CSSVarFunction;
470
- "4": import("@vanilla-extract/private").CSSVarFunction;
471
- "6": import("@vanilla-extract/private").CSSVarFunction;
472
- "8": import("@vanilla-extract/private").CSSVarFunction;
473
- "10": import("@vanilla-extract/private").CSSVarFunction;
474
- "12": import("@vanilla-extract/private").CSSVarFunction;
475
- "14": import("@vanilla-extract/private").CSSVarFunction;
476
- "16": import("@vanilla-extract/private").CSSVarFunction;
477
- "18": import("@vanilla-extract/private").CSSVarFunction;
478
- "20": import("@vanilla-extract/private").CSSVarFunction;
466
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
467
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
468
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
469
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
470
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
471
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
472
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
473
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
474
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
475
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
476
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
477
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
478
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
479
479
  };
480
480
  name: "marginRight";
481
481
  vars: {
package/dist/packages/box/box.style.css.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const container: string;