@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/sprinkles/colors.css.d.ts CHANGED
@@ -1,323 +1,88 @@
1
1
  export declare const properties: {
2
- "primary.surface": import("@vanilla-extract/private").CSSVarFunction;
3
- "primary.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
4
- "primary.interactive": import("@vanilla-extract/private").CSSVarFunction;
5
- "primary.interactiveHover": import("@vanilla-extract/private").CSSVarFunction;
6
- "primary.interactivePressed": import("@vanilla-extract/private").CSSVarFunction;
7
- "primary.textLow": import("@vanilla-extract/private").CSSVarFunction;
8
- "primary.textHigh": import("@vanilla-extract/private").CSSVarFunction;
9
- "success.surface": import("@vanilla-extract/private").CSSVarFunction;
10
- "success.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
11
- "success.interactive": import("@vanilla-extract/private").CSSVarFunction;
12
- "success.interactiveHover": import("@vanilla-extract/private").CSSVarFunction;
13
- "success.interactivePressed": import("@vanilla-extract/private").CSSVarFunction;
14
- "success.textLow": import("@vanilla-extract/private").CSSVarFunction;
15
- "success.textHigh": import("@vanilla-extract/private").CSSVarFunction;
16
- "warning.surface": import("@vanilla-extract/private").CSSVarFunction;
17
- "warning.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
18
- "warning.interactive": import("@vanilla-extract/private").CSSVarFunction;
19
- "warning.interactiveHover": import("@vanilla-extract/private").CSSVarFunction;
20
- "warning.interactivePressed": import("@vanilla-extract/private").CSSVarFunction;
21
- "warning.textLow": import("@vanilla-extract/private").CSSVarFunction;
22
- "warning.textHigh": import("@vanilla-extract/private").CSSVarFunction;
23
- "danger.surface": import("@vanilla-extract/private").CSSVarFunction;
24
- "danger.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
25
- "danger.interactive": import("@vanilla-extract/private").CSSVarFunction;
26
- "danger.interactiveHover": import("@vanilla-extract/private").CSSVarFunction;
27
- "danger.interactivePressed": import("@vanilla-extract/private").CSSVarFunction;
28
- "danger.textLow": import("@vanilla-extract/private").CSSVarFunction;
29
- "danger.textHigh": import("@vanilla-extract/private").CSSVarFunction;
30
- "neutral.background": import("@vanilla-extract/private").CSSVarFunction;
31
- "neutral.surface": import("@vanilla-extract/private").CSSVarFunction;
32
- "neutral.surfaceDisabled": import("@vanilla-extract/private").CSSVarFunction;
33
- "neutral.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
34
- "neutral.interactive": import("@vanilla-extract/private").CSSVarFunction;
35
- "neutral.interactiveHover": import("@vanilla-extract/private").CSSVarFunction;
36
- "neutral.interactivePressed": import("@vanilla-extract/private").CSSVarFunction;
37
- "neutral.textDisabled": import("@vanilla-extract/private").CSSVarFunction;
38
- "neutral.textLow": import("@vanilla-extract/private").CSSVarFunction;
39
- "neutral.textHigh": import("@vanilla-extract/private").CSSVarFunction;
2
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
+ "primary.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
+ "primary.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
+ "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
+ "primary.textHigh": `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.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
+ "success.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
13
+ "success.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
14
+ "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
+ "success.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
18
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
19
+ "warning.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
+ "warning.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
+ "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
+ "warning.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
+ "danger.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ "danger.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ "danger.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ "neutral.surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ "neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ "neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ "neutral.textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ "neutral.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
40
  };
41
41
  export declare const colors: {
42
- sprinkle: import("@vanilla-extract/sprinkles/dist/declarations/src/createSprinkles").SprinklesFn<[{
43
- conditions: never;
44
- styles: {
45
- color: {
46
- values: {
47
- "primary.surface": {
48
- defaultClass: string;
49
- };
50
- "primary.surfaceHighlight": {
51
- defaultClass: string;
52
- };
53
- "primary.interactive": {
54
- defaultClass: string;
55
- };
56
- "primary.interactiveHover": {
57
- defaultClass: string;
58
- };
59
- "primary.interactivePressed": {
60
- defaultClass: string;
61
- };
62
- "primary.textLow": {
63
- defaultClass: string;
64
- };
65
- "primary.textHigh": {
66
- defaultClass: string;
67
- };
68
- "success.surface": {
69
- defaultClass: string;
70
- };
71
- "success.surfaceHighlight": {
72
- defaultClass: string;
73
- };
74
- "success.interactive": {
75
- defaultClass: string;
76
- };
77
- "success.interactiveHover": {
78
- defaultClass: string;
79
- };
80
- "success.interactivePressed": {
81
- defaultClass: string;
82
- };
83
- "success.textLow": {
84
- defaultClass: string;
85
- };
86
- "success.textHigh": {
87
- defaultClass: string;
88
- };
89
- "warning.surface": {
90
- defaultClass: string;
91
- };
92
- "warning.surfaceHighlight": {
93
- defaultClass: string;
94
- };
95
- "warning.interactive": {
96
- defaultClass: string;
97
- };
98
- "warning.interactiveHover": {
99
- defaultClass: string;
100
- };
101
- "warning.interactivePressed": {
102
- defaultClass: string;
103
- };
104
- "warning.textLow": {
105
- defaultClass: string;
106
- };
107
- "warning.textHigh": {
108
- defaultClass: string;
109
- };
110
- "danger.surface": {
111
- defaultClass: string;
112
- };
113
- "danger.surfaceHighlight": {
114
- defaultClass: string;
115
- };
116
- "danger.interactive": {
117
- defaultClass: string;
118
- };
119
- "danger.interactiveHover": {
120
- defaultClass: string;
121
- };
122
- "danger.interactivePressed": {
123
- defaultClass: string;
124
- };
125
- "danger.textLow": {
126
- defaultClass: string;
127
- };
128
- "danger.textHigh": {
129
- defaultClass: string;
130
- };
131
- "neutral.background": {
132
- defaultClass: string;
133
- };
134
- "neutral.surface": {
135
- defaultClass: string;
136
- };
137
- "neutral.surfaceDisabled": {
138
- defaultClass: string;
139
- };
140
- "neutral.surfaceHighlight": {
141
- defaultClass: string;
142
- };
143
- "neutral.interactive": {
144
- defaultClass: string;
145
- };
146
- "neutral.interactiveHover": {
147
- defaultClass: string;
148
- };
149
- "neutral.interactivePressed": {
150
- defaultClass: string;
151
- };
152
- "neutral.textDisabled": {
153
- defaultClass: string;
154
- };
155
- "neutral.textLow": {
156
- defaultClass: string;
157
- };
158
- "neutral.textHigh": {
159
- defaultClass: string;
160
- };
161
- };
162
- };
163
- backgroundColor: {
164
- values: {
165
- "primary.surface": {
166
- defaultClass: string;
167
- };
168
- "primary.surfaceHighlight": {
169
- defaultClass: string;
170
- };
171
- "primary.interactive": {
172
- defaultClass: string;
173
- };
174
- "primary.interactiveHover": {
175
- defaultClass: string;
176
- };
177
- "primary.interactivePressed": {
178
- defaultClass: string;
179
- };
180
- "primary.textLow": {
181
- defaultClass: string;
182
- };
183
- "primary.textHigh": {
184
- defaultClass: string;
185
- };
186
- "success.surface": {
187
- defaultClass: string;
188
- };
189
- "success.surfaceHighlight": {
190
- defaultClass: string;
191
- };
192
- "success.interactive": {
193
- defaultClass: string;
194
- };
195
- "success.interactiveHover": {
196
- defaultClass: string;
197
- };
198
- "success.interactivePressed": {
199
- defaultClass: string;
200
- };
201
- "success.textLow": {
202
- defaultClass: string;
203
- };
204
- "success.textHigh": {
205
- defaultClass: string;
206
- };
207
- "warning.surface": {
208
- defaultClass: string;
209
- };
210
- "warning.surfaceHighlight": {
211
- defaultClass: string;
212
- };
213
- "warning.interactive": {
214
- defaultClass: string;
215
- };
216
- "warning.interactiveHover": {
217
- defaultClass: string;
218
- };
219
- "warning.interactivePressed": {
220
- defaultClass: string;
221
- };
222
- "warning.textLow": {
223
- defaultClass: string;
224
- };
225
- "warning.textHigh": {
226
- defaultClass: string;
227
- };
228
- "danger.surface": {
229
- defaultClass: string;
230
- };
231
- "danger.surfaceHighlight": {
232
- defaultClass: string;
233
- };
234
- "danger.interactive": {
235
- defaultClass: string;
236
- };
237
- "danger.interactiveHover": {
238
- defaultClass: string;
239
- };
240
- "danger.interactivePressed": {
241
- defaultClass: string;
242
- };
243
- "danger.textLow": {
244
- defaultClass: string;
245
- };
246
- "danger.textHigh": {
247
- defaultClass: string;
248
- };
249
- "neutral.background": {
250
- defaultClass: string;
251
- };
252
- "neutral.surface": {
253
- defaultClass: string;
254
- };
255
- "neutral.surfaceDisabled": {
256
- defaultClass: string;
257
- };
258
- "neutral.surfaceHighlight": {
259
- defaultClass: string;
260
- };
261
- "neutral.interactive": {
262
- defaultClass: string;
263
- };
264
- "neutral.interactiveHover": {
265
- defaultClass: string;
266
- };
267
- "neutral.interactivePressed": {
268
- defaultClass: string;
269
- };
270
- "neutral.textDisabled": {
271
- defaultClass: string;
272
- };
273
- "neutral.textLow": {
274
- defaultClass: string;
275
- };
276
- "neutral.textHigh": {
277
- defaultClass: string;
278
- };
279
- };
280
- };
281
- };
282
- }]>;
42
+ sprinkle: ((props: {
43
+ color?: "primary.surface" | "primary.surfaceHighlight" | "primary.interactive" | "primary.interactiveHover" | "primary.interactivePressed" | "primary.textLow" | "primary.textHigh" | "success.surface" | "success.surfaceHighlight" | "success.interactive" | "success.interactiveHover" | "success.interactivePressed" | "success.textLow" | "success.textHigh" | "warning.surface" | "warning.surfaceHighlight" | "warning.interactive" | "warning.interactiveHover" | "warning.interactivePressed" | "warning.textLow" | "warning.textHigh" | "danger.surface" | "danger.surfaceHighlight" | "danger.interactive" | "danger.interactiveHover" | "danger.interactivePressed" | "danger.textLow" | "danger.textHigh" | "neutral.background" | "neutral.surface" | "neutral.surfaceDisabled" | "neutral.surfaceHighlight" | "neutral.interactive" | "neutral.interactiveHover" | "neutral.interactivePressed" | "neutral.textDisabled" | "neutral.textLow" | "neutral.textHigh" | undefined;
44
+ backgroundColor?: "primary.surface" | "primary.surfaceHighlight" | "primary.interactive" | "primary.interactiveHover" | "primary.interactivePressed" | "primary.textLow" | "primary.textHigh" | "success.surface" | "success.surfaceHighlight" | "success.interactive" | "success.interactiveHover" | "success.interactivePressed" | "success.textLow" | "success.textHigh" | "warning.surface" | "warning.surfaceHighlight" | "warning.interactive" | "warning.interactiveHover" | "warning.interactivePressed" | "warning.textLow" | "warning.textHigh" | "danger.surface" | "danger.surfaceHighlight" | "danger.interactive" | "danger.interactiveHover" | "danger.interactivePressed" | "danger.textLow" | "danger.textHigh" | "neutral.background" | "neutral.surface" | "neutral.surfaceDisabled" | "neutral.surfaceHighlight" | "neutral.interactive" | "neutral.interactiveHover" | "neutral.interactivePressed" | "neutral.textDisabled" | "neutral.textLow" | "neutral.textHigh" | undefined;
45
+ }) => string) & {
46
+ properties: Set<"backgroundColor" | "color">;
47
+ };
283
48
  properties: {
284
- "primary.surface": import("@vanilla-extract/private").CSSVarFunction;
285
- "primary.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
286
- "primary.interactive": import("@vanilla-extract/private").CSSVarFunction;
287
- "primary.interactiveHover": import("@vanilla-extract/private").CSSVarFunction;
288
- "primary.interactivePressed": import("@vanilla-extract/private").CSSVarFunction;
289
- "primary.textLow": import("@vanilla-extract/private").CSSVarFunction;
290
- "primary.textHigh": import("@vanilla-extract/private").CSSVarFunction;
291
- "success.surface": import("@vanilla-extract/private").CSSVarFunction;
292
- "success.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
293
- "success.interactive": import("@vanilla-extract/private").CSSVarFunction;
294
- "success.interactiveHover": import("@vanilla-extract/private").CSSVarFunction;
295
- "success.interactivePressed": import("@vanilla-extract/private").CSSVarFunction;
296
- "success.textLow": import("@vanilla-extract/private").CSSVarFunction;
297
- "success.textHigh": import("@vanilla-extract/private").CSSVarFunction;
298
- "warning.surface": import("@vanilla-extract/private").CSSVarFunction;
299
- "warning.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
300
- "warning.interactive": import("@vanilla-extract/private").CSSVarFunction;
301
- "warning.interactiveHover": import("@vanilla-extract/private").CSSVarFunction;
302
- "warning.interactivePressed": import("@vanilla-extract/private").CSSVarFunction;
303
- "warning.textLow": import("@vanilla-extract/private").CSSVarFunction;
304
- "warning.textHigh": import("@vanilla-extract/private").CSSVarFunction;
305
- "danger.surface": import("@vanilla-extract/private").CSSVarFunction;
306
- "danger.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
307
- "danger.interactive": import("@vanilla-extract/private").CSSVarFunction;
308
- "danger.interactiveHover": import("@vanilla-extract/private").CSSVarFunction;
309
- "danger.interactivePressed": import("@vanilla-extract/private").CSSVarFunction;
310
- "danger.textLow": import("@vanilla-extract/private").CSSVarFunction;
311
- "danger.textHigh": import("@vanilla-extract/private").CSSVarFunction;
312
- "neutral.background": import("@vanilla-extract/private").CSSVarFunction;
313
- "neutral.surface": import("@vanilla-extract/private").CSSVarFunction;
314
- "neutral.surfaceDisabled": import("@vanilla-extract/private").CSSVarFunction;
315
- "neutral.surfaceHighlight": import("@vanilla-extract/private").CSSVarFunction;
316
- "neutral.interactive": import("@vanilla-extract/private").CSSVarFunction;
317
- "neutral.interactiveHover": import("@vanilla-extract/private").CSSVarFunction;
318
- "neutral.interactivePressed": import("@vanilla-extract/private").CSSVarFunction;
319
- "neutral.textDisabled": import("@vanilla-extract/private").CSSVarFunction;
320
- "neutral.textLow": import("@vanilla-extract/private").CSSVarFunction;
321
- "neutral.textHigh": import("@vanilla-extract/private").CSSVarFunction;
49
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
+ "primary.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
+ "primary.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
+ "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
+ "primary.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
+ "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
+ "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
+ "success.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
+ "success.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
+ "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
+ "success.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
+ "warning.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
67
+ "warning.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
68
+ "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
+ "warning.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
71
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
72
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
73
+ "danger.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
74
+ "danger.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
75
+ "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
+ "danger.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
+ "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
78
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
79
+ "neutral.surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
80
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
81
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
+ "neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
+ "neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
+ "neutral.textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
85
+ "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
+ "neutral.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
322
87
  };
323
88
  };
package/dist/sprinkles/textAlign.css.d.ts CHANGED
@@ -5,27 +5,11 @@ export declare const properties: {
5
5
  readonly justify: "justify";
6
6
  };
7
7
  export declare const textAlign: {
8
- sprinkle: import("@vanilla-extract/sprinkles/dist/declarations/src/createSprinkles").SprinklesFn<[{
9
- conditions: never;
10
- styles: {
11
- textAlign: {
12
- values: {
13
- left: {
14
- defaultClass: string;
15
- };
16
- right: {
17
- defaultClass: string;
18
- };
19
- center: {
20
- defaultClass: string;
21
- };
22
- justify: {
23
- defaultClass: string;
24
- };
25
- };
26
- };
27
- };
28
- }]>;
8
+ sprinkle: ((props: {
9
+ textAlign?: "left" | "right" | "center" | "justify" | undefined;
10
+ }) => string) & {
11
+ properties: Set<"textAlign">;
12
+ };
29
13
  properties: {
30
14
  readonly left: "left";
31
15
  readonly right: "right";