@ctlyst.id/voila-ui 1.0.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 (103) hide show
  1. package/LICENSE +201 -0
  2. package/README.md +1 -0
  3. package/dist/index.js +160 -0
  4. package/dist/index.mjs +14225 -0
  5. package/dist/style.css +1 -0
  6. package/dist/types/@types/vanilla-sprinkles.d.ts +17 -0
  7. package/dist/types/assets/Spinner.d.ts +8 -0
  8. package/dist/types/assets/index.d.ts +1 -0
  9. package/dist/types/components/badge/badge.css.d.ts +40 -0
  10. package/dist/types/components/badge/badge.d.ts +15 -0
  11. package/dist/types/components/badge/index.d.ts +2 -0
  12. package/dist/types/components/button/button.css.d.ts +121 -0
  13. package/dist/types/components/button/button.d.ts +19 -0
  14. package/dist/types/components/button/index.d.ts +2 -0
  15. package/dist/types/components/close-button/close-button.css.d.ts +2 -0
  16. package/dist/types/components/close-button/close-button.d.ts +14 -0
  17. package/dist/types/components/close-button/index.d.ts +2 -0
  18. package/dist/types/components/form/common/action-icon.d.ts +3 -0
  19. package/dist/types/components/form/common/add-on.d.ts +10 -0
  20. package/dist/types/components/form/common/label.d.ts +10 -0
  21. package/dist/types/components/form/field.d.ts +15 -0
  22. package/dist/types/components/form/form.type.d.ts +1 -0
  23. package/dist/types/components/form/index.d.ts +4 -0
  24. package/dist/types/components/form/input.d.ts +24 -0
  25. package/dist/types/components/form/styles/addon.css.d.ts +29 -0
  26. package/dist/types/components/form/styles/common.css.d.ts +4 -0
  27. package/dist/types/components/form/styles/field.css.d.ts +37 -0
  28. package/dist/types/components/form/styles/index.d.ts +6 -0
  29. package/dist/types/components/form/styles/input.css.d.ts +2 -0
  30. package/dist/types/components/form/styles/label.css.d.ts +20 -0
  31. package/dist/types/components/form/styles/textarea.css.d.ts +2 -0
  32. package/dist/types/components/form/textarea.d.ts +18 -0
  33. package/dist/types/components/form/utils/resolve-form-state.d.ts +8 -0
  34. package/dist/types/components/icon-button/icon-button.css.d.ts +101 -0
  35. package/dist/types/components/icon-button/icon-button.d.ts +15 -0
  36. package/dist/types/components/icon-button/index.d.ts +2 -0
  37. package/dist/types/components/image/image.css.d.ts +21 -0
  38. package/dist/types/components/image/image.d.ts +34 -0
  39. package/dist/types/components/image/index.d.ts +2 -0
  40. package/dist/types/components/index.d.ts +10 -0
  41. package/dist/types/components/list/index.d.ts +4 -0
  42. package/dist/types/components/list/list-item.css.d.ts +14 -0
  43. package/dist/types/components/list/list-item.d.ts +16 -0
  44. package/dist/types/components/list/list.css.d.ts +2 -0
  45. package/dist/types/components/list/list.d.ts +11 -0
  46. package/dist/types/components/tabs/index.d.ts +4 -0
  47. package/dist/types/components/tabs/tab-item.css.d.ts +10 -0
  48. package/dist/types/components/tabs/tab-item.d.ts +13 -0
  49. package/dist/types/components/tabs/tabs.css.d.ts +20 -0
  50. package/dist/types/components/tabs/tabs.d.ts +23 -0
  51. package/dist/types/components/tooltip/index.d.ts +2 -0
  52. package/dist/types/components/tooltip/tooltip.css.d.ts +2 -0
  53. package/dist/types/components/tooltip/tooltip.d.ts +20 -0
  54. package/dist/types/components/utils/hooks/use-ripple/index.d.ts +2 -0
  55. package/dist/types/components/utils/hooks/use-ripple/ripple.css.d.ts +2 -0
  56. package/dist/types/components/utils/hooks/use-ripple/use-ripple.d.ts +6 -0
  57. package/dist/types/index.d.ts +7 -0
  58. package/dist/types/layouts/box/box.d.ts +6979 -0
  59. package/dist/types/layouts/box/index.d.ts +2 -0
  60. package/dist/types/layouts/flex/flex.d.ts +366 -0
  61. package/dist/types/layouts/flex/index.d.ts +2 -0
  62. package/dist/types/layouts/grid/grid.d.ts +666 -0
  63. package/dist/types/layouts/grid/index.d.ts +2 -0
  64. package/dist/types/layouts/index.d.ts +5 -0
  65. package/dist/types/layouts/stack/index.d.ts +2 -0
  66. package/dist/types/layouts/stack/stack.d.ts +17 -0
  67. package/dist/types/layouts/stack/utils.d.ts +10 -0
  68. package/dist/types/layouts/text/index.d.ts +2 -0
  69. package/dist/types/layouts/text/text.css.d.ts +72 -0
  70. package/dist/types/layouts/text/text.d.ts +13959 -0
  71. package/dist/types/provider/index.d.ts +1 -0
  72. package/dist/types/provider/provider.d.ts +3 -0
  73. package/dist/types/provider/radix-provider.d.ts +3 -0
  74. package/dist/types/theme/index.d.ts +2 -0
  75. package/dist/types/theme/styles/atoms/border.css.d.ts +1575 -0
  76. package/dist/types/theme/styles/atoms/common.css.d.ts +721 -0
  77. package/dist/types/theme/styles/atoms/constants.d.ts +3 -0
  78. package/dist/types/theme/styles/atoms/flex.css.d.ts +362 -0
  79. package/dist/types/theme/styles/atoms/grid.css.d.ts +661 -0
  80. package/dist/types/theme/styles/atoms/index.d.ts +8 -0
  81. package/dist/types/theme/styles/atoms/position.css.d.ts +778 -0
  82. package/dist/types/theme/styles/atoms/sizes.css.d.ts +1313 -0
  83. package/dist/types/theme/styles/atoms/space.css.d.ts +1943 -0
  84. package/dist/types/theme/styles/atoms/typography.css.d.ts +329 -0
  85. package/dist/types/theme/styles/globals.css.d.ts +3 -0
  86. package/dist/types/theme/styles/index.d.ts +3 -0
  87. package/dist/types/theme/styles/normalize.css.d.ts +0 -0
  88. package/dist/types/theme/styles/theme.css.d.ts +240 -0
  89. package/dist/types/theme/styles/utils.d.ts +17 -0
  90. package/dist/types/theme/tokens/animation.d.ts +21 -0
  91. package/dist/types/theme/tokens/border.d.ts +9 -0
  92. package/dist/types/theme/tokens/breakpoints.d.ts +9 -0
  93. package/dist/types/theme/tokens/color.d.ts +125 -0
  94. package/dist/types/theme/tokens/index.d.ts +241 -0
  95. package/dist/types/theme/tokens/opacity.d.ts +8 -0
  96. package/dist/types/theme/tokens/radii.d.ts +6 -0
  97. package/dist/types/theme/tokens/shadows.d.ts +6 -0
  98. package/dist/types/theme/tokens/space.d.ts +72 -0
  99. package/dist/types/theme/tokens/typography.d.ts +123 -0
  100. package/dist/types/theme/tokens/z-indices.d.ts +16 -0
  101. package/dist/types/utils/index.d.ts +1 -0
  102. package/dist/types/utils/merge-atoms.d.ts +7 -0
  103. package/package.json +77 -0
@@ -0,0 +1,1575 @@
1
+ export declare const borderAtoms: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
2
+ config: {
3
+ border: {
4
+ values: {
5
+ none: {
6
+ default: string;
7
+ conditions: Record<string | number, string>;
8
+ };
9
+ solid: {
10
+ default: string;
11
+ conditions: Record<string | number, string>;
12
+ };
13
+ };
14
+ staticScale: {
15
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
+ solid: `${string} var(--${string})` | `${string} var(--${string}, ${string})` | `${string} var(--${string}, ${number})`;
17
+ };
18
+ name: "border";
19
+ };
20
+ borderWidth: {
21
+ values: {
22
+ 0: {
23
+ default: string;
24
+ conditions: Record<string | number, string>;
25
+ };
26
+ 1: {
27
+ default: string;
28
+ conditions: Record<string | number, string>;
29
+ };
30
+ 2: {
31
+ default: string;
32
+ conditions: Record<string | number, string>;
33
+ };
34
+ };
35
+ staticScale: {
36
+ 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
+ };
40
+ name: "borderWidth";
41
+ };
42
+ borderColor: {
43
+ values: {
44
+ transparent: {
45
+ default: string;
46
+ conditions: Record<string | number, string>;
47
+ };
48
+ blackTypoHigh: {
49
+ default: string;
50
+ conditions: Record<string | number, string>;
51
+ };
52
+ blackTypoMedium: {
53
+ default: string;
54
+ conditions: Record<string | number, string>;
55
+ };
56
+ blackTypoLow: {
57
+ default: string;
58
+ conditions: Record<string | number, string>;
59
+ };
60
+ whiteTypoHigh: {
61
+ default: string;
62
+ conditions: Record<string | number, string>;
63
+ };
64
+ whiteTypoMedium: {
65
+ default: string;
66
+ conditions: Record<string | number, string>;
67
+ };
68
+ whiteTypoLow: {
69
+ default: string;
70
+ conditions: Record<string | number, string>;
71
+ };
72
+ redSurface1: {
73
+ default: string;
74
+ conditions: Record<string | number, string>;
75
+ };
76
+ redSurface2: {
77
+ default: string;
78
+ conditions: Record<string | number, string>;
79
+ };
80
+ yellowSurface1: {
81
+ default: string;
82
+ conditions: Record<string | number, string>;
83
+ };
84
+ yellowSurface2: {
85
+ default: string;
86
+ conditions: Record<string | number, string>;
87
+ };
88
+ blueSurface1: {
89
+ default: string;
90
+ conditions: Record<string | number, string>;
91
+ };
92
+ blueSurface2: {
93
+ default: string;
94
+ conditions: Record<string | number, string>;
95
+ };
96
+ greenSurface1: {
97
+ default: string;
98
+ conditions: Record<string | number, string>;
99
+ };
100
+ greenSurface2: {
101
+ default: string;
102
+ conditions: Record<string | number, string>;
103
+ };
104
+ redAccent1: {
105
+ default: string;
106
+ conditions: Record<string | number, string>;
107
+ };
108
+ redAccent2: {
109
+ default: string;
110
+ conditions: Record<string | number, string>;
111
+ };
112
+ redAccent3: {
113
+ default: string;
114
+ conditions: Record<string | number, string>;
115
+ };
116
+ yellowAccent1: {
117
+ default: string;
118
+ conditions: Record<string | number, string>;
119
+ };
120
+ yellowAccent2: {
121
+ default: string;
122
+ conditions: Record<string | number, string>;
123
+ };
124
+ yellowAccent3: {
125
+ default: string;
126
+ conditions: Record<string | number, string>;
127
+ };
128
+ blueAccent1: {
129
+ default: string;
130
+ conditions: Record<string | number, string>;
131
+ };
132
+ blueAccent2: {
133
+ default: string;
134
+ conditions: Record<string | number, string>;
135
+ };
136
+ blueAccent3: {
137
+ default: string;
138
+ conditions: Record<string | number, string>;
139
+ };
140
+ greenAccent1: {
141
+ default: string;
142
+ conditions: Record<string | number, string>;
143
+ };
144
+ greenAccent2: {
145
+ default: string;
146
+ conditions: Record<string | number, string>;
147
+ };
148
+ greenAccent3: {
149
+ default: string;
150
+ conditions: Record<string | number, string>;
151
+ };
152
+ red1: {
153
+ default: string;
154
+ conditions: Record<string | number, string>;
155
+ };
156
+ red2: {
157
+ default: string;
158
+ conditions: Record<string | number, string>;
159
+ };
160
+ red3: {
161
+ default: string;
162
+ conditions: Record<string | number, string>;
163
+ };
164
+ yellow1: {
165
+ default: string;
166
+ conditions: Record<string | number, string>;
167
+ };
168
+ yellow2: {
169
+ default: string;
170
+ conditions: Record<string | number, string>;
171
+ };
172
+ yellow3: {
173
+ default: string;
174
+ conditions: Record<string | number, string>;
175
+ };
176
+ blue1: {
177
+ default: string;
178
+ conditions: Record<string | number, string>;
179
+ };
180
+ blue2: {
181
+ default: string;
182
+ conditions: Record<string | number, string>;
183
+ };
184
+ blue3: {
185
+ default: string;
186
+ conditions: Record<string | number, string>;
187
+ };
188
+ green1: {
189
+ default: string;
190
+ conditions: Record<string | number, string>;
191
+ };
192
+ green2: {
193
+ default: string;
194
+ conditions: Record<string | number, string>;
195
+ };
196
+ green3: {
197
+ default: string;
198
+ conditions: Record<string | number, string>;
199
+ };
200
+ primary: {
201
+ default: string;
202
+ conditions: Record<string | number, string>;
203
+ };
204
+ secondary: {
205
+ default: string;
206
+ conditions: Record<string | number, string>;
207
+ };
208
+ black: {
209
+ default: string;
210
+ conditions: Record<string | number, string>;
211
+ };
212
+ white: {
213
+ default: string;
214
+ conditions: Record<string | number, string>;
215
+ };
216
+ grey1: {
217
+ default: string;
218
+ conditions: Record<string | number, string>;
219
+ };
220
+ grey2: {
221
+ default: string;
222
+ conditions: Record<string | number, string>;
223
+ };
224
+ grey3: {
225
+ default: string;
226
+ conditions: Record<string | number, string>;
227
+ };
228
+ };
229
+ staticScale: {
230
+ blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
+ blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
+ blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
+ whiteTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
+ whiteTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
235
+ whiteTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
236
+ redSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
237
+ redSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
238
+ yellowSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
239
+ yellowSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
240
+ blueSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
241
+ blueSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
242
+ greenSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
243
+ greenSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
244
+ redAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
245
+ redAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
246
+ redAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
247
+ yellowAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
248
+ yellowAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
249
+ yellowAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
250
+ blueAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
251
+ blueAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
252
+ blueAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
253
+ greenAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
254
+ greenAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
255
+ greenAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
256
+ red1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
257
+ red2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
258
+ red3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
259
+ yellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
260
+ yellow2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
261
+ yellow3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
262
+ blue1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
263
+ blue2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
264
+ blue3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
265
+ green1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
266
+ green2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
267
+ green3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
268
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
269
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
270
+ black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
271
+ white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
272
+ grey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
273
+ grey2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
274
+ grey3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
275
+ transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
276
+ };
277
+ name: "borderColor";
278
+ };
279
+ borderStyle: {
280
+ values: {
281
+ none: {
282
+ default: string;
283
+ conditions: Record<string | number, string>;
284
+ };
285
+ solid: {
286
+ default: string;
287
+ conditions: Record<string | number, string>;
288
+ };
289
+ };
290
+ staticScale: {
291
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
292
+ solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
293
+ };
294
+ name: "borderStyle";
295
+ };
296
+ borderTop: {
297
+ values: {
298
+ none: {
299
+ default: string;
300
+ conditions: Record<string | number, string>;
301
+ };
302
+ solid: {
303
+ default: string;
304
+ conditions: Record<string | number, string>;
305
+ };
306
+ };
307
+ staticScale: {
308
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
309
+ solid: `${string} var(--${string})` | `${string} var(--${string}, ${string})` | `${string} var(--${string}, ${number})`;
310
+ };
311
+ name: "borderTop";
312
+ };
313
+ borderTopWidth: {
314
+ values: {
315
+ 0: {
316
+ default: string;
317
+ conditions: Record<string | number, string>;
318
+ };
319
+ 1: {
320
+ default: string;
321
+ conditions: Record<string | number, string>;
322
+ };
323
+ 2: {
324
+ default: string;
325
+ conditions: Record<string | number, string>;
326
+ };
327
+ };
328
+ staticScale: {
329
+ 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
330
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
331
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
332
+ };
333
+ name: "borderTopWidth";
334
+ };
335
+ borderTopColor: {
336
+ values: {
337
+ transparent: {
338
+ default: string;
339
+ conditions: Record<string | number, string>;
340
+ };
341
+ blackTypoHigh: {
342
+ default: string;
343
+ conditions: Record<string | number, string>;
344
+ };
345
+ blackTypoMedium: {
346
+ default: string;
347
+ conditions: Record<string | number, string>;
348
+ };
349
+ blackTypoLow: {
350
+ default: string;
351
+ conditions: Record<string | number, string>;
352
+ };
353
+ whiteTypoHigh: {
354
+ default: string;
355
+ conditions: Record<string | number, string>;
356
+ };
357
+ whiteTypoMedium: {
358
+ default: string;
359
+ conditions: Record<string | number, string>;
360
+ };
361
+ whiteTypoLow: {
362
+ default: string;
363
+ conditions: Record<string | number, string>;
364
+ };
365
+ redSurface1: {
366
+ default: string;
367
+ conditions: Record<string | number, string>;
368
+ };
369
+ redSurface2: {
370
+ default: string;
371
+ conditions: Record<string | number, string>;
372
+ };
373
+ yellowSurface1: {
374
+ default: string;
375
+ conditions: Record<string | number, string>;
376
+ };
377
+ yellowSurface2: {
378
+ default: string;
379
+ conditions: Record<string | number, string>;
380
+ };
381
+ blueSurface1: {
382
+ default: string;
383
+ conditions: Record<string | number, string>;
384
+ };
385
+ blueSurface2: {
386
+ default: string;
387
+ conditions: Record<string | number, string>;
388
+ };
389
+ greenSurface1: {
390
+ default: string;
391
+ conditions: Record<string | number, string>;
392
+ };
393
+ greenSurface2: {
394
+ default: string;
395
+ conditions: Record<string | number, string>;
396
+ };
397
+ redAccent1: {
398
+ default: string;
399
+ conditions: Record<string | number, string>;
400
+ };
401
+ redAccent2: {
402
+ default: string;
403
+ conditions: Record<string | number, string>;
404
+ };
405
+ redAccent3: {
406
+ default: string;
407
+ conditions: Record<string | number, string>;
408
+ };
409
+ yellowAccent1: {
410
+ default: string;
411
+ conditions: Record<string | number, string>;
412
+ };
413
+ yellowAccent2: {
414
+ default: string;
415
+ conditions: Record<string | number, string>;
416
+ };
417
+ yellowAccent3: {
418
+ default: string;
419
+ conditions: Record<string | number, string>;
420
+ };
421
+ blueAccent1: {
422
+ default: string;
423
+ conditions: Record<string | number, string>;
424
+ };
425
+ blueAccent2: {
426
+ default: string;
427
+ conditions: Record<string | number, string>;
428
+ };
429
+ blueAccent3: {
430
+ default: string;
431
+ conditions: Record<string | number, string>;
432
+ };
433
+ greenAccent1: {
434
+ default: string;
435
+ conditions: Record<string | number, string>;
436
+ };
437
+ greenAccent2: {
438
+ default: string;
439
+ conditions: Record<string | number, string>;
440
+ };
441
+ greenAccent3: {
442
+ default: string;
443
+ conditions: Record<string | number, string>;
444
+ };
445
+ red1: {
446
+ default: string;
447
+ conditions: Record<string | number, string>;
448
+ };
449
+ red2: {
450
+ default: string;
451
+ conditions: Record<string | number, string>;
452
+ };
453
+ red3: {
454
+ default: string;
455
+ conditions: Record<string | number, string>;
456
+ };
457
+ yellow1: {
458
+ default: string;
459
+ conditions: Record<string | number, string>;
460
+ };
461
+ yellow2: {
462
+ default: string;
463
+ conditions: Record<string | number, string>;
464
+ };
465
+ yellow3: {
466
+ default: string;
467
+ conditions: Record<string | number, string>;
468
+ };
469
+ blue1: {
470
+ default: string;
471
+ conditions: Record<string | number, string>;
472
+ };
473
+ blue2: {
474
+ default: string;
475
+ conditions: Record<string | number, string>;
476
+ };
477
+ blue3: {
478
+ default: string;
479
+ conditions: Record<string | number, string>;
480
+ };
481
+ green1: {
482
+ default: string;
483
+ conditions: Record<string | number, string>;
484
+ };
485
+ green2: {
486
+ default: string;
487
+ conditions: Record<string | number, string>;
488
+ };
489
+ green3: {
490
+ default: string;
491
+ conditions: Record<string | number, string>;
492
+ };
493
+ primary: {
494
+ default: string;
495
+ conditions: Record<string | number, string>;
496
+ };
497
+ secondary: {
498
+ default: string;
499
+ conditions: Record<string | number, string>;
500
+ };
501
+ black: {
502
+ default: string;
503
+ conditions: Record<string | number, string>;
504
+ };
505
+ white: {
506
+ default: string;
507
+ conditions: Record<string | number, string>;
508
+ };
509
+ grey1: {
510
+ default: string;
511
+ conditions: Record<string | number, string>;
512
+ };
513
+ grey2: {
514
+ default: string;
515
+ conditions: Record<string | number, string>;
516
+ };
517
+ grey3: {
518
+ default: string;
519
+ conditions: Record<string | number, string>;
520
+ };
521
+ };
522
+ staticScale: {
523
+ blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
524
+ blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
525
+ blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
526
+ whiteTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
527
+ whiteTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
528
+ whiteTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
529
+ redSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
530
+ redSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
531
+ yellowSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
532
+ yellowSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
533
+ blueSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
534
+ blueSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
535
+ greenSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
536
+ greenSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
537
+ redAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
538
+ redAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
539
+ redAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
540
+ yellowAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
541
+ yellowAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
542
+ yellowAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
543
+ blueAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
544
+ blueAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
545
+ blueAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
546
+ greenAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
547
+ greenAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
548
+ greenAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
549
+ red1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
550
+ red2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
551
+ red3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
552
+ yellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
553
+ yellow2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
554
+ yellow3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
555
+ blue1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
556
+ blue2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
557
+ blue3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
558
+ green1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
559
+ green2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
560
+ green3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
561
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
562
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
563
+ black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
564
+ white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
565
+ grey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
566
+ grey2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
567
+ grey3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
568
+ transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
569
+ };
570
+ name: "borderTopColor";
571
+ };
572
+ borderBottom: {
573
+ values: {
574
+ none: {
575
+ default: string;
576
+ conditions: Record<string | number, string>;
577
+ };
578
+ solid: {
579
+ default: string;
580
+ conditions: Record<string | number, string>;
581
+ };
582
+ };
583
+ staticScale: {
584
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
585
+ solid: `${string} var(--${string})` | `${string} var(--${string}, ${string})` | `${string} var(--${string}, ${number})`;
586
+ };
587
+ name: "borderBottom";
588
+ };
589
+ borderBottomWidth: {
590
+ values: {
591
+ 0: {
592
+ default: string;
593
+ conditions: Record<string | number, string>;
594
+ };
595
+ 1: {
596
+ default: string;
597
+ conditions: Record<string | number, string>;
598
+ };
599
+ 2: {
600
+ default: string;
601
+ conditions: Record<string | number, string>;
602
+ };
603
+ };
604
+ staticScale: {
605
+ 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
606
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
607
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
608
+ };
609
+ name: "borderBottomWidth";
610
+ };
611
+ borderBottomColor: {
612
+ values: {
613
+ transparent: {
614
+ default: string;
615
+ conditions: Record<string | number, string>;
616
+ };
617
+ blackTypoHigh: {
618
+ default: string;
619
+ conditions: Record<string | number, string>;
620
+ };
621
+ blackTypoMedium: {
622
+ default: string;
623
+ conditions: Record<string | number, string>;
624
+ };
625
+ blackTypoLow: {
626
+ default: string;
627
+ conditions: Record<string | number, string>;
628
+ };
629
+ whiteTypoHigh: {
630
+ default: string;
631
+ conditions: Record<string | number, string>;
632
+ };
633
+ whiteTypoMedium: {
634
+ default: string;
635
+ conditions: Record<string | number, string>;
636
+ };
637
+ whiteTypoLow: {
638
+ default: string;
639
+ conditions: Record<string | number, string>;
640
+ };
641
+ redSurface1: {
642
+ default: string;
643
+ conditions: Record<string | number, string>;
644
+ };
645
+ redSurface2: {
646
+ default: string;
647
+ conditions: Record<string | number, string>;
648
+ };
649
+ yellowSurface1: {
650
+ default: string;
651
+ conditions: Record<string | number, string>;
652
+ };
653
+ yellowSurface2: {
654
+ default: string;
655
+ conditions: Record<string | number, string>;
656
+ };
657
+ blueSurface1: {
658
+ default: string;
659
+ conditions: Record<string | number, string>;
660
+ };
661
+ blueSurface2: {
662
+ default: string;
663
+ conditions: Record<string | number, string>;
664
+ };
665
+ greenSurface1: {
666
+ default: string;
667
+ conditions: Record<string | number, string>;
668
+ };
669
+ greenSurface2: {
670
+ default: string;
671
+ conditions: Record<string | number, string>;
672
+ };
673
+ redAccent1: {
674
+ default: string;
675
+ conditions: Record<string | number, string>;
676
+ };
677
+ redAccent2: {
678
+ default: string;
679
+ conditions: Record<string | number, string>;
680
+ };
681
+ redAccent3: {
682
+ default: string;
683
+ conditions: Record<string | number, string>;
684
+ };
685
+ yellowAccent1: {
686
+ default: string;
687
+ conditions: Record<string | number, string>;
688
+ };
689
+ yellowAccent2: {
690
+ default: string;
691
+ conditions: Record<string | number, string>;
692
+ };
693
+ yellowAccent3: {
694
+ default: string;
695
+ conditions: Record<string | number, string>;
696
+ };
697
+ blueAccent1: {
698
+ default: string;
699
+ conditions: Record<string | number, string>;
700
+ };
701
+ blueAccent2: {
702
+ default: string;
703
+ conditions: Record<string | number, string>;
704
+ };
705
+ blueAccent3: {
706
+ default: string;
707
+ conditions: Record<string | number, string>;
708
+ };
709
+ greenAccent1: {
710
+ default: string;
711
+ conditions: Record<string | number, string>;
712
+ };
713
+ greenAccent2: {
714
+ default: string;
715
+ conditions: Record<string | number, string>;
716
+ };
717
+ greenAccent3: {
718
+ default: string;
719
+ conditions: Record<string | number, string>;
720
+ };
721
+ red1: {
722
+ default: string;
723
+ conditions: Record<string | number, string>;
724
+ };
725
+ red2: {
726
+ default: string;
727
+ conditions: Record<string | number, string>;
728
+ };
729
+ red3: {
730
+ default: string;
731
+ conditions: Record<string | number, string>;
732
+ };
733
+ yellow1: {
734
+ default: string;
735
+ conditions: Record<string | number, string>;
736
+ };
737
+ yellow2: {
738
+ default: string;
739
+ conditions: Record<string | number, string>;
740
+ };
741
+ yellow3: {
742
+ default: string;
743
+ conditions: Record<string | number, string>;
744
+ };
745
+ blue1: {
746
+ default: string;
747
+ conditions: Record<string | number, string>;
748
+ };
749
+ blue2: {
750
+ default: string;
751
+ conditions: Record<string | number, string>;
752
+ };
753
+ blue3: {
754
+ default: string;
755
+ conditions: Record<string | number, string>;
756
+ };
757
+ green1: {
758
+ default: string;
759
+ conditions: Record<string | number, string>;
760
+ };
761
+ green2: {
762
+ default: string;
763
+ conditions: Record<string | number, string>;
764
+ };
765
+ green3: {
766
+ default: string;
767
+ conditions: Record<string | number, string>;
768
+ };
769
+ primary: {
770
+ default: string;
771
+ conditions: Record<string | number, string>;
772
+ };
773
+ secondary: {
774
+ default: string;
775
+ conditions: Record<string | number, string>;
776
+ };
777
+ black: {
778
+ default: string;
779
+ conditions: Record<string | number, string>;
780
+ };
781
+ white: {
782
+ default: string;
783
+ conditions: Record<string | number, string>;
784
+ };
785
+ grey1: {
786
+ default: string;
787
+ conditions: Record<string | number, string>;
788
+ };
789
+ grey2: {
790
+ default: string;
791
+ conditions: Record<string | number, string>;
792
+ };
793
+ grey3: {
794
+ default: string;
795
+ conditions: Record<string | number, string>;
796
+ };
797
+ };
798
+ staticScale: {
799
+ blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
800
+ blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
801
+ blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
802
+ whiteTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
803
+ whiteTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
804
+ whiteTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
805
+ redSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
806
+ redSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
807
+ yellowSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
808
+ yellowSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
809
+ blueSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
810
+ blueSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
811
+ greenSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
812
+ greenSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
813
+ redAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
814
+ redAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
815
+ redAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
816
+ yellowAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
817
+ yellowAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
818
+ yellowAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
819
+ blueAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
820
+ blueAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
821
+ blueAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
822
+ greenAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
823
+ greenAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
824
+ greenAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
825
+ red1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
826
+ red2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
827
+ red3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
828
+ yellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
829
+ yellow2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
830
+ yellow3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
831
+ blue1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
832
+ blue2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
833
+ blue3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
834
+ green1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
835
+ green2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
836
+ green3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
837
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
838
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
839
+ black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
840
+ white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
841
+ grey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
842
+ grey2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
843
+ grey3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
844
+ transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
845
+ };
846
+ name: "borderBottomColor";
847
+ };
848
+ borderRight: {
849
+ values: {
850
+ none: {
851
+ default: string;
852
+ conditions: Record<string | number, string>;
853
+ };
854
+ solid: {
855
+ default: string;
856
+ conditions: Record<string | number, string>;
857
+ };
858
+ };
859
+ staticScale: {
860
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
861
+ solid: `${string} var(--${string})` | `${string} var(--${string}, ${string})` | `${string} var(--${string}, ${number})`;
862
+ };
863
+ name: "borderRight";
864
+ };
865
+ borderRightWidth: {
866
+ values: {
867
+ 0: {
868
+ default: string;
869
+ conditions: Record<string | number, string>;
870
+ };
871
+ 1: {
872
+ default: string;
873
+ conditions: Record<string | number, string>;
874
+ };
875
+ 2: {
876
+ default: string;
877
+ conditions: Record<string | number, string>;
878
+ };
879
+ };
880
+ staticScale: {
881
+ 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
882
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
883
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
884
+ };
885
+ name: "borderRightWidth";
886
+ };
887
+ borderRightColor: {
888
+ values: {
889
+ transparent: {
890
+ default: string;
891
+ conditions: Record<string | number, string>;
892
+ };
893
+ blackTypoHigh: {
894
+ default: string;
895
+ conditions: Record<string | number, string>;
896
+ };
897
+ blackTypoMedium: {
898
+ default: string;
899
+ conditions: Record<string | number, string>;
900
+ };
901
+ blackTypoLow: {
902
+ default: string;
903
+ conditions: Record<string | number, string>;
904
+ };
905
+ whiteTypoHigh: {
906
+ default: string;
907
+ conditions: Record<string | number, string>;
908
+ };
909
+ whiteTypoMedium: {
910
+ default: string;
911
+ conditions: Record<string | number, string>;
912
+ };
913
+ whiteTypoLow: {
914
+ default: string;
915
+ conditions: Record<string | number, string>;
916
+ };
917
+ redSurface1: {
918
+ default: string;
919
+ conditions: Record<string | number, string>;
920
+ };
921
+ redSurface2: {
922
+ default: string;
923
+ conditions: Record<string | number, string>;
924
+ };
925
+ yellowSurface1: {
926
+ default: string;
927
+ conditions: Record<string | number, string>;
928
+ };
929
+ yellowSurface2: {
930
+ default: string;
931
+ conditions: Record<string | number, string>;
932
+ };
933
+ blueSurface1: {
934
+ default: string;
935
+ conditions: Record<string | number, string>;
936
+ };
937
+ blueSurface2: {
938
+ default: string;
939
+ conditions: Record<string | number, string>;
940
+ };
941
+ greenSurface1: {
942
+ default: string;
943
+ conditions: Record<string | number, string>;
944
+ };
945
+ greenSurface2: {
946
+ default: string;
947
+ conditions: Record<string | number, string>;
948
+ };
949
+ redAccent1: {
950
+ default: string;
951
+ conditions: Record<string | number, string>;
952
+ };
953
+ redAccent2: {
954
+ default: string;
955
+ conditions: Record<string | number, string>;
956
+ };
957
+ redAccent3: {
958
+ default: string;
959
+ conditions: Record<string | number, string>;
960
+ };
961
+ yellowAccent1: {
962
+ default: string;
963
+ conditions: Record<string | number, string>;
964
+ };
965
+ yellowAccent2: {
966
+ default: string;
967
+ conditions: Record<string | number, string>;
968
+ };
969
+ yellowAccent3: {
970
+ default: string;
971
+ conditions: Record<string | number, string>;
972
+ };
973
+ blueAccent1: {
974
+ default: string;
975
+ conditions: Record<string | number, string>;
976
+ };
977
+ blueAccent2: {
978
+ default: string;
979
+ conditions: Record<string | number, string>;
980
+ };
981
+ blueAccent3: {
982
+ default: string;
983
+ conditions: Record<string | number, string>;
984
+ };
985
+ greenAccent1: {
986
+ default: string;
987
+ conditions: Record<string | number, string>;
988
+ };
989
+ greenAccent2: {
990
+ default: string;
991
+ conditions: Record<string | number, string>;
992
+ };
993
+ greenAccent3: {
994
+ default: string;
995
+ conditions: Record<string | number, string>;
996
+ };
997
+ red1: {
998
+ default: string;
999
+ conditions: Record<string | number, string>;
1000
+ };
1001
+ red2: {
1002
+ default: string;
1003
+ conditions: Record<string | number, string>;
1004
+ };
1005
+ red3: {
1006
+ default: string;
1007
+ conditions: Record<string | number, string>;
1008
+ };
1009
+ yellow1: {
1010
+ default: string;
1011
+ conditions: Record<string | number, string>;
1012
+ };
1013
+ yellow2: {
1014
+ default: string;
1015
+ conditions: Record<string | number, string>;
1016
+ };
1017
+ yellow3: {
1018
+ default: string;
1019
+ conditions: Record<string | number, string>;
1020
+ };
1021
+ blue1: {
1022
+ default: string;
1023
+ conditions: Record<string | number, string>;
1024
+ };
1025
+ blue2: {
1026
+ default: string;
1027
+ conditions: Record<string | number, string>;
1028
+ };
1029
+ blue3: {
1030
+ default: string;
1031
+ conditions: Record<string | number, string>;
1032
+ };
1033
+ green1: {
1034
+ default: string;
1035
+ conditions: Record<string | number, string>;
1036
+ };
1037
+ green2: {
1038
+ default: string;
1039
+ conditions: Record<string | number, string>;
1040
+ };
1041
+ green3: {
1042
+ default: string;
1043
+ conditions: Record<string | number, string>;
1044
+ };
1045
+ primary: {
1046
+ default: string;
1047
+ conditions: Record<string | number, string>;
1048
+ };
1049
+ secondary: {
1050
+ default: string;
1051
+ conditions: Record<string | number, string>;
1052
+ };
1053
+ black: {
1054
+ default: string;
1055
+ conditions: Record<string | number, string>;
1056
+ };
1057
+ white: {
1058
+ default: string;
1059
+ conditions: Record<string | number, string>;
1060
+ };
1061
+ grey1: {
1062
+ default: string;
1063
+ conditions: Record<string | number, string>;
1064
+ };
1065
+ grey2: {
1066
+ default: string;
1067
+ conditions: Record<string | number, string>;
1068
+ };
1069
+ grey3: {
1070
+ default: string;
1071
+ conditions: Record<string | number, string>;
1072
+ };
1073
+ };
1074
+ staticScale: {
1075
+ blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1076
+ blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1077
+ blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1078
+ whiteTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1079
+ whiteTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1080
+ whiteTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1081
+ redSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1082
+ redSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1083
+ yellowSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1084
+ yellowSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1085
+ blueSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1086
+ blueSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1087
+ greenSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1088
+ greenSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1089
+ redAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1090
+ redAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1091
+ redAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1092
+ yellowAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1093
+ yellowAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1094
+ yellowAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1095
+ blueAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1096
+ blueAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1097
+ blueAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1098
+ greenAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1099
+ greenAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1100
+ greenAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1101
+ red1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1102
+ red2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1103
+ red3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1104
+ yellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1105
+ yellow2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1106
+ yellow3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1107
+ blue1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1108
+ blue2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1109
+ blue3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1110
+ green1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1111
+ green2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1112
+ green3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1113
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1114
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1115
+ black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1116
+ white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1117
+ grey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1118
+ grey2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1119
+ grey3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1120
+ transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1121
+ };
1122
+ name: "borderRightColor";
1123
+ };
1124
+ borderLeft: {
1125
+ values: {
1126
+ none: {
1127
+ default: string;
1128
+ conditions: Record<string | number, string>;
1129
+ };
1130
+ solid: {
1131
+ default: string;
1132
+ conditions: Record<string | number, string>;
1133
+ };
1134
+ };
1135
+ staticScale: {
1136
+ none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1137
+ solid: `${string} var(--${string})` | `${string} var(--${string}, ${string})` | `${string} var(--${string}, ${number})`;
1138
+ };
1139
+ name: "borderLeft";
1140
+ };
1141
+ borderLeftWidth: {
1142
+ values: {
1143
+ 0: {
1144
+ default: string;
1145
+ conditions: Record<string | number, string>;
1146
+ };
1147
+ 1: {
1148
+ default: string;
1149
+ conditions: Record<string | number, string>;
1150
+ };
1151
+ 2: {
1152
+ default: string;
1153
+ conditions: Record<string | number, string>;
1154
+ };
1155
+ };
1156
+ staticScale: {
1157
+ 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1158
+ 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1159
+ 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1160
+ };
1161
+ name: "borderLeftWidth";
1162
+ };
1163
+ borderLeftColor: {
1164
+ values: {
1165
+ transparent: {
1166
+ default: string;
1167
+ conditions: Record<string | number, string>;
1168
+ };
1169
+ blackTypoHigh: {
1170
+ default: string;
1171
+ conditions: Record<string | number, string>;
1172
+ };
1173
+ blackTypoMedium: {
1174
+ default: string;
1175
+ conditions: Record<string | number, string>;
1176
+ };
1177
+ blackTypoLow: {
1178
+ default: string;
1179
+ conditions: Record<string | number, string>;
1180
+ };
1181
+ whiteTypoHigh: {
1182
+ default: string;
1183
+ conditions: Record<string | number, string>;
1184
+ };
1185
+ whiteTypoMedium: {
1186
+ default: string;
1187
+ conditions: Record<string | number, string>;
1188
+ };
1189
+ whiteTypoLow: {
1190
+ default: string;
1191
+ conditions: Record<string | number, string>;
1192
+ };
1193
+ redSurface1: {
1194
+ default: string;
1195
+ conditions: Record<string | number, string>;
1196
+ };
1197
+ redSurface2: {
1198
+ default: string;
1199
+ conditions: Record<string | number, string>;
1200
+ };
1201
+ yellowSurface1: {
1202
+ default: string;
1203
+ conditions: Record<string | number, string>;
1204
+ };
1205
+ yellowSurface2: {
1206
+ default: string;
1207
+ conditions: Record<string | number, string>;
1208
+ };
1209
+ blueSurface1: {
1210
+ default: string;
1211
+ conditions: Record<string | number, string>;
1212
+ };
1213
+ blueSurface2: {
1214
+ default: string;
1215
+ conditions: Record<string | number, string>;
1216
+ };
1217
+ greenSurface1: {
1218
+ default: string;
1219
+ conditions: Record<string | number, string>;
1220
+ };
1221
+ greenSurface2: {
1222
+ default: string;
1223
+ conditions: Record<string | number, string>;
1224
+ };
1225
+ redAccent1: {
1226
+ default: string;
1227
+ conditions: Record<string | number, string>;
1228
+ };
1229
+ redAccent2: {
1230
+ default: string;
1231
+ conditions: Record<string | number, string>;
1232
+ };
1233
+ redAccent3: {
1234
+ default: string;
1235
+ conditions: Record<string | number, string>;
1236
+ };
1237
+ yellowAccent1: {
1238
+ default: string;
1239
+ conditions: Record<string | number, string>;
1240
+ };
1241
+ yellowAccent2: {
1242
+ default: string;
1243
+ conditions: Record<string | number, string>;
1244
+ };
1245
+ yellowAccent3: {
1246
+ default: string;
1247
+ conditions: Record<string | number, string>;
1248
+ };
1249
+ blueAccent1: {
1250
+ default: string;
1251
+ conditions: Record<string | number, string>;
1252
+ };
1253
+ blueAccent2: {
1254
+ default: string;
1255
+ conditions: Record<string | number, string>;
1256
+ };
1257
+ blueAccent3: {
1258
+ default: string;
1259
+ conditions: Record<string | number, string>;
1260
+ };
1261
+ greenAccent1: {
1262
+ default: string;
1263
+ conditions: Record<string | number, string>;
1264
+ };
1265
+ greenAccent2: {
1266
+ default: string;
1267
+ conditions: Record<string | number, string>;
1268
+ };
1269
+ greenAccent3: {
1270
+ default: string;
1271
+ conditions: Record<string | number, string>;
1272
+ };
1273
+ red1: {
1274
+ default: string;
1275
+ conditions: Record<string | number, string>;
1276
+ };
1277
+ red2: {
1278
+ default: string;
1279
+ conditions: Record<string | number, string>;
1280
+ };
1281
+ red3: {
1282
+ default: string;
1283
+ conditions: Record<string | number, string>;
1284
+ };
1285
+ yellow1: {
1286
+ default: string;
1287
+ conditions: Record<string | number, string>;
1288
+ };
1289
+ yellow2: {
1290
+ default: string;
1291
+ conditions: Record<string | number, string>;
1292
+ };
1293
+ yellow3: {
1294
+ default: string;
1295
+ conditions: Record<string | number, string>;
1296
+ };
1297
+ blue1: {
1298
+ default: string;
1299
+ conditions: Record<string | number, string>;
1300
+ };
1301
+ blue2: {
1302
+ default: string;
1303
+ conditions: Record<string | number, string>;
1304
+ };
1305
+ blue3: {
1306
+ default: string;
1307
+ conditions: Record<string | number, string>;
1308
+ };
1309
+ green1: {
1310
+ default: string;
1311
+ conditions: Record<string | number, string>;
1312
+ };
1313
+ green2: {
1314
+ default: string;
1315
+ conditions: Record<string | number, string>;
1316
+ };
1317
+ green3: {
1318
+ default: string;
1319
+ conditions: Record<string | number, string>;
1320
+ };
1321
+ primary: {
1322
+ default: string;
1323
+ conditions: Record<string | number, string>;
1324
+ };
1325
+ secondary: {
1326
+ default: string;
1327
+ conditions: Record<string | number, string>;
1328
+ };
1329
+ black: {
1330
+ default: string;
1331
+ conditions: Record<string | number, string>;
1332
+ };
1333
+ white: {
1334
+ default: string;
1335
+ conditions: Record<string | number, string>;
1336
+ };
1337
+ grey1: {
1338
+ default: string;
1339
+ conditions: Record<string | number, string>;
1340
+ };
1341
+ grey2: {
1342
+ default: string;
1343
+ conditions: Record<string | number, string>;
1344
+ };
1345
+ grey3: {
1346
+ default: string;
1347
+ conditions: Record<string | number, string>;
1348
+ };
1349
+ };
1350
+ staticScale: {
1351
+ blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1352
+ blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1353
+ blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1354
+ whiteTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1355
+ whiteTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1356
+ whiteTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1357
+ redSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1358
+ redSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1359
+ yellowSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1360
+ yellowSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1361
+ blueSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1362
+ blueSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1363
+ greenSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1364
+ greenSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1365
+ redAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1366
+ redAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1367
+ redAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1368
+ yellowAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1369
+ yellowAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1370
+ yellowAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1371
+ blueAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1372
+ blueAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1373
+ blueAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1374
+ greenAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1375
+ greenAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1376
+ greenAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1377
+ red1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1378
+ red2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1379
+ red3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1380
+ yellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1381
+ yellow2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1382
+ yellow3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1383
+ blue1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1384
+ blue2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1385
+ blue3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1386
+ green1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1387
+ green2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1388
+ green3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1389
+ primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1390
+ secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1391
+ black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1392
+ white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1393
+ grey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1394
+ grey2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1395
+ grey3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1396
+ transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1397
+ };
1398
+ name: "borderLeftColor";
1399
+ };
1400
+ };
1401
+ } & {
1402
+ config: {
1403
+ borderWidth: {
1404
+ dynamic: {
1405
+ default: string;
1406
+ conditions: Record<string | number, string>;
1407
+ };
1408
+ dynamicScale: true;
1409
+ name: "borderWidth";
1410
+ vars: {
1411
+ default: string;
1412
+ conditions: Record<string | number, string>;
1413
+ };
1414
+ };
1415
+ borderColor: {
1416
+ dynamic: {
1417
+ default: string;
1418
+ conditions: Record<string | number, string>;
1419
+ };
1420
+ dynamicScale: true;
1421
+ name: "borderColor";
1422
+ vars: {
1423
+ default: string;
1424
+ conditions: Record<string | number, string>;
1425
+ };
1426
+ };
1427
+ borderTopWidth: {
1428
+ dynamic: {
1429
+ default: string;
1430
+ conditions: Record<string | number, string>;
1431
+ };
1432
+ dynamicScale: true;
1433
+ name: "borderTopWidth";
1434
+ vars: {
1435
+ default: string;
1436
+ conditions: Record<string | number, string>;
1437
+ };
1438
+ };
1439
+ borderTopColor: {
1440
+ dynamic: {
1441
+ default: string;
1442
+ conditions: Record<string | number, string>;
1443
+ };
1444
+ dynamicScale: true;
1445
+ name: "borderTopColor";
1446
+ vars: {
1447
+ default: string;
1448
+ conditions: Record<string | number, string>;
1449
+ };
1450
+ };
1451
+ borderTopStyle: {
1452
+ dynamic: {
1453
+ default: string;
1454
+ conditions: Record<string | number, string>;
1455
+ };
1456
+ dynamicScale: true;
1457
+ name: "borderTopStyle";
1458
+ vars: {
1459
+ default: string;
1460
+ conditions: Record<string | number, string>;
1461
+ };
1462
+ };
1463
+ borderBottomWidth: {
1464
+ dynamic: {
1465
+ default: string;
1466
+ conditions: Record<string | number, string>;
1467
+ };
1468
+ dynamicScale: true;
1469
+ name: "borderBottomWidth";
1470
+ vars: {
1471
+ default: string;
1472
+ conditions: Record<string | number, string>;
1473
+ };
1474
+ };
1475
+ borderBottomColor: {
1476
+ dynamic: {
1477
+ default: string;
1478
+ conditions: Record<string | number, string>;
1479
+ };
1480
+ dynamicScale: true;
1481
+ name: "borderBottomColor";
1482
+ vars: {
1483
+ default: string;
1484
+ conditions: Record<string | number, string>;
1485
+ };
1486
+ };
1487
+ borderBottomStyle: {
1488
+ dynamic: {
1489
+ default: string;
1490
+ conditions: Record<string | number, string>;
1491
+ };
1492
+ dynamicScale: true;
1493
+ name: "borderBottomStyle";
1494
+ vars: {
1495
+ default: string;
1496
+ conditions: Record<string | number, string>;
1497
+ };
1498
+ };
1499
+ borderRightWidth: {
1500
+ dynamic: {
1501
+ default: string;
1502
+ conditions: Record<string | number, string>;
1503
+ };
1504
+ dynamicScale: true;
1505
+ name: "borderRightWidth";
1506
+ vars: {
1507
+ default: string;
1508
+ conditions: Record<string | number, string>;
1509
+ };
1510
+ };
1511
+ borderRightColor: {
1512
+ dynamic: {
1513
+ default: string;
1514
+ conditions: Record<string | number, string>;
1515
+ };
1516
+ dynamicScale: true;
1517
+ name: "borderRightColor";
1518
+ vars: {
1519
+ default: string;
1520
+ conditions: Record<string | number, string>;
1521
+ };
1522
+ };
1523
+ borderRightStyle: {
1524
+ dynamic: {
1525
+ default: string;
1526
+ conditions: Record<string | number, string>;
1527
+ };
1528
+ dynamicScale: true;
1529
+ name: "borderRightStyle";
1530
+ vars: {
1531
+ default: string;
1532
+ conditions: Record<string | number, string>;
1533
+ };
1534
+ };
1535
+ borderLeftWidth: {
1536
+ dynamic: {
1537
+ default: string;
1538
+ conditions: Record<string | number, string>;
1539
+ };
1540
+ dynamicScale: true;
1541
+ name: "borderLeftWidth";
1542
+ vars: {
1543
+ default: string;
1544
+ conditions: Record<string | number, string>;
1545
+ };
1546
+ };
1547
+ borderLeftColor: {
1548
+ dynamic: {
1549
+ default: string;
1550
+ conditions: Record<string | number, string>;
1551
+ };
1552
+ dynamicScale: true;
1553
+ name: "borderLeftColor";
1554
+ vars: {
1555
+ default: string;
1556
+ conditions: Record<string | number, string>;
1557
+ };
1558
+ };
1559
+ borderLeftStyle: {
1560
+ dynamic: {
1561
+ default: string;
1562
+ conditions: Record<string | number, string>;
1563
+ };
1564
+ dynamicScale: true;
1565
+ name: "borderLeftStyle";
1566
+ vars: {
1567
+ default: string;
1568
+ conditions: Record<string | number, string>;
1569
+ };
1570
+ };
1571
+ };
1572
+ } & {
1573
+ config: {};
1574
+ }]>;
1575
+ export type BorderAtoms = Parameters<typeof borderAtoms>[0];