@nimbus-ds/styles 5.2.0 → 6.0.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (153) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/index.css +11 -0
  3. package/dist/index.d.ts +1808 -35
  4. package/dist/index.js +1 -1
  5. package/package.json +4 -5
  6. package/dist/packages/atomic/badge/badge.style.css.d.ts +0 -2
  7. package/dist/packages/atomic/badge/index.css +0 -160
  8. package/dist/packages/atomic/badge/index.d.ts +0 -6
  9. package/dist/packages/atomic/badge/index.js +0 -1
  10. package/dist/packages/atomic/box/box.sprinkle.css.d.ts +0 -567
  11. package/dist/packages/atomic/box/index.css +0 -337
  12. package/dist/packages/atomic/box/index.d.ts +0 -568
  13. package/dist/packages/atomic/box/index.js +0 -1
  14. package/dist/packages/atomic/button/button.style.css.d.ts +0 -1
  15. package/dist/packages/atomic/button/index.css +0 -207
  16. package/dist/packages/atomic/button/index.d.ts +0 -5
  17. package/dist/packages/atomic/button/index.js +0 -1
  18. package/dist/packages/atomic/checkbox/checkbox.sprinkle.css.d.ts +0 -16
  19. package/dist/packages/atomic/checkbox/checkbox.style.css.d.ts +0 -5
  20. package/dist/packages/atomic/checkbox/index.css +0 -171
  21. package/dist/packages/atomic/checkbox/index.d.ts +0 -23
  22. package/dist/packages/atomic/checkbox/index.js +0 -1
  23. package/dist/packages/atomic/chip/chip.style.css.d.ts +0 -1
  24. package/dist/packages/atomic/chip/index.css +0 -139
  25. package/dist/packages/atomic/chip/index.d.ts +0 -5
  26. package/dist/packages/atomic/chip/index.js +0 -1
  27. package/dist/packages/atomic/fileUploader/fileUploader.sprinkle.css.d.ts +0 -14
  28. package/dist/packages/atomic/fileUploader/fileUploader.style.css.d.ts +0 -4
  29. package/dist/packages/atomic/fileUploader/index.css +0 -208
  30. package/dist/packages/atomic/fileUploader/index.d.ts +0 -20
  31. package/dist/packages/atomic/fileUploader/index.js +0 -1
  32. package/dist/packages/atomic/icon/icon.sprinkle.css.d.ts +0 -35
  33. package/dist/packages/atomic/icon/icon.style.css.d.ts +0 -1
  34. package/dist/packages/atomic/icon/index.css +0 -182
  35. package/dist/packages/atomic/icon/index.d.ts +0 -38
  36. package/dist/packages/atomic/icon/index.js +0 -1
  37. package/dist/packages/atomic/iconButton/iconButton.sprinkle.css.d.ts +0 -92
  38. package/dist/packages/atomic/iconButton/iconButton.style.css.d.ts +0 -1
  39. package/dist/packages/atomic/iconButton/index.css +0 -201
  40. package/dist/packages/atomic/iconButton/index.d.ts +0 -96
  41. package/dist/packages/atomic/iconButton/index.js +0 -1
  42. package/dist/packages/atomic/input/index.css +0 -184
  43. package/dist/packages/atomic/input/index.d.ts +0 -10
  44. package/dist/packages/atomic/input/index.js +0 -1
  45. package/dist/packages/atomic/input/input.style.css.d.ts +0 -6
  46. package/dist/packages/atomic/label/index.css +0 -125
  47. package/dist/packages/atomic/label/index.d.ts +0 -6
  48. package/dist/packages/atomic/label/index.js +0 -1
  49. package/dist/packages/atomic/label/label.style.css.d.ts +0 -2
  50. package/dist/packages/atomic/link/index.css +0 -167
  51. package/dist/packages/atomic/link/index.d.ts +0 -14
  52. package/dist/packages/atomic/link/index.js +0 -1
  53. package/dist/packages/atomic/link/link.sprinkle.css.d.ts +0 -10
  54. package/dist/packages/atomic/link/link.style.css.d.ts +0 -2
  55. package/dist/packages/atomic/list/index.css +0 -128
  56. package/dist/packages/atomic/list/index.d.ts +0 -7
  57. package/dist/packages/atomic/list/index.js +0 -1
  58. package/dist/packages/atomic/list/list.style.css.d.ts +0 -3
  59. package/dist/packages/atomic/popover/index.css +0 -203
  60. package/dist/packages/atomic/popover/index.d.ts +0 -37
  61. package/dist/packages/atomic/popover/index.js +0 -1
  62. package/dist/packages/atomic/popover/popover.sprinkle.css.d.ts +0 -31
  63. package/dist/packages/atomic/popover/popover.style.css.d.ts +0 -4
  64. package/dist/packages/atomic/radio/index.css +0 -208
  65. package/dist/packages/atomic/radio/index.d.ts +0 -17
  66. package/dist/packages/atomic/radio/index.js +0 -1
  67. package/dist/packages/atomic/radio/radio.sprinkle.css.d.ts +0 -10
  68. package/dist/packages/atomic/radio/radio.style.css.d.ts +0 -5
  69. package/dist/packages/atomic/select/index.css +0 -179
  70. package/dist/packages/atomic/select/index.d.ts +0 -7
  71. package/dist/packages/atomic/select/index.js +0 -1
  72. package/dist/packages/atomic/select/select.style.css.d.ts +0 -3
  73. package/dist/packages/atomic/skeleton/index.css +0 -155
  74. package/dist/packages/atomic/skeleton/index.d.ts +0 -5
  75. package/dist/packages/atomic/skeleton/index.js +0 -1
  76. package/dist/packages/atomic/skeleton/skeleton.style.css.d.ts +0 -1
  77. package/dist/packages/atomic/spinner/index.css +0 -173
  78. package/dist/packages/atomic/spinner/index.d.ts +0 -27
  79. package/dist/packages/atomic/spinner/index.js +0 -1
  80. package/dist/packages/atomic/spinner/spinner.sprinkle.css.d.ts +0 -24
  81. package/dist/packages/atomic/spinner/spinner.style.css.d.ts +0 -1
  82. package/dist/packages/atomic/stack/index.css +0 -391
  83. package/dist/packages/atomic/stack/index.d.ts +0 -303
  84. package/dist/packages/atomic/stack/index.js +0 -1
  85. package/dist/packages/atomic/stack/stack.sprinkle.css.d.ts +0 -302
  86. package/dist/packages/atomic/tag/index.css +0 -148
  87. package/dist/packages/atomic/tag/index.d.ts +0 -36
  88. package/dist/packages/atomic/tag/index.js +0 -1
  89. package/dist/packages/atomic/tag/tag.style.css.d.ts +0 -32
  90. package/dist/packages/atomic/text/index.css +0 -219
  91. package/dist/packages/atomic/text/index.d.ts +0 -57
  92. package/dist/packages/atomic/text/index.js +0 -1
  93. package/dist/packages/atomic/text/text.sprinkle.css.d.ts +0 -54
  94. package/dist/packages/atomic/text/text.style.css.d.ts +0 -1
  95. package/dist/packages/atomic/textarea/index.css +0 -182
  96. package/dist/packages/atomic/textarea/index.d.ts +0 -5
  97. package/dist/packages/atomic/textarea/index.js +0 -1
  98. package/dist/packages/atomic/textarea/textarea.style.css.d.ts +0 -1
  99. package/dist/packages/atomic/thumbnail/index.css +0 -148
  100. package/dist/packages/atomic/thumbnail/index.d.ts +0 -16
  101. package/dist/packages/atomic/thumbnail/index.js +0 -1
  102. package/dist/packages/atomic/thumbnail/thumbnail.sprinkle.css.d.ts +0 -10
  103. package/dist/packages/atomic/thumbnail/thumbnail.style.css.d.ts +0 -4
  104. package/dist/packages/atomic/title/index.css +0 -182
  105. package/dist/packages/atomic/title/index.d.ts +0 -62
  106. package/dist/packages/atomic/title/index.js +0 -1
  107. package/dist/packages/atomic/title/title.sprinkle.css.d.ts +0 -23
  108. package/dist/packages/atomic/title/title.style.css.d.ts +0 -37
  109. package/dist/packages/atomic/toast/index.css +0 -139
  110. package/dist/packages/atomic/toast/index.d.ts +0 -6
  111. package/dist/packages/atomic/toast/index.js +0 -1
  112. package/dist/packages/atomic/toast/toast.style.css.d.ts +0 -2
  113. package/dist/packages/atomic/toggle/index.css +0 -174
  114. package/dist/packages/atomic/toggle/index.d.ts +0 -7
  115. package/dist/packages/atomic/toggle/index.js +0 -1
  116. package/dist/packages/atomic/toggle/toggle.style.css.d.ts +0 -3
  117. package/dist/packages/atomic/tooltip/index.css +0 -148
  118. package/dist/packages/atomic/tooltip/index.d.ts +0 -8
  119. package/dist/packages/atomic/tooltip/index.js +0 -1
  120. package/dist/packages/atomic/tooltip/tooltip.style.css.d.ts +0 -4
  121. package/dist/packages/composite/alert/alert.style.css.d.ts +0 -5
  122. package/dist/packages/composite/alert/index.css +0 -212
  123. package/dist/packages/composite/alert/index.d.ts +0 -9
  124. package/dist/packages/composite/alert/index.js +0 -1
  125. package/dist/packages/composite/card/card.sprinkle.css.d.ts +0 -27
  126. package/dist/packages/composite/card/card.style.css.d.ts +0 -4
  127. package/dist/packages/composite/card/index.css +0 -165
  128. package/dist/packages/composite/card/index.d.ts +0 -33
  129. package/dist/packages/composite/card/index.js +0 -1
  130. package/dist/packages/composite/sidebar/index.css +0 -210
  131. package/dist/packages/composite/sidebar/index.d.ts +0 -72
  132. package/dist/packages/composite/sidebar/index.js +0 -1
  133. package/dist/packages/composite/sidebar/sidebar.sprinkle.css.d.ts +0 -62
  134. package/dist/packages/composite/sidebar/sidebar.sprinkle.types.d.ts +0 -9
  135. package/dist/packages/composite/sidebar/sidebar.style.css.d.ts +0 -7
  136. package/dist/packages/composite/tabs/index.css +0 -168
  137. package/dist/packages/composite/tabs/index.d.ts +0 -8
  138. package/dist/packages/composite/tabs/index.js +0 -1
  139. package/dist/packages/composite/tabs/tabs.style.css.d.ts +0 -4
  140. package/dist/properties/base.d.ts +0 -40
  141. package/dist/properties/css.d.ts +0 -185
  142. package/dist/properties/index.d.ts +0 -1
  143. package/dist/themes/base.css +0 -106
  144. package/dist/themes/base.css.d.ts +0 -148
  145. package/dist/themes/base.js +0 -1
  146. package/dist/themes/dark.css +0 -212
  147. package/dist/themes/dark.css.d.ts +0 -1
  148. package/dist/themes/dark.js +0 -1
  149. package/dist/themes/index.d.ts +0 -3
  150. package/dist/themes/mediaQueries.d.ts +0 -5
  151. package/dist/types/index.d.ts +0 -16
  152. package/dist/utils/index.d.ts +0 -2
  153. package/dist/utils/vars.css.d.ts +0 -3
@@ -1,567 +0,0 @@
1
- export declare const boxSprinkle: {
2
- sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
3
- config: {
4
- borderStyle: {
5
- values: {
6
- none: {
7
- default: string;
8
- conditions: Record<"xs" | "md" | "lg", string>;
9
- };
10
- hidden: {
11
- default: string;
12
- conditions: Record<"xs" | "md" | "lg", string>;
13
- };
14
- dashed: {
15
- default: string;
16
- conditions: Record<"xs" | "md" | "lg", string>;
17
- };
18
- dotted: {
19
- default: string;
20
- conditions: Record<"xs" | "md" | "lg", string>;
21
- };
22
- solid: {
23
- default: string;
24
- conditions: Record<"xs" | "md" | "lg", string>;
25
- };
26
- };
27
- staticScale: import("../../../types").BorderStyle[];
28
- name: "borderStyle";
29
- };
30
- boxSizing: {
31
- values: {
32
- "border-box": {
33
- default: string;
34
- conditions: Record<"xs" | "md" | "lg", string>;
35
- };
36
- "content-box": {
37
- default: string;
38
- conditions: Record<"xs" | "md" | "lg", string>;
39
- };
40
- };
41
- staticScale: import("../../../types").BoxSizing[];
42
- name: "boxSizing";
43
- };
44
- cursor: {
45
- values: {
46
- auto: {
47
- default: string;
48
- conditions: Record<"xs" | "md" | "lg", string>;
49
- };
50
- pointer: {
51
- default: string;
52
- conditions: Record<"xs" | "md" | "lg", string>;
53
- };
54
- };
55
- staticScale: import("../../../types").Cursor[];
56
- name: "cursor";
57
- };
58
- };
59
- } & {
60
- config: {
61
- width: {
62
- dynamic: {
63
- default: string;
64
- conditions: Record<"xs" | "md" | "lg", string>;
65
- };
66
- dynamicScale: true;
67
- name: "width";
68
- vars: {
69
- default: string;
70
- conditions: Record<"xs" | "md" | "lg", string>;
71
- };
72
- };
73
- height: {
74
- dynamic: {
75
- default: string;
76
- conditions: Record<"xs" | "md" | "lg", string>;
77
- };
78
- dynamicScale: true;
79
- name: "height";
80
- vars: {
81
- default: string;
82
- conditions: Record<"xs" | "md" | "lg", string>;
83
- };
84
- };
85
- borderRadius: {
86
- dynamic: {
87
- default: string;
88
- conditions: Record<"xs" | "md" | "lg", string>;
89
- };
90
- dynamicScale: true;
91
- name: "borderRadius";
92
- vars: {
93
- default: string;
94
- conditions: Record<"xs" | "md" | "lg", string>;
95
- };
96
- };
97
- borderWidth: {
98
- dynamic: {
99
- default: string;
100
- conditions: Record<"xs" | "md" | "lg", string>;
101
- };
102
- dynamicScale: true;
103
- name: "borderWidth";
104
- vars: {
105
- default: string;
106
- conditions: Record<"xs" | "md" | "lg", string>;
107
- };
108
- };
109
- backgroundColor: {
110
- dynamic: {
111
- default: string;
112
- conditions: Record<"xs" | "md" | "lg", string>;
113
- };
114
- dynamicScale: {
115
- "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
- "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
- "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
- "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
- "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
- "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
- "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
- "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
123
- "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
- "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
- "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
126
- "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
- "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
- "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
129
- "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
130
- "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
131
- "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
132
- "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
133
- "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
- "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
- "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
- };
137
- name: "backgroundColor";
138
- vars: {
139
- default: string;
140
- conditions: Record<"xs" | "md" | "lg", string>;
141
- };
142
- };
143
- borderColor: {
144
- dynamic: {
145
- default: string;
146
- conditions: Record<"xs" | "md" | "lg", string>;
147
- };
148
- dynamicScale: {
149
- "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150
- "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
- "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
- "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
- "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
- "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
155
- "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
- "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
- "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
158
- "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
159
- "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
160
- "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
- "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
- "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
- "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
- };
165
- name: "borderColor";
166
- vars: {
167
- default: string;
168
- conditions: Record<"xs" | "md" | "lg", string>;
169
- };
170
- };
171
- padding: {
172
- dynamic: {
173
- default: string;
174
- conditions: Record<"xs" | "md" | "lg", string>;
175
- };
176
- dynamicScale: {
177
- none: string;
178
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
179
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
181
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
183
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
185
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
186
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
- };
192
- name: "padding";
193
- vars: {
194
- default: string;
195
- conditions: Record<"xs" | "md" | "lg", string>;
196
- };
197
- };
198
- paddingTop: {
199
- dynamic: {
200
- default: string;
201
- conditions: Record<"xs" | "md" | "lg", string>;
202
- };
203
- dynamicScale: {
204
- none: string;
205
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
208
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
209
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
210
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
211
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
212
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
213
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
215
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
216
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
- };
219
- name: "paddingTop";
220
- vars: {
221
- default: string;
222
- conditions: Record<"xs" | "md" | "lg", string>;
223
- };
224
- };
225
- paddingBottom: {
226
- dynamic: {
227
- default: string;
228
- conditions: Record<"xs" | "md" | "lg", string>;
229
- };
230
- dynamicScale: {
231
- none: string;
232
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
235
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
236
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
237
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
238
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
239
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
240
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
241
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
242
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
243
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
244
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
245
- };
246
- name: "paddingBottom";
247
- vars: {
248
- default: string;
249
- conditions: Record<"xs" | "md" | "lg", string>;
250
- };
251
- };
252
- paddingLeft: {
253
- dynamic: {
254
- default: string;
255
- conditions: Record<"xs" | "md" | "lg", string>;
256
- };
257
- dynamicScale: {
258
- none: string;
259
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
260
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
261
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
262
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
263
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
264
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
265
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
266
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
267
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
268
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
269
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
270
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
271
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
272
- };
273
- name: "paddingLeft";
274
- vars: {
275
- default: string;
276
- conditions: Record<"xs" | "md" | "lg", string>;
277
- };
278
- };
279
- paddingRight: {
280
- dynamic: {
281
- default: string;
282
- conditions: Record<"xs" | "md" | "lg", string>;
283
- };
284
- dynamicScale: {
285
- none: string;
286
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
287
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
288
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
289
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
290
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
291
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
292
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
293
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
294
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
295
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
296
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
297
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
298
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
299
- };
300
- name: "paddingRight";
301
- vars: {
302
- default: string;
303
- conditions: Record<"xs" | "md" | "lg", string>;
304
- };
305
- };
306
- margin: {
307
- dynamic: {
308
- default: string;
309
- conditions: Record<"xs" | "md" | "lg", string>;
310
- };
311
- dynamicScale: {
312
- none: string;
313
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
314
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
315
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
316
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
317
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
318
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
319
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
320
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
321
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
322
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
323
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
324
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
325
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
326
- };
327
- name: "margin";
328
- vars: {
329
- default: string;
330
- conditions: Record<"xs" | "md" | "lg", string>;
331
- };
332
- };
333
- marginTop: {
334
- dynamic: {
335
- default: string;
336
- conditions: Record<"xs" | "md" | "lg", string>;
337
- };
338
- dynamicScale: {
339
- none: string;
340
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
342
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
343
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
344
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
345
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
346
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
347
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
348
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
349
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
350
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
351
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
352
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
353
- };
354
- name: "marginTop";
355
- vars: {
356
- default: string;
357
- conditions: Record<"xs" | "md" | "lg", string>;
358
- };
359
- };
360
- marginBottom: {
361
- dynamic: {
362
- default: string;
363
- conditions: Record<"xs" | "md" | "lg", string>;
364
- };
365
- dynamicScale: {
366
- none: string;
367
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
368
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
369
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
370
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
371
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
372
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
373
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
374
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
375
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
376
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
377
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
378
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
379
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
380
- };
381
- name: "marginBottom";
382
- vars: {
383
- default: string;
384
- conditions: Record<"xs" | "md" | "lg", string>;
385
- };
386
- };
387
- marginLeft: {
388
- dynamic: {
389
- default: string;
390
- conditions: Record<"xs" | "md" | "lg", string>;
391
- };
392
- dynamicScale: {
393
- none: string;
394
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
395
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
396
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
397
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
398
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
399
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
400
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
401
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
402
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
403
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
404
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
405
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
406
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
407
- };
408
- name: "marginLeft";
409
- vars: {
410
- default: string;
411
- conditions: Record<"xs" | "md" | "lg", string>;
412
- };
413
- };
414
- marginRight: {
415
- dynamic: {
416
- default: string;
417
- conditions: Record<"xs" | "md" | "lg", string>;
418
- };
419
- dynamicScale: {
420
- none: string;
421
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
422
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
423
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
424
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
425
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
426
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
427
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
428
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
429
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
430
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
431
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
432
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
433
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
434
- };
435
- name: "marginRight";
436
- vars: {
437
- default: string;
438
- conditions: Record<"xs" | "md" | "lg", string>;
439
- };
440
- };
441
- };
442
- } & {
443
- config: {
444
- padding: {
445
- mappings: ("paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight")[];
446
- };
447
- paddingX: {
448
- mappings: ("paddingLeft" | "paddingRight")[];
449
- };
450
- paddingY: {
451
- mappings: ("paddingTop" | "paddingBottom")[];
452
- };
453
- p: {
454
- mappings: "padding"[];
455
- };
456
- pl: {
457
- mappings: "paddingLeft"[];
458
- };
459
- pr: {
460
- mappings: "paddingRight"[];
461
- };
462
- pt: {
463
- mappings: "paddingTop"[];
464
- };
465
- pb: {
466
- mappings: "paddingBottom"[];
467
- };
468
- px: {
469
- mappings: ("paddingLeft" | "paddingRight")[];
470
- };
471
- py: {
472
- mappings: ("paddingTop" | "paddingBottom")[];
473
- };
474
- margin: {
475
- mappings: ("marginTop" | "marginBottom" | "marginLeft" | "marginRight")[];
476
- };
477
- marginX: {
478
- mappings: ("marginLeft" | "marginRight")[];
479
- };
480
- marginY: {
481
- mappings: ("marginTop" | "marginBottom")[];
482
- };
483
- m: {
484
- mappings: "margin"[];
485
- };
486
- mr: {
487
- mappings: "marginRight"[];
488
- };
489
- ml: {
490
- mappings: "marginLeft"[];
491
- };
492
- mt: {
493
- mappings: "marginTop"[];
494
- };
495
- mb: {
496
- mappings: "marginBottom"[];
497
- };
498
- mx: {
499
- mappings: ("marginLeft" | "marginRight")[];
500
- };
501
- my: {
502
- mappings: ("marginTop" | "marginBottom")[];
503
- };
504
- };
505
- }]>;
506
- properties: {
507
- backgroundColor: {
508
- "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
509
- "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
510
- "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
511
- "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
512
- "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
513
- "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
514
- "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
515
- "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
516
- "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
517
- "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
518
- "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
519
- "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
520
- "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
521
- "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
522
- "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
523
- "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
524
- "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
525
- "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
526
- "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
527
- "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
528
- "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
529
- };
530
- borderColor: {
531
- "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
532
- "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
533
- "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
534
- "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
535
- "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
536
- "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
537
- "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
538
- "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
539
- "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
540
- "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
541
- "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
542
- "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
543
- "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
544
- "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
545
- "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
546
- };
547
- borderStyle: import("../../../types").BorderStyle[];
548
- boxSizing: import("../../../types").BoxSizing[];
549
- cursor: import("../../../types").Cursor[];
550
- space: {
551
- none: string;
552
- "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
553
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
554
- "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
555
- "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
556
- "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
557
- "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
558
- "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
559
- "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
560
- "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
561
- "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
562
- "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
563
- "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
564
- "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
565
- };
566
- };
567
- };