@ctlyst.id/voila-ui-core 1.6.3 → 2.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 (43) hide show
  1. package/dist/index.css +33988 -0
  2. package/dist/index.css.map +1 -0
  3. package/dist/index.d.mts +10609 -0
  4. package/dist/index.d.ts +10609 -0
  5. package/dist/index.js +581 -3
  6. package/dist/index.js.map +1 -0
  7. package/dist/index.mjs +369 -544
  8. package/dist/index.mjs.map +1 -0
  9. package/package.json +37 -48
  10. package/dist/style.css +0 -1
  11. package/dist/types/@types/vanilla-sprinkles.d.ts +0 -17
  12. package/dist/types/index.d.ts +0 -6
  13. package/dist/types/theme/index.d.ts +0 -2
  14. package/dist/types/theme/styles/atoms/background.css.d.ts +0 -100
  15. package/dist/types/theme/styles/atoms/border.css.d.ts +0 -1600
  16. package/dist/types/theme/styles/atoms/common.css.d.ts +0 -744
  17. package/dist/types/theme/styles/atoms/constants.d.ts +0 -3
  18. package/dist/types/theme/styles/atoms/flex.css.d.ts +0 -636
  19. package/dist/types/theme/styles/atoms/grid.css.d.ts +0 -855
  20. package/dist/types/theme/styles/atoms/index.d.ts +0 -11
  21. package/dist/types/theme/styles/atoms/position.css.d.ts +0 -1050
  22. package/dist/types/theme/styles/atoms/radii.css.d.ts +0 -48
  23. package/dist/types/theme/styles/atoms/shadow.css.d.ts +0 -44
  24. package/dist/types/theme/styles/atoms/sizes.css.d.ts +0 -1801
  25. package/dist/types/theme/styles/atoms/space.css.d.ts +0 -2543
  26. package/dist/types/theme/styles/atoms/typography.css.d.ts +0 -413
  27. package/dist/types/theme/styles/globals.css.d.ts +0 -3
  28. package/dist/types/theme/styles/index.d.ts +0 -4
  29. package/dist/types/theme/styles/normalize.css.d.ts +0 -0
  30. package/dist/types/theme/styles/theme.css.d.ts +0 -353
  31. package/dist/types/theme/styles/utilityClasses.css.d.ts +0 -2
  32. package/dist/types/theme/styles/utils.d.ts +0 -17
  33. package/dist/types/theme/tokens/animation.d.ts +0 -21
  34. package/dist/types/theme/tokens/border.d.ts +0 -9
  35. package/dist/types/theme/tokens/breakpoints.d.ts +0 -9
  36. package/dist/types/theme/tokens/color.d.ts +0 -130
  37. package/dist/types/theme/tokens/index.d.ts +0 -354
  38. package/dist/types/theme/tokens/opacity.d.ts +0 -8
  39. package/dist/types/theme/tokens/radii.d.ts +0 -6
  40. package/dist/types/theme/tokens/shadows.d.ts +0 -6
  41. package/dist/types/theme/tokens/space.d.ts +0 -96
  42. package/dist/types/theme/tokens/typography.d.ts +0 -137
  43. package/dist/types/theme/tokens/z-indices.d.ts +0 -16
package/dist/types/theme/styles/atoms/border.css.d.ts DELETED
@@ -1,1600 +0,0 @@
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];