@sps-woodland/tokens 7.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 (110) hide show
  1. package/README.md +128 -0
  2. package/config/config.js +89 -0
  3. package/config/config.js.map +1 -0
  4. package/config/formats/fontFace.js +73 -0
  5. package/config/formats/fontFace.js.map +1 -0
  6. package/config/formats/jsSimpleObject.js +59 -0
  7. package/config/formats/jsSimpleObject.js.map +1 -0
  8. package/config/formats/utility-class-builders/color.js +25 -0
  9. package/config/formats/utility-class-builders/color.js.map +1 -0
  10. package/config/formats/utility-class-builders/grid.js +31 -0
  11. package/config/formats/utility-class-builders/grid.js.map +1 -0
  12. package/config/formats/utility-class-builders/icon.js +26 -0
  13. package/config/formats/utility-class-builders/icon.js.map +1 -0
  14. package/config/formats/utility-class-builders/iconSize.js +15 -0
  15. package/config/formats/utility-class-builders/iconSize.js.map +1 -0
  16. package/config/formats/utility-class-builders/spacing.js +44 -0
  17. package/config/formats/utility-class-builders/spacing.js.map +1 -0
  18. package/config/formats/utility-class-builders/typeSize.js +30 -0
  19. package/config/formats/utility-class-builders/typeSize.js.map +1 -0
  20. package/config/formats/utility-class-builders/typeWeight.js +15 -0
  21. package/config/formats/utility-class-builders/typeWeight.js.map +1 -0
  22. package/config/formats/utilityClasses.js +91 -0
  23. package/config/formats/utilityClasses.js.map +1 -0
  24. package/config/formats/utils.js +19 -0
  25. package/config/formats/utils.js.map +1 -0
  26. package/config/formats/vanillaExtractSprinkleValues.js +86 -0
  27. package/config/formats/vanillaExtractSprinkleValues.js.map +1 -0
  28. package/config/transforms/attrFont.js +23 -0
  29. package/config/transforms/attrFont.js.map +1 -0
  30. package/config/transforms/attrGridColumns.js +20 -0
  31. package/config/transforms/attrGridColumns.js.map +1 -0
  32. package/config-src/config.js.map +1 -0
  33. package/config-src/config.ts +89 -0
  34. package/config-src/formats/fontFace.js.map +1 -0
  35. package/config-src/formats/fontFace.ts +68 -0
  36. package/config-src/formats/jsSimpleObject.js.map +1 -0
  37. package/config-src/formats/jsSimpleObject.ts +32 -0
  38. package/config-src/formats/utility-class-builders/UtilityClassBuilder.d.ts +7 -0
  39. package/config-src/formats/utility-class-builders/color.js.map +1 -0
  40. package/config-src/formats/utility-class-builders/color.ts +24 -0
  41. package/config-src/formats/utility-class-builders/grid.js.map +1 -0
  42. package/config-src/formats/utility-class-builders/grid.ts +30 -0
  43. package/config-src/formats/utility-class-builders/icon.js.map +1 -0
  44. package/config-src/formats/utility-class-builders/icon.ts +26 -0
  45. package/config-src/formats/utility-class-builders/iconSize.js.map +1 -0
  46. package/config-src/formats/utility-class-builders/iconSize.ts +13 -0
  47. package/config-src/formats/utility-class-builders/spacing.js.map +1 -0
  48. package/config-src/formats/utility-class-builders/spacing.ts +44 -0
  49. package/config-src/formats/utility-class-builders/typeSize.js.map +1 -0
  50. package/config-src/formats/utility-class-builders/typeSize.ts +30 -0
  51. package/config-src/formats/utility-class-builders/typeWeight.js.map +1 -0
  52. package/config-src/formats/utility-class-builders/typeWeight.ts +13 -0
  53. package/config-src/formats/utilityClasses.js.map +1 -0
  54. package/config-src/formats/utilityClasses.ts +77 -0
  55. package/config-src/formats/utils.js.map +1 -0
  56. package/config-src/formats/utils.ts +14 -0
  57. package/config-src/formats/vanillaExtractSprinkleValues.js.map +1 -0
  58. package/config-src/formats/vanillaExtractSprinkleValues.ts +73 -0
  59. package/config-src/transforms/attrFont.js.map +1 -0
  60. package/config-src/transforms/attrFont.ts +24 -0
  61. package/config-src/transforms/attrGridColumns.js.map +1 -0
  62. package/config-src/transforms/attrGridColumns.ts +15 -0
  63. package/config-src/tsconfig.json +22 -0
  64. package/lib/css/tokens.css +668 -0
  65. package/lib/css/utils.css +1318 -0
  66. package/lib/dictionary.d.ts +33847 -0
  67. package/lib/font.css +102 -0
  68. package/lib/index.cjs.js +1 -0
  69. package/lib/index.d.ts +8 -0
  70. package/lib/index.es.js +1611 -0
  71. package/lib/scss/tokens.scss +665 -0
  72. package/lib/scss/utils.scss +1318 -0
  73. package/lib/tokens.d.ts +1389 -0
  74. package/lib/types.d.ts +5 -0
  75. package/lib/utils/pxToRem.d.ts +5 -0
  76. package/lib/utils/rem.d.ts +7 -0
  77. package/lib/utils/transparentEquivalentColor.d.ts +29 -0
  78. package/lib/vanilla-extract/border.css.d.ts +37 -0
  79. package/lib/vanilla-extract/grid.css.d.ts +15 -0
  80. package/lib/vanilla-extract/properties/border.css.d.ts +1397 -0
  81. package/lib/vanilla-extract/properties/color.css.d.ts +464 -0
  82. package/lib/vanilla-extract/properties/conditions.d.ts +27 -0
  83. package/lib/vanilla-extract/properties/grid.css.d.ts +55 -0
  84. package/lib/vanilla-extract/properties/margin.css.d.ts +321 -0
  85. package/lib/vanilla-extract/properties/padding.css.d.ts +321 -0
  86. package/lib/vanilla-extract/properties/type.css.d.ts +80 -0
  87. package/lib/vanilla-extract/sprinkleValues.d.ts +1114 -0
  88. package/lib/vanilla-extract/sprinkles.css.d.ts +5267 -0
  89. package/lib/vanilla-extract/style.css +1 -0
  90. package/package.json +37 -0
  91. package/src/dictionary.ts +46007 -0
  92. package/src/index.ts +8 -0
  93. package/src/tokens.ts +785 -0
  94. package/src/types.ts +6 -0
  95. package/src/utils/pxToRem.ts +7 -0
  96. package/src/utils/rem.ts +27 -0
  97. package/src/utils/transparentEquivalentColor.ts +42 -0
  98. package/src/vanilla-extract/border.css.ts +46 -0
  99. package/src/vanilla-extract/grid.css.ts +49 -0
  100. package/src/vanilla-extract/properties/border.css.ts +33 -0
  101. package/src/vanilla-extract/properties/color.css.ts +16 -0
  102. package/src/vanilla-extract/properties/conditions.ts +14 -0
  103. package/src/vanilla-extract/properties/grid.css.ts +13 -0
  104. package/src/vanilla-extract/properties/margin.css.ts +40 -0
  105. package/src/vanilla-extract/properties/padding.css.ts +40 -0
  106. package/src/vanilla-extract/properties/type.css.ts +17 -0
  107. package/src/vanilla-extract/sprinkleValues.ts +605 -0
  108. package/src/vanilla-extract/sprinkles.css.ts +19 -0
  109. package/tsconfig.json +13 -0
  110. package/vite.config.js +21 -0
@@ -0,0 +1,1397 @@
1
+ export declare const borderProperties: {
2
+ conditions: {
3
+ defaultCondition: "default";
4
+ conditionNames: ("hover" | "default" | "focus")[];
5
+ };
6
+ styles: {
7
+ borderColor: {
8
+ values: {
9
+ white: {
10
+ defaultClass: string;
11
+ conditions: {
12
+ hover: string;
13
+ focus: string;
14
+ default: string;
15
+ };
16
+ };
17
+ black: {
18
+ defaultClass: string;
19
+ conditions: {
20
+ hover: string;
21
+ focus: string;
22
+ default: string;
23
+ };
24
+ };
25
+ none: {
26
+ defaultClass: string;
27
+ conditions: {
28
+ hover: string;
29
+ focus: string;
30
+ default: string;
31
+ };
32
+ };
33
+ "red-light": {
34
+ defaultClass: string;
35
+ conditions: {
36
+ hover: string;
37
+ focus: string;
38
+ default: string;
39
+ };
40
+ };
41
+ "red-medium": {
42
+ defaultClass: string;
43
+ conditions: {
44
+ hover: string;
45
+ focus: string;
46
+ default: string;
47
+ };
48
+ };
49
+ "red-dark": {
50
+ defaultClass: string;
51
+ conditions: {
52
+ hover: string;
53
+ focus: string;
54
+ default: string;
55
+ };
56
+ };
57
+ "blue-extra-light": {
58
+ defaultClass: string;
59
+ conditions: {
60
+ hover: string;
61
+ focus: string;
62
+ default: string;
63
+ };
64
+ };
65
+ "blue-light": {
66
+ defaultClass: string;
67
+ conditions: {
68
+ hover: string;
69
+ focus: string;
70
+ default: string;
71
+ };
72
+ };
73
+ "blue-medium": {
74
+ defaultClass: string;
75
+ conditions: {
76
+ hover: string;
77
+ focus: string;
78
+ default: string;
79
+ };
80
+ };
81
+ "blue-dark": {
82
+ defaultClass: string;
83
+ conditions: {
84
+ hover: string;
85
+ focus: string;
86
+ default: string;
87
+ };
88
+ };
89
+ "green-light": {
90
+ defaultClass: string;
91
+ conditions: {
92
+ hover: string;
93
+ focus: string;
94
+ default: string;
95
+ };
96
+ };
97
+ "green-medium": {
98
+ defaultClass: string;
99
+ conditions: {
100
+ hover: string;
101
+ focus: string;
102
+ default: string;
103
+ };
104
+ };
105
+ "green-dark": {
106
+ defaultClass: string;
107
+ conditions: {
108
+ hover: string;
109
+ focus: string;
110
+ default: string;
111
+ };
112
+ };
113
+ "purple-light": {
114
+ defaultClass: string;
115
+ conditions: {
116
+ hover: string;
117
+ focus: string;
118
+ default: string;
119
+ };
120
+ };
121
+ "purple-medium-light": {
122
+ defaultClass: string;
123
+ conditions: {
124
+ hover: string;
125
+ focus: string;
126
+ default: string;
127
+ };
128
+ };
129
+ "purple-medium": {
130
+ defaultClass: string;
131
+ conditions: {
132
+ hover: string;
133
+ focus: string;
134
+ default: string;
135
+ };
136
+ };
137
+ "purple-dark": {
138
+ defaultClass: string;
139
+ conditions: {
140
+ hover: string;
141
+ focus: string;
142
+ default: string;
143
+ };
144
+ };
145
+ "orange-light": {
146
+ defaultClass: string;
147
+ conditions: {
148
+ hover: string;
149
+ focus: string;
150
+ default: string;
151
+ };
152
+ };
153
+ "orange-medium": {
154
+ defaultClass: string;
155
+ conditions: {
156
+ hover: string;
157
+ focus: string;
158
+ default: string;
159
+ };
160
+ };
161
+ "orange-dark": {
162
+ defaultClass: string;
163
+ conditions: {
164
+ hover: string;
165
+ focus: string;
166
+ default: string;
167
+ };
168
+ };
169
+ "grey-extra-light": {
170
+ defaultClass: string;
171
+ conditions: {
172
+ hover: string;
173
+ focus: string;
174
+ default: string;
175
+ };
176
+ };
177
+ "grey-light": {
178
+ defaultClass: string;
179
+ conditions: {
180
+ hover: string;
181
+ focus: string;
182
+ default: string;
183
+ };
184
+ };
185
+ "grey-medium-light": {
186
+ defaultClass: string;
187
+ conditions: {
188
+ hover: string;
189
+ focus: string;
190
+ default: string;
191
+ };
192
+ };
193
+ "grey-medium": {
194
+ defaultClass: string;
195
+ conditions: {
196
+ hover: string;
197
+ focus: string;
198
+ default: string;
199
+ };
200
+ };
201
+ "grey-medium-dark": {
202
+ defaultClass: string;
203
+ conditions: {
204
+ hover: string;
205
+ focus: string;
206
+ default: string;
207
+ };
208
+ };
209
+ "grey-dark": {
210
+ defaultClass: string;
211
+ conditions: {
212
+ hover: string;
213
+ focus: string;
214
+ default: string;
215
+ };
216
+ };
217
+ "yellow-light": {
218
+ defaultClass: string;
219
+ conditions: {
220
+ hover: string;
221
+ focus: string;
222
+ default: string;
223
+ };
224
+ };
225
+ "yellow-medium": {
226
+ defaultClass: string;
227
+ conditions: {
228
+ hover: string;
229
+ focus: string;
230
+ default: string;
231
+ };
232
+ };
233
+ };
234
+ };
235
+ borderBottomColor: {
236
+ values: {
237
+ white: {
238
+ defaultClass: string;
239
+ conditions: {
240
+ hover: string;
241
+ focus: string;
242
+ default: string;
243
+ };
244
+ };
245
+ black: {
246
+ defaultClass: string;
247
+ conditions: {
248
+ hover: string;
249
+ focus: string;
250
+ default: string;
251
+ };
252
+ };
253
+ none: {
254
+ defaultClass: string;
255
+ conditions: {
256
+ hover: string;
257
+ focus: string;
258
+ default: string;
259
+ };
260
+ };
261
+ "red-light": {
262
+ defaultClass: string;
263
+ conditions: {
264
+ hover: string;
265
+ focus: string;
266
+ default: string;
267
+ };
268
+ };
269
+ "red-medium": {
270
+ defaultClass: string;
271
+ conditions: {
272
+ hover: string;
273
+ focus: string;
274
+ default: string;
275
+ };
276
+ };
277
+ "red-dark": {
278
+ defaultClass: string;
279
+ conditions: {
280
+ hover: string;
281
+ focus: string;
282
+ default: string;
283
+ };
284
+ };
285
+ "blue-extra-light": {
286
+ defaultClass: string;
287
+ conditions: {
288
+ hover: string;
289
+ focus: string;
290
+ default: string;
291
+ };
292
+ };
293
+ "blue-light": {
294
+ defaultClass: string;
295
+ conditions: {
296
+ hover: string;
297
+ focus: string;
298
+ default: string;
299
+ };
300
+ };
301
+ "blue-medium": {
302
+ defaultClass: string;
303
+ conditions: {
304
+ hover: string;
305
+ focus: string;
306
+ default: string;
307
+ };
308
+ };
309
+ "blue-dark": {
310
+ defaultClass: string;
311
+ conditions: {
312
+ hover: string;
313
+ focus: string;
314
+ default: string;
315
+ };
316
+ };
317
+ "green-light": {
318
+ defaultClass: string;
319
+ conditions: {
320
+ hover: string;
321
+ focus: string;
322
+ default: string;
323
+ };
324
+ };
325
+ "green-medium": {
326
+ defaultClass: string;
327
+ conditions: {
328
+ hover: string;
329
+ focus: string;
330
+ default: string;
331
+ };
332
+ };
333
+ "green-dark": {
334
+ defaultClass: string;
335
+ conditions: {
336
+ hover: string;
337
+ focus: string;
338
+ default: string;
339
+ };
340
+ };
341
+ "purple-light": {
342
+ defaultClass: string;
343
+ conditions: {
344
+ hover: string;
345
+ focus: string;
346
+ default: string;
347
+ };
348
+ };
349
+ "purple-medium-light": {
350
+ defaultClass: string;
351
+ conditions: {
352
+ hover: string;
353
+ focus: string;
354
+ default: string;
355
+ };
356
+ };
357
+ "purple-medium": {
358
+ defaultClass: string;
359
+ conditions: {
360
+ hover: string;
361
+ focus: string;
362
+ default: string;
363
+ };
364
+ };
365
+ "purple-dark": {
366
+ defaultClass: string;
367
+ conditions: {
368
+ hover: string;
369
+ focus: string;
370
+ default: string;
371
+ };
372
+ };
373
+ "orange-light": {
374
+ defaultClass: string;
375
+ conditions: {
376
+ hover: string;
377
+ focus: string;
378
+ default: string;
379
+ };
380
+ };
381
+ "orange-medium": {
382
+ defaultClass: string;
383
+ conditions: {
384
+ hover: string;
385
+ focus: string;
386
+ default: string;
387
+ };
388
+ };
389
+ "orange-dark": {
390
+ defaultClass: string;
391
+ conditions: {
392
+ hover: string;
393
+ focus: string;
394
+ default: string;
395
+ };
396
+ };
397
+ "grey-extra-light": {
398
+ defaultClass: string;
399
+ conditions: {
400
+ hover: string;
401
+ focus: string;
402
+ default: string;
403
+ };
404
+ };
405
+ "grey-light": {
406
+ defaultClass: string;
407
+ conditions: {
408
+ hover: string;
409
+ focus: string;
410
+ default: string;
411
+ };
412
+ };
413
+ "grey-medium-light": {
414
+ defaultClass: string;
415
+ conditions: {
416
+ hover: string;
417
+ focus: string;
418
+ default: string;
419
+ };
420
+ };
421
+ "grey-medium": {
422
+ defaultClass: string;
423
+ conditions: {
424
+ hover: string;
425
+ focus: string;
426
+ default: string;
427
+ };
428
+ };
429
+ "grey-medium-dark": {
430
+ defaultClass: string;
431
+ conditions: {
432
+ hover: string;
433
+ focus: string;
434
+ default: string;
435
+ };
436
+ };
437
+ "grey-dark": {
438
+ defaultClass: string;
439
+ conditions: {
440
+ hover: string;
441
+ focus: string;
442
+ default: string;
443
+ };
444
+ };
445
+ "yellow-light": {
446
+ defaultClass: string;
447
+ conditions: {
448
+ hover: string;
449
+ focus: string;
450
+ default: string;
451
+ };
452
+ };
453
+ "yellow-medium": {
454
+ defaultClass: string;
455
+ conditions: {
456
+ hover: string;
457
+ focus: string;
458
+ default: string;
459
+ };
460
+ };
461
+ };
462
+ };
463
+ borderLeftColor: {
464
+ values: {
465
+ white: {
466
+ defaultClass: string;
467
+ conditions: {
468
+ hover: string;
469
+ focus: string;
470
+ default: string;
471
+ };
472
+ };
473
+ black: {
474
+ defaultClass: string;
475
+ conditions: {
476
+ hover: string;
477
+ focus: string;
478
+ default: string;
479
+ };
480
+ };
481
+ none: {
482
+ defaultClass: string;
483
+ conditions: {
484
+ hover: string;
485
+ focus: string;
486
+ default: string;
487
+ };
488
+ };
489
+ "red-light": {
490
+ defaultClass: string;
491
+ conditions: {
492
+ hover: string;
493
+ focus: string;
494
+ default: string;
495
+ };
496
+ };
497
+ "red-medium": {
498
+ defaultClass: string;
499
+ conditions: {
500
+ hover: string;
501
+ focus: string;
502
+ default: string;
503
+ };
504
+ };
505
+ "red-dark": {
506
+ defaultClass: string;
507
+ conditions: {
508
+ hover: string;
509
+ focus: string;
510
+ default: string;
511
+ };
512
+ };
513
+ "blue-extra-light": {
514
+ defaultClass: string;
515
+ conditions: {
516
+ hover: string;
517
+ focus: string;
518
+ default: string;
519
+ };
520
+ };
521
+ "blue-light": {
522
+ defaultClass: string;
523
+ conditions: {
524
+ hover: string;
525
+ focus: string;
526
+ default: string;
527
+ };
528
+ };
529
+ "blue-medium": {
530
+ defaultClass: string;
531
+ conditions: {
532
+ hover: string;
533
+ focus: string;
534
+ default: string;
535
+ };
536
+ };
537
+ "blue-dark": {
538
+ defaultClass: string;
539
+ conditions: {
540
+ hover: string;
541
+ focus: string;
542
+ default: string;
543
+ };
544
+ };
545
+ "green-light": {
546
+ defaultClass: string;
547
+ conditions: {
548
+ hover: string;
549
+ focus: string;
550
+ default: string;
551
+ };
552
+ };
553
+ "green-medium": {
554
+ defaultClass: string;
555
+ conditions: {
556
+ hover: string;
557
+ focus: string;
558
+ default: string;
559
+ };
560
+ };
561
+ "green-dark": {
562
+ defaultClass: string;
563
+ conditions: {
564
+ hover: string;
565
+ focus: string;
566
+ default: string;
567
+ };
568
+ };
569
+ "purple-light": {
570
+ defaultClass: string;
571
+ conditions: {
572
+ hover: string;
573
+ focus: string;
574
+ default: string;
575
+ };
576
+ };
577
+ "purple-medium-light": {
578
+ defaultClass: string;
579
+ conditions: {
580
+ hover: string;
581
+ focus: string;
582
+ default: string;
583
+ };
584
+ };
585
+ "purple-medium": {
586
+ defaultClass: string;
587
+ conditions: {
588
+ hover: string;
589
+ focus: string;
590
+ default: string;
591
+ };
592
+ };
593
+ "purple-dark": {
594
+ defaultClass: string;
595
+ conditions: {
596
+ hover: string;
597
+ focus: string;
598
+ default: string;
599
+ };
600
+ };
601
+ "orange-light": {
602
+ defaultClass: string;
603
+ conditions: {
604
+ hover: string;
605
+ focus: string;
606
+ default: string;
607
+ };
608
+ };
609
+ "orange-medium": {
610
+ defaultClass: string;
611
+ conditions: {
612
+ hover: string;
613
+ focus: string;
614
+ default: string;
615
+ };
616
+ };
617
+ "orange-dark": {
618
+ defaultClass: string;
619
+ conditions: {
620
+ hover: string;
621
+ focus: string;
622
+ default: string;
623
+ };
624
+ };
625
+ "grey-extra-light": {
626
+ defaultClass: string;
627
+ conditions: {
628
+ hover: string;
629
+ focus: string;
630
+ default: string;
631
+ };
632
+ };
633
+ "grey-light": {
634
+ defaultClass: string;
635
+ conditions: {
636
+ hover: string;
637
+ focus: string;
638
+ default: string;
639
+ };
640
+ };
641
+ "grey-medium-light": {
642
+ defaultClass: string;
643
+ conditions: {
644
+ hover: string;
645
+ focus: string;
646
+ default: string;
647
+ };
648
+ };
649
+ "grey-medium": {
650
+ defaultClass: string;
651
+ conditions: {
652
+ hover: string;
653
+ focus: string;
654
+ default: string;
655
+ };
656
+ };
657
+ "grey-medium-dark": {
658
+ defaultClass: string;
659
+ conditions: {
660
+ hover: string;
661
+ focus: string;
662
+ default: string;
663
+ };
664
+ };
665
+ "grey-dark": {
666
+ defaultClass: string;
667
+ conditions: {
668
+ hover: string;
669
+ focus: string;
670
+ default: string;
671
+ };
672
+ };
673
+ "yellow-light": {
674
+ defaultClass: string;
675
+ conditions: {
676
+ hover: string;
677
+ focus: string;
678
+ default: string;
679
+ };
680
+ };
681
+ "yellow-medium": {
682
+ defaultClass: string;
683
+ conditions: {
684
+ hover: string;
685
+ focus: string;
686
+ default: string;
687
+ };
688
+ };
689
+ };
690
+ };
691
+ borderRightColor: {
692
+ values: {
693
+ white: {
694
+ defaultClass: string;
695
+ conditions: {
696
+ hover: string;
697
+ focus: string;
698
+ default: string;
699
+ };
700
+ };
701
+ black: {
702
+ defaultClass: string;
703
+ conditions: {
704
+ hover: string;
705
+ focus: string;
706
+ default: string;
707
+ };
708
+ };
709
+ none: {
710
+ defaultClass: string;
711
+ conditions: {
712
+ hover: string;
713
+ focus: string;
714
+ default: string;
715
+ };
716
+ };
717
+ "red-light": {
718
+ defaultClass: string;
719
+ conditions: {
720
+ hover: string;
721
+ focus: string;
722
+ default: string;
723
+ };
724
+ };
725
+ "red-medium": {
726
+ defaultClass: string;
727
+ conditions: {
728
+ hover: string;
729
+ focus: string;
730
+ default: string;
731
+ };
732
+ };
733
+ "red-dark": {
734
+ defaultClass: string;
735
+ conditions: {
736
+ hover: string;
737
+ focus: string;
738
+ default: string;
739
+ };
740
+ };
741
+ "blue-extra-light": {
742
+ defaultClass: string;
743
+ conditions: {
744
+ hover: string;
745
+ focus: string;
746
+ default: string;
747
+ };
748
+ };
749
+ "blue-light": {
750
+ defaultClass: string;
751
+ conditions: {
752
+ hover: string;
753
+ focus: string;
754
+ default: string;
755
+ };
756
+ };
757
+ "blue-medium": {
758
+ defaultClass: string;
759
+ conditions: {
760
+ hover: string;
761
+ focus: string;
762
+ default: string;
763
+ };
764
+ };
765
+ "blue-dark": {
766
+ defaultClass: string;
767
+ conditions: {
768
+ hover: string;
769
+ focus: string;
770
+ default: string;
771
+ };
772
+ };
773
+ "green-light": {
774
+ defaultClass: string;
775
+ conditions: {
776
+ hover: string;
777
+ focus: string;
778
+ default: string;
779
+ };
780
+ };
781
+ "green-medium": {
782
+ defaultClass: string;
783
+ conditions: {
784
+ hover: string;
785
+ focus: string;
786
+ default: string;
787
+ };
788
+ };
789
+ "green-dark": {
790
+ defaultClass: string;
791
+ conditions: {
792
+ hover: string;
793
+ focus: string;
794
+ default: string;
795
+ };
796
+ };
797
+ "purple-light": {
798
+ defaultClass: string;
799
+ conditions: {
800
+ hover: string;
801
+ focus: string;
802
+ default: string;
803
+ };
804
+ };
805
+ "purple-medium-light": {
806
+ defaultClass: string;
807
+ conditions: {
808
+ hover: string;
809
+ focus: string;
810
+ default: string;
811
+ };
812
+ };
813
+ "purple-medium": {
814
+ defaultClass: string;
815
+ conditions: {
816
+ hover: string;
817
+ focus: string;
818
+ default: string;
819
+ };
820
+ };
821
+ "purple-dark": {
822
+ defaultClass: string;
823
+ conditions: {
824
+ hover: string;
825
+ focus: string;
826
+ default: string;
827
+ };
828
+ };
829
+ "orange-light": {
830
+ defaultClass: string;
831
+ conditions: {
832
+ hover: string;
833
+ focus: string;
834
+ default: string;
835
+ };
836
+ };
837
+ "orange-medium": {
838
+ defaultClass: string;
839
+ conditions: {
840
+ hover: string;
841
+ focus: string;
842
+ default: string;
843
+ };
844
+ };
845
+ "orange-dark": {
846
+ defaultClass: string;
847
+ conditions: {
848
+ hover: string;
849
+ focus: string;
850
+ default: string;
851
+ };
852
+ };
853
+ "grey-extra-light": {
854
+ defaultClass: string;
855
+ conditions: {
856
+ hover: string;
857
+ focus: string;
858
+ default: string;
859
+ };
860
+ };
861
+ "grey-light": {
862
+ defaultClass: string;
863
+ conditions: {
864
+ hover: string;
865
+ focus: string;
866
+ default: string;
867
+ };
868
+ };
869
+ "grey-medium-light": {
870
+ defaultClass: string;
871
+ conditions: {
872
+ hover: string;
873
+ focus: string;
874
+ default: string;
875
+ };
876
+ };
877
+ "grey-medium": {
878
+ defaultClass: string;
879
+ conditions: {
880
+ hover: string;
881
+ focus: string;
882
+ default: string;
883
+ };
884
+ };
885
+ "grey-medium-dark": {
886
+ defaultClass: string;
887
+ conditions: {
888
+ hover: string;
889
+ focus: string;
890
+ default: string;
891
+ };
892
+ };
893
+ "grey-dark": {
894
+ defaultClass: string;
895
+ conditions: {
896
+ hover: string;
897
+ focus: string;
898
+ default: string;
899
+ };
900
+ };
901
+ "yellow-light": {
902
+ defaultClass: string;
903
+ conditions: {
904
+ hover: string;
905
+ focus: string;
906
+ default: string;
907
+ };
908
+ };
909
+ "yellow-medium": {
910
+ defaultClass: string;
911
+ conditions: {
912
+ hover: string;
913
+ focus: string;
914
+ default: string;
915
+ };
916
+ };
917
+ };
918
+ };
919
+ borderTopColor: {
920
+ values: {
921
+ white: {
922
+ defaultClass: string;
923
+ conditions: {
924
+ hover: string;
925
+ focus: string;
926
+ default: string;
927
+ };
928
+ };
929
+ black: {
930
+ defaultClass: string;
931
+ conditions: {
932
+ hover: string;
933
+ focus: string;
934
+ default: string;
935
+ };
936
+ };
937
+ none: {
938
+ defaultClass: string;
939
+ conditions: {
940
+ hover: string;
941
+ focus: string;
942
+ default: string;
943
+ };
944
+ };
945
+ "red-light": {
946
+ defaultClass: string;
947
+ conditions: {
948
+ hover: string;
949
+ focus: string;
950
+ default: string;
951
+ };
952
+ };
953
+ "red-medium": {
954
+ defaultClass: string;
955
+ conditions: {
956
+ hover: string;
957
+ focus: string;
958
+ default: string;
959
+ };
960
+ };
961
+ "red-dark": {
962
+ defaultClass: string;
963
+ conditions: {
964
+ hover: string;
965
+ focus: string;
966
+ default: string;
967
+ };
968
+ };
969
+ "blue-extra-light": {
970
+ defaultClass: string;
971
+ conditions: {
972
+ hover: string;
973
+ focus: string;
974
+ default: string;
975
+ };
976
+ };
977
+ "blue-light": {
978
+ defaultClass: string;
979
+ conditions: {
980
+ hover: string;
981
+ focus: string;
982
+ default: string;
983
+ };
984
+ };
985
+ "blue-medium": {
986
+ defaultClass: string;
987
+ conditions: {
988
+ hover: string;
989
+ focus: string;
990
+ default: string;
991
+ };
992
+ };
993
+ "blue-dark": {
994
+ defaultClass: string;
995
+ conditions: {
996
+ hover: string;
997
+ focus: string;
998
+ default: string;
999
+ };
1000
+ };
1001
+ "green-light": {
1002
+ defaultClass: string;
1003
+ conditions: {
1004
+ hover: string;
1005
+ focus: string;
1006
+ default: string;
1007
+ };
1008
+ };
1009
+ "green-medium": {
1010
+ defaultClass: string;
1011
+ conditions: {
1012
+ hover: string;
1013
+ focus: string;
1014
+ default: string;
1015
+ };
1016
+ };
1017
+ "green-dark": {
1018
+ defaultClass: string;
1019
+ conditions: {
1020
+ hover: string;
1021
+ focus: string;
1022
+ default: string;
1023
+ };
1024
+ };
1025
+ "purple-light": {
1026
+ defaultClass: string;
1027
+ conditions: {
1028
+ hover: string;
1029
+ focus: string;
1030
+ default: string;
1031
+ };
1032
+ };
1033
+ "purple-medium-light": {
1034
+ defaultClass: string;
1035
+ conditions: {
1036
+ hover: string;
1037
+ focus: string;
1038
+ default: string;
1039
+ };
1040
+ };
1041
+ "purple-medium": {
1042
+ defaultClass: string;
1043
+ conditions: {
1044
+ hover: string;
1045
+ focus: string;
1046
+ default: string;
1047
+ };
1048
+ };
1049
+ "purple-dark": {
1050
+ defaultClass: string;
1051
+ conditions: {
1052
+ hover: string;
1053
+ focus: string;
1054
+ default: string;
1055
+ };
1056
+ };
1057
+ "orange-light": {
1058
+ defaultClass: string;
1059
+ conditions: {
1060
+ hover: string;
1061
+ focus: string;
1062
+ default: string;
1063
+ };
1064
+ };
1065
+ "orange-medium": {
1066
+ defaultClass: string;
1067
+ conditions: {
1068
+ hover: string;
1069
+ focus: string;
1070
+ default: string;
1071
+ };
1072
+ };
1073
+ "orange-dark": {
1074
+ defaultClass: string;
1075
+ conditions: {
1076
+ hover: string;
1077
+ focus: string;
1078
+ default: string;
1079
+ };
1080
+ };
1081
+ "grey-extra-light": {
1082
+ defaultClass: string;
1083
+ conditions: {
1084
+ hover: string;
1085
+ focus: string;
1086
+ default: string;
1087
+ };
1088
+ };
1089
+ "grey-light": {
1090
+ defaultClass: string;
1091
+ conditions: {
1092
+ hover: string;
1093
+ focus: string;
1094
+ default: string;
1095
+ };
1096
+ };
1097
+ "grey-medium-light": {
1098
+ defaultClass: string;
1099
+ conditions: {
1100
+ hover: string;
1101
+ focus: string;
1102
+ default: string;
1103
+ };
1104
+ };
1105
+ "grey-medium": {
1106
+ defaultClass: string;
1107
+ conditions: {
1108
+ hover: string;
1109
+ focus: string;
1110
+ default: string;
1111
+ };
1112
+ };
1113
+ "grey-medium-dark": {
1114
+ defaultClass: string;
1115
+ conditions: {
1116
+ hover: string;
1117
+ focus: string;
1118
+ default: string;
1119
+ };
1120
+ };
1121
+ "grey-dark": {
1122
+ defaultClass: string;
1123
+ conditions: {
1124
+ hover: string;
1125
+ focus: string;
1126
+ default: string;
1127
+ };
1128
+ };
1129
+ "yellow-light": {
1130
+ defaultClass: string;
1131
+ conditions: {
1132
+ hover: string;
1133
+ focus: string;
1134
+ default: string;
1135
+ };
1136
+ };
1137
+ "yellow-medium": {
1138
+ defaultClass: string;
1139
+ conditions: {
1140
+ hover: string;
1141
+ focus: string;
1142
+ default: string;
1143
+ };
1144
+ };
1145
+ };
1146
+ };
1147
+ borderRadius: {
1148
+ values: {
1149
+ none: {
1150
+ defaultClass: string;
1151
+ conditions: {
1152
+ hover: string;
1153
+ focus: string;
1154
+ default: string;
1155
+ };
1156
+ };
1157
+ xxs: {
1158
+ defaultClass: string;
1159
+ conditions: {
1160
+ hover: string;
1161
+ focus: string;
1162
+ default: string;
1163
+ };
1164
+ };
1165
+ xs: {
1166
+ defaultClass: string;
1167
+ conditions: {
1168
+ hover: string;
1169
+ focus: string;
1170
+ default: string;
1171
+ };
1172
+ };
1173
+ };
1174
+ };
1175
+ borderWidth: {
1176
+ values: {
1177
+ standard: {
1178
+ defaultClass: string;
1179
+ conditions: {
1180
+ hover: string;
1181
+ focus: string;
1182
+ default: string;
1183
+ };
1184
+ };
1185
+ none: {
1186
+ defaultClass: string;
1187
+ conditions: {
1188
+ hover: string;
1189
+ focus: string;
1190
+ default: string;
1191
+ };
1192
+ };
1193
+ };
1194
+ };
1195
+ borderTopWidth: {
1196
+ values: {
1197
+ standard: {
1198
+ defaultClass: string;
1199
+ conditions: {
1200
+ hover: string;
1201
+ focus: string;
1202
+ default: string;
1203
+ };
1204
+ };
1205
+ none: {
1206
+ defaultClass: string;
1207
+ conditions: {
1208
+ hover: string;
1209
+ focus: string;
1210
+ default: string;
1211
+ };
1212
+ };
1213
+ };
1214
+ };
1215
+ borderRightWidth: {
1216
+ values: {
1217
+ standard: {
1218
+ defaultClass: string;
1219
+ conditions: {
1220
+ hover: string;
1221
+ focus: string;
1222
+ default: string;
1223
+ };
1224
+ };
1225
+ none: {
1226
+ defaultClass: string;
1227
+ conditions: {
1228
+ hover: string;
1229
+ focus: string;
1230
+ default: string;
1231
+ };
1232
+ };
1233
+ };
1234
+ };
1235
+ borderBottomWidth: {
1236
+ values: {
1237
+ standard: {
1238
+ defaultClass: string;
1239
+ conditions: {
1240
+ hover: string;
1241
+ focus: string;
1242
+ default: string;
1243
+ };
1244
+ };
1245
+ none: {
1246
+ defaultClass: string;
1247
+ conditions: {
1248
+ hover: string;
1249
+ focus: string;
1250
+ default: string;
1251
+ };
1252
+ };
1253
+ };
1254
+ };
1255
+ borderLeftWidth: {
1256
+ values: {
1257
+ standard: {
1258
+ defaultClass: string;
1259
+ conditions: {
1260
+ hover: string;
1261
+ focus: string;
1262
+ default: string;
1263
+ };
1264
+ };
1265
+ none: {
1266
+ defaultClass: string;
1267
+ conditions: {
1268
+ hover: string;
1269
+ focus: string;
1270
+ default: string;
1271
+ };
1272
+ };
1273
+ };
1274
+ };
1275
+ borderTopLeftRadius: {
1276
+ values: {
1277
+ none: {
1278
+ defaultClass: string;
1279
+ conditions: {
1280
+ hover: string;
1281
+ focus: string;
1282
+ default: string;
1283
+ };
1284
+ };
1285
+ xxs: {
1286
+ defaultClass: string;
1287
+ conditions: {
1288
+ hover: string;
1289
+ focus: string;
1290
+ default: string;
1291
+ };
1292
+ };
1293
+ xs: {
1294
+ defaultClass: string;
1295
+ conditions: {
1296
+ hover: string;
1297
+ focus: string;
1298
+ default: string;
1299
+ };
1300
+ };
1301
+ };
1302
+ };
1303
+ borderTopRightRadius: {
1304
+ values: {
1305
+ none: {
1306
+ defaultClass: string;
1307
+ conditions: {
1308
+ hover: string;
1309
+ focus: string;
1310
+ default: string;
1311
+ };
1312
+ };
1313
+ xxs: {
1314
+ defaultClass: string;
1315
+ conditions: {
1316
+ hover: string;
1317
+ focus: string;
1318
+ default: string;
1319
+ };
1320
+ };
1321
+ xs: {
1322
+ defaultClass: string;
1323
+ conditions: {
1324
+ hover: string;
1325
+ focus: string;
1326
+ default: string;
1327
+ };
1328
+ };
1329
+ };
1330
+ };
1331
+ borderBottomRightRadius: {
1332
+ values: {
1333
+ none: {
1334
+ defaultClass: string;
1335
+ conditions: {
1336
+ hover: string;
1337
+ focus: string;
1338
+ default: string;
1339
+ };
1340
+ };
1341
+ xxs: {
1342
+ defaultClass: string;
1343
+ conditions: {
1344
+ hover: string;
1345
+ focus: string;
1346
+ default: string;
1347
+ };
1348
+ };
1349
+ xs: {
1350
+ defaultClass: string;
1351
+ conditions: {
1352
+ hover: string;
1353
+ focus: string;
1354
+ default: string;
1355
+ };
1356
+ };
1357
+ };
1358
+ };
1359
+ borderBottomLeftRadius: {
1360
+ values: {
1361
+ none: {
1362
+ defaultClass: string;
1363
+ conditions: {
1364
+ hover: string;
1365
+ focus: string;
1366
+ default: string;
1367
+ };
1368
+ };
1369
+ xxs: {
1370
+ defaultClass: string;
1371
+ conditions: {
1372
+ hover: string;
1373
+ focus: string;
1374
+ default: string;
1375
+ };
1376
+ };
1377
+ xs: {
1378
+ defaultClass: string;
1379
+ conditions: {
1380
+ hover: string;
1381
+ focus: string;
1382
+ default: string;
1383
+ };
1384
+ };
1385
+ };
1386
+ };
1387
+ };
1388
+ } & {
1389
+ styles: {
1390
+ borderTopRadius: {
1391
+ mappings: ("borderTopLeftRadius" | "borderTopRightRadius")[];
1392
+ };
1393
+ borderBottomRadius: {
1394
+ mappings: ("borderBottomLeftRadius" | "borderBottomRightRadius")[];
1395
+ };
1396
+ };
1397
+ };