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