@patternfly/design-tokens 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/build/css/_tokens-charts.scss +159 -0
  2. package/build/css/_tokens-dark.scss +355 -0
  3. package/build/css/_tokens-default.scss +418 -0
  4. package/build/css/_tokens-palette.scss +75 -0
  5. package/build-js-for-docs.js +38 -0
  6. package/build.js +55 -0
  7. package/config.chart.json +23 -0
  8. package/config.dark.json +23 -0
  9. package/config.default.json +23 -0
  10. package/config.palette-colors.json +23 -0
  11. package/generate-fed-package-json.js +65 -0
  12. package/package.json +52 -0
  13. package/patternfly-a11y.config.js +24 -0
  14. package/patternfly-docs/content/all-patternfly-tokens.md +9 -0
  15. package/patternfly-docs/content/tokensTable.js +143 -0
  16. package/patternfly-docs/generated/index.js +12 -0
  17. package/patternfly-docs/generated/react.js +59 -0
  18. package/patternfly-docs/generated/tokens/all-patternfly-tokens/tokens.js +34 -0
  19. package/patternfly-docs/pages/index.js +27 -0
  20. package/patternfly-docs/patternfly-docs.config.js +6 -0
  21. package/patternfly-docs/patternfly-docs.css.js +8 -0
  22. package/patternfly-docs/patternfly-docs.routes.js +12 -0
  23. package/patternfly-docs/patternfly-docs.source.js +20 -0
  24. package/patternfly-docs/scssAsJson.json +1 -0
  25. package/plugins/export-patternfly-tokens/README.md +22 -0
  26. package/plugins/export-patternfly-tokens/code.js +85 -0
  27. package/plugins/export-patternfly-tokens/export.html +179 -0
  28. package/plugins/export-patternfly-tokens/manifest.json +12 -0
  29. package/release.config.js +13 -0
  30. package/tokens/AsExported.text +3388 -0
  31. package/tokens/dark/base.dark.json +331 -0
  32. package/tokens/dark/palette.color.json +295 -0
  33. package/tokens/dark/semantic.dark.json +1359 -0
  34. package/tokens/default/base.dimension.json +171 -0
  35. package/tokens/default/base.json +329 -0
  36. package/tokens/default/chart.json +695 -0
  37. package/tokens/default/palette.color.json +295 -0
  38. package/tokens/default/semantic.dimension.json +383 -0
  39. package/tokens/default/semantic.json +1110 -0
@@ -0,0 +1,3388 @@
1
+ /* Color Palette.Mode 1.tokens.json */
2
+
3
+ {
4
+ "color": {
5
+ "red": {
6
+ "100": {
7
+ "$type": "color",
8
+ "$value": "#ffdbd9"
9
+ },
10
+ "200": {
11
+ "$type": "color",
12
+ "$value": "#f69f98"
13
+ },
14
+ "300": {
15
+ "$type": "color",
16
+ "$value": "#ee665b"
17
+ },
18
+ "400": {
19
+ "$type": "color",
20
+ "$value": "#c9190b"
21
+ },
22
+ "500": {
23
+ "$type": "color",
24
+ "$value": "#8a0a00"
25
+ },
26
+ "600": {
27
+ "$type": "color",
28
+ "$value": "#5a0600"
29
+ },
30
+ "700": {
31
+ "$type": "color",
32
+ "$value": "#3a0400"
33
+ }
34
+ },
35
+ "purple": {
36
+ "100": {
37
+ "$type": "color",
38
+ "$value": "#eae3fc"
39
+ },
40
+ "200": {
41
+ "$type": "color",
42
+ "$value": "#c0b0f1"
43
+ },
44
+ "300": {
45
+ "$type": "color",
46
+ "$value": "#9a81e5"
47
+ },
48
+ "400": {
49
+ "$type": "color",
50
+ "$value": "#5f40be"
51
+ },
52
+ "500": {
53
+ "$type": "color",
54
+ "$value": "#3e2882"
55
+ },
56
+ "600": {
57
+ "$type": "color",
58
+ "$value": "#291b55"
59
+ },
60
+ "700": {
61
+ "$type": "color",
62
+ "$value": "#1c1337"
63
+ }
64
+ },
65
+ "orangered": {
66
+ "100": {
67
+ "$type": "color",
68
+ "$value": "#ffd3c9"
69
+ },
70
+ "200": {
71
+ "$type": "color",
72
+ "$value": "#ff947c"
73
+ },
74
+ "300": {
75
+ "$type": "color",
76
+ "$value": "#ff542e"
77
+ },
78
+ "400": {
79
+ "$type": "color",
80
+ "$value": "#cc3a00"
81
+ },
82
+ "500": {
83
+ "$type": "color",
84
+ "$value": "#882d00"
85
+ },
86
+ "600": {
87
+ "$type": "color",
88
+ "$value": "#552000"
89
+ },
90
+ "700": {
91
+ "$type": "color",
92
+ "$value": "#331500"
93
+ }
94
+ },
95
+ "orange": {
96
+ "100": {
97
+ "$type": "color",
98
+ "$value": "#ffe7d9"
99
+ },
100
+ "200": {
101
+ "$type": "color",
102
+ "$value": "#ffd1b2"
103
+ },
104
+ "300": {
105
+ "$type": "color",
106
+ "$value": "#ffb989"
107
+ },
108
+ "400": {
109
+ "$type": "color",
110
+ "$value": "#f7823d"
111
+ },
112
+ "500": {
113
+ "$type": "color",
114
+ "$value": "#b14e14"
115
+ },
116
+ "600": {
117
+ "$type": "color",
118
+ "$value": "#792f04"
119
+ },
120
+ "700": {
121
+ "$type": "color",
122
+ "$value": "#501d00"
123
+ }
124
+ },
125
+ "green": {
126
+ "100": {
127
+ "$type": "color",
128
+ "$value": "#e7fce3"
129
+ },
130
+ "200": {
131
+ "$type": "color",
132
+ "$value": "#b2deaa"
133
+ },
134
+ "300": {
135
+ "$type": "color",
136
+ "$value": "#83c079"
137
+ },
138
+ "400": {
139
+ "$type": "color",
140
+ "$value": "#3e8635"
141
+ },
142
+ "500": {
143
+ "$type": "color",
144
+ "$value": "#1b5813"
145
+ },
146
+ "600": {
147
+ "$type": "color",
148
+ "$value": "#0b3906"
149
+ },
150
+ "700": {
151
+ "$type": "color",
152
+ "$value": "#062901"
153
+ }
154
+ },
155
+ "gold": {
156
+ "100": {
157
+ "$type": "color",
158
+ "$value": "#ffefd9"
159
+ },
160
+ "200": {
161
+ "$type": "color",
162
+ "$value": "#ffdc9b"
163
+ },
164
+ "300": {
165
+ "$type": "color",
166
+ "$value": "#ffcd5b"
167
+ },
168
+ "400": {
169
+ "$type": "color",
170
+ "$value": "#f0ab00"
171
+ },
172
+ "500": {
173
+ "$type": "color",
174
+ "$value": "#ac7a00"
175
+ },
176
+ "600": {
177
+ "$type": "color",
178
+ "$value": "#755200"
179
+ },
180
+ "700": {
181
+ "$type": "color",
182
+ "$value": "#4e3500"
183
+ }
184
+ },
185
+ "blue": {
186
+ "100": {
187
+ "$type": "color",
188
+ "$value": "#d9e9ff"
189
+ },
190
+ "200": {
191
+ "$type": "color",
192
+ "$value": "#9cc5ff"
193
+ },
194
+ "300": {
195
+ "$type": "color",
196
+ "$value": "#60a2ff"
197
+ },
198
+ "400": {
199
+ "$type": "color",
200
+ "$value": "#0c61d9"
201
+ },
202
+ "500": {
203
+ "$type": "color",
204
+ "$value": "#0043a0"
205
+ },
206
+ "600": {
207
+ "$type": "color",
208
+ "$value": "#002b68"
209
+ },
210
+ "700": {
211
+ "$type": "color",
212
+ "$value": "#001c43"
213
+ }
214
+ },
215
+ "cyan": {
216
+ "100": {
217
+ "$type": "color",
218
+ "$value": "#e3fcfc"
219
+ },
220
+ "200": {
221
+ "$type": "color",
222
+ "$value": "#b3ebec"
223
+ },
224
+ "300": {
225
+ "$type": "color",
226
+ "$value": "#88dadb"
227
+ },
228
+ "400": {
229
+ "$type": "color",
230
+ "$value": "#42adaf"
231
+ },
232
+ "500": {
233
+ "$type": "color",
234
+ "$value": "#187577"
235
+ },
236
+ "600": {
237
+ "$type": "color",
238
+ "$value": "#074c4d"
239
+ },
240
+ "700": {
241
+ "$type": "color",
242
+ "$value": "#023233"
243
+ }
244
+ },
245
+ "gray": {
246
+ "100": {
247
+ "$type": "color",
248
+ "$value": "#f2f2f2"
249
+ },
250
+ "200": {
251
+ "$type": "color",
252
+ "$value": "#e0e0e0"
253
+ },
254
+ "300": {
255
+ "$type": "color",
256
+ "$value": "#c7c7c7"
257
+ },
258
+ "400": {
259
+ "$type": "color",
260
+ "$value": "#a3a3a3"
261
+ },
262
+ "500": {
263
+ "$type": "color",
264
+ "$value": "#6e6e6e"
265
+ },
266
+ "600": {
267
+ "$type": "color",
268
+ "$value": "#4d4d4d"
269
+ },
270
+ "700": {
271
+ "$type": "color",
272
+ "$value": "#383838"
273
+ },
274
+ "800": {
275
+ "$type": "color",
276
+ "$value": "#292929"
277
+ },
278
+ "900": {
279
+ "$type": "color",
280
+ "$value": "#1f1f1f"
281
+ },
282
+ "1000": {
283
+ "$type": "color",
284
+ "$value": "#151515"
285
+ }
286
+ },
287
+ "black": {
288
+ "$type": "color",
289
+ "$value": "#000000"
290
+ },
291
+ "white": {
292
+ "$type": "color",
293
+ "$value": "#ffffff"
294
+ }
295
+ }
296
+ }
297
+
298
+
299
+ /* Base Color Tokens - Light.Value.tokens.json */
300
+
301
+ {
302
+ "global": {
303
+ "color": {
304
+ "favorite": {
305
+ "100": {
306
+ "$type": "color",
307
+ "$value": "{color.gold.400}"
308
+ },
309
+ "200": {
310
+ "$type": "color",
311
+ "$value": "{color.gold.500}"
312
+ }
313
+ },
314
+ "nonstatus": {
315
+ "purple": {
316
+ "100": {
317
+ "$type": "color",
318
+ "$value": "{color.purple.200}"
319
+ },
320
+ "200": {
321
+ "$type": "color",
322
+ "$value": "{color.purple.300}"
323
+ },
324
+ "300": {
325
+ "$type": "color",
326
+ "$value": "{color.purple.400}"
327
+ }
328
+ },
329
+ "green": {
330
+ "100": {
331
+ "$type": "color",
332
+ "$value": "{color.green.200}"
333
+ },
334
+ "200": {
335
+ "$type": "color",
336
+ "$value": "{color.green.300}"
337
+ },
338
+ "300": {
339
+ "$type": "color",
340
+ "$value": "{color.green.400}"
341
+ }
342
+ },
343
+ "blue": {
344
+ "100": {
345
+ "$type": "color",
346
+ "$value": "{color.blue.200}"
347
+ },
348
+ "200": {
349
+ "$type": "color",
350
+ "$value": "{color.blue.300}"
351
+ },
352
+ "300": {
353
+ "$type": "color",
354
+ "$value": "{color.blue.400}"
355
+ }
356
+ },
357
+ "red": {
358
+ "100": {
359
+ "$type": "color",
360
+ "$value": "{color.red.200}"
361
+ },
362
+ "200": {
363
+ "$type": "color",
364
+ "$value": "{color.red.300}"
365
+ },
366
+ "300": {
367
+ "$type": "color",
368
+ "$value": "{color.red.400}"
369
+ }
370
+ },
371
+ "gold": {
372
+ "100": {
373
+ "$type": "color",
374
+ "$value": "{color.gold.200}"
375
+ },
376
+ "200": {
377
+ "$type": "color",
378
+ "$value": "{color.gold.300}"
379
+ },
380
+ "300": {
381
+ "$type": "color",
382
+ "$value": "{color.gold.400}"
383
+ }
384
+ },
385
+ "cyan": {
386
+ "100": {
387
+ "$type": "color",
388
+ "$value": "{color.cyan.200}"
389
+ },
390
+ "200": {
391
+ "$type": "color",
392
+ "$value": "{color.cyan.300}"
393
+ },
394
+ "300": {
395
+ "$type": "color",
396
+ "$value": "{color.cyan.400}"
397
+ }
398
+ },
399
+ "orangered": {
400
+ "100": {
401
+ "$type": "color",
402
+ "$value": "{color.orangered.200}"
403
+ },
404
+ "200": {
405
+ "$type": "color",
406
+ "$value": "{color.orangered.300}"
407
+ },
408
+ "300": {
409
+ "$type": "color",
410
+ "$value": "{color.orangered.400}"
411
+ }
412
+ },
413
+ "orange": {
414
+ "100": {
415
+ "$type": "color",
416
+ "$value": "{color.orange.200}"
417
+ },
418
+ "200": {
419
+ "$type": "color",
420
+ "$value": "{color.orange.300}"
421
+ },
422
+ "300": {
423
+ "$type": "color",
424
+ "$value": "{color.orange.400}"
425
+ }
426
+ },
427
+ "gray": {
428
+ "100": {
429
+ "$type": "color",
430
+ "$value": "{color.gray.200}"
431
+ },
432
+ "200": {
433
+ "$type": "color",
434
+ "$value": "{color.gray.300}"
435
+ },
436
+ "300": {
437
+ "$type": "color",
438
+ "$value": "{color.gray.400}"
439
+ }
440
+ }
441
+ },
442
+ "status": {
443
+ "danger": {
444
+ "100": {
445
+ "$type": "color",
446
+ "$value": "{color.orangered.400}"
447
+ },
448
+ "200": {
449
+ "$type": "color",
450
+ "$value": "{color.orangered.500}"
451
+ }
452
+ },
453
+ "warning": {
454
+ "100": {
455
+ "$type": "color",
456
+ "$value": "{color.gold.400}"
457
+ },
458
+ "200": {
459
+ "$type": "color",
460
+ "$value": "{color.gold.500}"
461
+ }
462
+ },
463
+ "info": {
464
+ "100": {
465
+ "$type": "color",
466
+ "$value": "{color.purple.400}"
467
+ },
468
+ "200": {
469
+ "$type": "color",
470
+ "$value": "{color.purple.500}"
471
+ }
472
+ },
473
+ "success": {
474
+ "100": {
475
+ "$type": "color",
476
+ "$value": "{color.green.400}"
477
+ },
478
+ "200": {
479
+ "$type": "color",
480
+ "$value": "{color.green.500}"
481
+ }
482
+ },
483
+ "custom": {
484
+ "100": {
485
+ "$type": "color",
486
+ "$value": "{color.cyan.400}"
487
+ },
488
+ "200": {
489
+ "$type": "color",
490
+ "$value": "{color.cyan.500}"
491
+ }
492
+ }
493
+ },
494
+ "brand": {
495
+ "100": {
496
+ "$type": "color",
497
+ "$value": "{color.blue.300}"
498
+ },
499
+ "200": {
500
+ "$type": "color",
501
+ "$value": "{color.blue.400}"
502
+ },
503
+ "300": {
504
+ "$type": "color",
505
+ "$value": "{color.blue.500}"
506
+ }
507
+ },
508
+ "disabled": {
509
+ "100": {
510
+ "$type": "color",
511
+ "$value": "{color.gray.400}"
512
+ },
513
+ "200": {
514
+ "$type": "color",
515
+ "$value": "{color.gray.500}"
516
+ },
517
+ "300": {
518
+ "$type": "color",
519
+ "$value": "{color.gray.600}"
520
+ }
521
+ }
522
+ },
523
+ "border": {
524
+ "color": {
525
+ "100": {
526
+ "$type": "color",
527
+ "$value": "{color.gray.300}"
528
+ },
529
+ "200": {
530
+ "$type": "color",
531
+ "$value": "{color.gray.400}"
532
+ }
533
+ }
534
+ },
535
+ "icon": {
536
+ "color": {
537
+ "100": {
538
+ "$type": "color",
539
+ "$value": "{color.gray.900}"
540
+ },
541
+ "200": {
542
+ "$type": "color",
543
+ "$value": "{color.gray.500}"
544
+ },
545
+ "300": {
546
+ "$type": "color",
547
+ "$value": "{color.white}"
548
+ }
549
+ }
550
+ },
551
+ "text": {
552
+ "color": {
553
+ "100": {
554
+ "$type": "color",
555
+ "$value": "{color.gray.900}"
556
+ },
557
+ "200": {
558
+ "$type": "color",
559
+ "$value": "{color.gray.500}"
560
+ },
561
+ "300": {
562
+ "$type": "color",
563
+ "$value": "{color.white}"
564
+ },
565
+ "link": {
566
+ "100": {
567
+ "$type": "color",
568
+ "$value": "{color.blue.400}"
569
+ },
570
+ "200": {
571
+ "$type": "color",
572
+ "$value": "{color.blue.500}"
573
+ },
574
+ "300": {
575
+ "$type": "color",
576
+ "$value": "{color.purple.400}"
577
+ }
578
+ }
579
+ }
580
+ },
581
+ "background": {
582
+ "color": {
583
+ "100": {
584
+ "$type": "color",
585
+ "$value": "{color.white}"
586
+ },
587
+ "200": {
588
+ "$type": "color",
589
+ "$value": "{color.gray.100}"
590
+ },
591
+ "300": {
592
+ "$type": "color",
593
+ "$value": "{color.gray.200}"
594
+ },
595
+ "400": {
596
+ "$type": "color",
597
+ "$value": "{color.gray.800}"
598
+ },
599
+ "highlight": {
600
+ "100": {
601
+ "$type": "color",
602
+ "$value": "{color.gold.300}"
603
+ },
604
+ "200": {
605
+ "$type": "color",
606
+ "$value": "{color.gold.400}"
607
+ }
608
+ }
609
+ }
610
+ }
611
+ }
612
+ }
613
+
614
+
615
+ /* Base Color Tokens - Dark.Mode 1.tokens.json */
616
+
617
+ {
618
+ "global": {
619
+ "dark": {
620
+ "color": {
621
+ "nonstatus": {
622
+ "gray": {
623
+ "100": {
624
+ "$type": "color",
625
+ "$value": "{color.gray.300}"
626
+ },
627
+ "200": {
628
+ "$type": "color",
629
+ "$value": "{color.gray.200}"
630
+ },
631
+ "300": {
632
+ "$type": "color",
633
+ "$value": "{color.gray.100}"
634
+ }
635
+ },
636
+ "purple": {
637
+ "100": {
638
+ "$type": "color",
639
+ "$value": "{color.purple.300}"
640
+ },
641
+ "200": {
642
+ "$type": "color",
643
+ "$value": "{color.purple.200}"
644
+ },
645
+ "300": {
646
+ "$type": "color",
647
+ "$value": "{color.purple.100}"
648
+ }
649
+ },
650
+ "blue": {
651
+ "100": {
652
+ "$type": "color",
653
+ "$value": "{color.blue.300}"
654
+ },
655
+ "200": {
656
+ "$type": "color",
657
+ "$value": "{color.blue.200}"
658
+ },
659
+ "300": {
660
+ "$type": "color",
661
+ "$value": "{color.blue.100}"
662
+ }
663
+ },
664
+ "gold": {
665
+ "100": {
666
+ "$type": "color",
667
+ "$value": "{color.gold.300}"
668
+ },
669
+ "200": {
670
+ "$type": "color",
671
+ "$value": "{color.gold.200}"
672
+ },
673
+ "300": {
674
+ "$type": "color",
675
+ "$value": "{color.gold.100}"
676
+ }
677
+ },
678
+ "orange": {
679
+ "100": {
680
+ "$type": "color",
681
+ "$value": "{color.orange.300}"
682
+ },
683
+ "200": {
684
+ "$type": "color",
685
+ "$value": "{color.orange.200}"
686
+ },
687
+ "300": {
688
+ "$type": "color",
689
+ "$value": "{color.orange.100}"
690
+ }
691
+ },
692
+ "orangered": {
693
+ "100": {
694
+ "$type": "color",
695
+ "$value": "{color.orangered.300}"
696
+ },
697
+ "200": {
698
+ "$type": "color",
699
+ "$value": "{color.orangered.200}"
700
+ },
701
+ "300": {
702
+ "$type": "color",
703
+ "$value": "{color.orangered.100}"
704
+ }
705
+ },
706
+ "red": {
707
+ "100": {
708
+ "$type": "color",
709
+ "$value": "{color.red.300}"
710
+ },
711
+ "200": {
712
+ "$type": "color",
713
+ "$value": "{color.red.200}"
714
+ },
715
+ "300": {
716
+ "$type": "color",
717
+ "$value": "{color.red.100}"
718
+ }
719
+ },
720
+ "cyan": {
721
+ "100": {
722
+ "$type": "color",
723
+ "$value": "{color.cyan.300}"
724
+ },
725
+ "200": {
726
+ "$type": "color",
727
+ "$value": "{color.cyan.200}"
728
+ },
729
+ "300": {
730
+ "$type": "color",
731
+ "$value": "{color.cyan.100}"
732
+ }
733
+ },
734
+ "green": {
735
+ "100": {
736
+ "$type": "color",
737
+ "$value": "{color.green.300}"
738
+ },
739
+ "200": {
740
+ "$type": "color",
741
+ "$value": "{color.green.200}"
742
+ },
743
+ "300": {
744
+ "$type": "color",
745
+ "$value": "{color.green.100}"
746
+ }
747
+ }
748
+ },
749
+ "status": {
750
+ "danger": {
751
+ "100": {
752
+ "$type": "color",
753
+ "$value": "{color.orangered.300}"
754
+ },
755
+ "200": {
756
+ "$type": "color",
757
+ "$value": "{color.orangered.200}"
758
+ }
759
+ },
760
+ "info": {
761
+ "100": {
762
+ "$type": "color",
763
+ "$value": "{color.purple.300}"
764
+ },
765
+ "200": {
766
+ "$type": "color",
767
+ "$value": "{color.purple.200}"
768
+ }
769
+ },
770
+ "success": {
771
+ "100": {
772
+ "$type": "color",
773
+ "$value": "{color.green.300}"
774
+ },
775
+ "200": {
776
+ "$type": "color",
777
+ "$value": "{color.green.200}"
778
+ }
779
+ },
780
+ "custom": {
781
+ "100": {
782
+ "$type": "color",
783
+ "$value": "{color.cyan.400}"
784
+ },
785
+ "200": {
786
+ "$type": "color",
787
+ "$value": "{color.cyan.300}"
788
+ }
789
+ },
790
+ "warning": {
791
+ "100": {
792
+ "$type": "color",
793
+ "$value": "{color.gold.400}"
794
+ },
795
+ "200": {
796
+ "$type": "color",
797
+ "$value": "{color.gold.300}"
798
+ }
799
+ }
800
+ },
801
+ "favorite": {
802
+ "100": {
803
+ "$type": "color",
804
+ "$value": "{color.gold.400}"
805
+ },
806
+ "200": {
807
+ "$type": "color",
808
+ "$value": "{color.gold.300}"
809
+ }
810
+ },
811
+ "brand": {
812
+ "100": {
813
+ "$type": "color",
814
+ "$value": "{color.blue.400}"
815
+ },
816
+ "200": {
817
+ "$type": "color",
818
+ "$value": "{color.blue.300}"
819
+ },
820
+ "300": {
821
+ "$type": "color",
822
+ "$value": "{color.blue.200}"
823
+ }
824
+ },
825
+ "disabled": {
826
+ "100": {
827
+ "$type": "color",
828
+ "$value": "{color.gray.400}"
829
+ },
830
+ "200": {
831
+ "$type": "color",
832
+ "$value": "{color.gray.500}"
833
+ },
834
+ "300": {
835
+ "$type": "color",
836
+ "$value": "{color.gray.600}"
837
+ }
838
+ }
839
+ },
840
+ "border": {
841
+ "color": {
842
+ "100": {
843
+ "$type": "color",
844
+ "$value": "{color.gray.600}"
845
+ },
846
+ "200": {
847
+ "$type": "color",
848
+ "$value": "{color.gray.500}"
849
+ }
850
+ }
851
+ },
852
+ "icon": {
853
+ "color": {
854
+ "100": {
855
+ "$type": "color",
856
+ "$value": "{color.gray.100}"
857
+ },
858
+ "200": {
859
+ "$type": "color",
860
+ "$value": "{color.gray.400}"
861
+ },
862
+ "300": {
863
+ "$type": "color",
864
+ "$value": "{color.gray.900}"
865
+ }
866
+ }
867
+ },
868
+ "text": {
869
+ "color": {
870
+ "100": {
871
+ "$type": "color",
872
+ "$value": "{color.gray.100}"
873
+ },
874
+ "200": {
875
+ "$type": "color",
876
+ "$value": "{color.gray.400}"
877
+ },
878
+ "300": {
879
+ "$type": "color",
880
+ "$value": "{color.gray.900}"
881
+ },
882
+ "link": {
883
+ "100": {
884
+ "$type": "color",
885
+ "$value": "{color.blue.300}"
886
+ },
887
+ "200": {
888
+ "$type": "color",
889
+ "$value": "{color.blue.200}"
890
+ },
891
+ "300": {
892
+ "$type": "color",
893
+ "$value": "{color.purple.300}"
894
+ }
895
+ }
896
+ }
897
+ },
898
+ "background": {
899
+ "color": {
900
+ "100": {
901
+ "$type": "color",
902
+ "$value": "{color.black}"
903
+ },
904
+ "200": {
905
+ "$type": "color",
906
+ "$value": "{color.gray.800}"
907
+ },
908
+ "300": {
909
+ "$type": "color",
910
+ "$value": "{color.gray.700}"
911
+ },
912
+ "400": {
913
+ "$type": "color",
914
+ "$value": "{color.gray.100}"
915
+ },
916
+ "highlight": {
917
+ "100": {
918
+ "$type": "color",
919
+ "$value": "{color.gold.300}"
920
+ },
921
+ "200": {
922
+ "$type": "color",
923
+ "$value": "{color.gold.400}"
924
+ }
925
+ }
926
+ }
927
+ }
928
+ }
929
+ }
930
+ }
931
+
932
+
933
+ /* Semantic Color Tokens.Light.tokens.json */
934
+
935
+ {
936
+ "global": {
937
+ "color": {
938
+ "nonstatus": {
939
+ "purple": {
940
+ "active": {
941
+ "$type": "color",
942
+ "$value": "{global.color.nonstatus.purple.200}"
943
+ },
944
+ "hover": {
945
+ "$type": "color",
946
+ "$value": "{global.color.nonstatus.purple.200}"
947
+ },
948
+ "default": {
949
+ "$type": "color",
950
+ "$value": "{global.color.nonstatus.purple.100}"
951
+ }
952
+ },
953
+ "green": {
954
+ "active": {
955
+ "$type": "color",
956
+ "$value": "{global.color.nonstatus.green.200}"
957
+ },
958
+ "hover": {
959
+ "$type": "color",
960
+ "$value": "{global.color.nonstatus.green.200}"
961
+ },
962
+ "default": {
963
+ "$type": "color",
964
+ "$value": "{global.color.nonstatus.green.100}"
965
+ }
966
+ },
967
+ "gold": {
968
+ "active": {
969
+ "$type": "color",
970
+ "$value": "{global.color.nonstatus.gold.200}"
971
+ },
972
+ "hover": {
973
+ "$type": "color",
974
+ "$value": "{global.color.nonstatus.gold.200}"
975
+ },
976
+ "default": {
977
+ "$type": "color",
978
+ "$value": "{global.color.nonstatus.gold.100}"
979
+ }
980
+ },
981
+ "orange": {
982
+ "active": {
983
+ "$type": "color",
984
+ "$value": "{global.color.nonstatus.orange.200}"
985
+ },
986
+ "hover": {
987
+ "$type": "color",
988
+ "$value": "{global.color.nonstatus.orange.200}"
989
+ },
990
+ "default": {
991
+ "$type": "color",
992
+ "$value": "{global.color.nonstatus.orange.100}"
993
+ }
994
+ },
995
+ "orangered": {
996
+ "active": {
997
+ "$type": "color",
998
+ "$value": "{global.color.nonstatus.orangered.200}"
999
+ },
1000
+ "hover": {
1001
+ "$type": "color",
1002
+ "$value": "{global.color.nonstatus.orangered.200}"
1003
+ },
1004
+ "default": {
1005
+ "$type": "color",
1006
+ "$value": "{global.color.nonstatus.orangered.100}"
1007
+ }
1008
+ },
1009
+ "red": {
1010
+ "active": {
1011
+ "$type": "color",
1012
+ "$value": "{global.color.nonstatus.red.200}"
1013
+ },
1014
+ "hover": {
1015
+ "$type": "color",
1016
+ "$value": "{global.color.nonstatus.red.200}"
1017
+ },
1018
+ "default": {
1019
+ "$type": "color",
1020
+ "$value": "{global.color.nonstatus.red.100}"
1021
+ }
1022
+ },
1023
+ "blue": {
1024
+ "active": {
1025
+ "$type": "color",
1026
+ "$value": "{global.color.nonstatus.blue.200}"
1027
+ },
1028
+ "hover": {
1029
+ "$type": "color",
1030
+ "$value": "{global.color.nonstatus.blue.200}"
1031
+ },
1032
+ "default": {
1033
+ "$type": "color",
1034
+ "$value": "{global.color.nonstatus.blue.100}"
1035
+ }
1036
+ },
1037
+ "cyan": {
1038
+ "active": {
1039
+ "$type": "color",
1040
+ "$value": "{global.color.nonstatus.cyan.200}"
1041
+ },
1042
+ "default": {
1043
+ "$type": "color",
1044
+ "$value": "{global.color.nonstatus.cyan.100}"
1045
+ },
1046
+ "hover": {
1047
+ "$type": "color",
1048
+ "$value": "{global.color.nonstatus.cyan.200}"
1049
+ }
1050
+ },
1051
+ "gray": {
1052
+ "active": {
1053
+ "$type": "color",
1054
+ "$value": "{global.color.nonstatus.gray.200}"
1055
+ },
1056
+ "default": {
1057
+ "$type": "color",
1058
+ "$value": "{global.color.nonstatus.gray.100}"
1059
+ },
1060
+ "hover": {
1061
+ "$type": "color",
1062
+ "$value": "{global.color.nonstatus.gray.200}"
1063
+ }
1064
+ }
1065
+ },
1066
+ "favorite": {
1067
+ "active": {
1068
+ "$type": "color",
1069
+ "$value": "{global.color.favorite.200}"
1070
+ },
1071
+ "hover": {
1072
+ "$type": "color",
1073
+ "$value": "{global.color.favorite.200}"
1074
+ },
1075
+ "default": {
1076
+ "$type": "color",
1077
+ "$value": "{global.color.favorite.100}"
1078
+ }
1079
+ },
1080
+ "status": {
1081
+ "info": {
1082
+ "active": {
1083
+ "$type": "color",
1084
+ "$value": "{global.color.status.info.200}"
1085
+ },
1086
+ "hover": {
1087
+ "$type": "color",
1088
+ "$value": "{global.color.status.info.200}"
1089
+ },
1090
+ "default": {
1091
+ "$type": "color",
1092
+ "$value": "{global.color.status.info.100}"
1093
+ }
1094
+ },
1095
+ "danger": {
1096
+ "active": {
1097
+ "$type": "color",
1098
+ "$value": "{global.color.status.danger.200}"
1099
+ },
1100
+ "hover": {
1101
+ "$type": "color",
1102
+ "$value": "{global.color.status.danger.200}"
1103
+ },
1104
+ "default": {
1105
+ "$type": "color",
1106
+ "$value": "{global.color.status.danger.100}"
1107
+ }
1108
+ },
1109
+ "warning": {
1110
+ "default": {
1111
+ "$type": "color",
1112
+ "$value": "{global.color.status.warning.100}"
1113
+ },
1114
+ "active": {
1115
+ "$type": "color",
1116
+ "$value": "{global.color.status.warning.200}"
1117
+ },
1118
+ "hover": {
1119
+ "$type": "color",
1120
+ "$value": "{global.color.status.warning.200}"
1121
+ }
1122
+ },
1123
+ "success": {
1124
+ "active": {
1125
+ "$type": "color",
1126
+ "$value": "{global.color.status.success.200}"
1127
+ },
1128
+ "hover": {
1129
+ "$type": "color",
1130
+ "$value": "{global.color.status.success.200}"
1131
+ },
1132
+ "default": {
1133
+ "$type": "color",
1134
+ "$value": "{global.color.status.success.100}"
1135
+ }
1136
+ },
1137
+ "custom": {
1138
+ "active": {
1139
+ "$type": "color",
1140
+ "$value": "{global.color.status.custom.200}"
1141
+ },
1142
+ "hover": {
1143
+ "$type": "color",
1144
+ "$value": "{global.color.status.custom.200}"
1145
+ },
1146
+ "default": {
1147
+ "$type": "color",
1148
+ "$value": "{global.color.status.custom.100}"
1149
+ }
1150
+ }
1151
+ },
1152
+ "brand": {
1153
+ "active": {
1154
+ "$type": "color",
1155
+ "$value": "{global.color.brand.300}"
1156
+ },
1157
+ "hover": {
1158
+ "$type": "color",
1159
+ "$value": "{global.color.brand.300}"
1160
+ },
1161
+ "default": {
1162
+ "$type": "color",
1163
+ "$value": "{global.color.brand.200}"
1164
+ }
1165
+ }
1166
+ },
1167
+ "icon": {
1168
+ "color": {
1169
+ "favorite": {
1170
+ "active": {
1171
+ "$type": "color",
1172
+ "$value": "{global.color.favorite.active}"
1173
+ },
1174
+ "hover": {
1175
+ "$type": "color",
1176
+ "$value": "{global.color.favorite.hover}"
1177
+ },
1178
+ "default": {
1179
+ "$type": "color",
1180
+ "$value": "{global.color.favorite.default}"
1181
+ }
1182
+ },
1183
+ "nonstatus": {
1184
+ "on-gray": {
1185
+ "hover": {
1186
+ "$type": "color",
1187
+ "$value": "{global.icon.color.regular}"
1188
+ },
1189
+ "default": {
1190
+ "$type": "color",
1191
+ "$value": "{global.icon.color.regular}"
1192
+ }
1193
+ },
1194
+ "on-purple": {
1195
+ "hover": {
1196
+ "$type": "color",
1197
+ "$value": "{global.icon.color.regular}"
1198
+ },
1199
+ "default": {
1200
+ "$type": "color",
1201
+ "$value": "{global.icon.color.regular}"
1202
+ }
1203
+ },
1204
+ "on-cyan": {
1205
+ "hover": {
1206
+ "$type": "color",
1207
+ "$value": "{global.icon.color.regular}"
1208
+ },
1209
+ "default": {
1210
+ "$type": "color",
1211
+ "$value": "{global.icon.color.regular}"
1212
+ }
1213
+ },
1214
+ "on-green": {
1215
+ "hover": {
1216
+ "$type": "color",
1217
+ "$value": "{global.icon.color.regular}"
1218
+ },
1219
+ "default": {
1220
+ "$type": "color",
1221
+ "$value": "{global.icon.color.regular}"
1222
+ }
1223
+ },
1224
+ "on-gold": {
1225
+ "hover": {
1226
+ "$type": "color",
1227
+ "$value": "{global.icon.color.regular}"
1228
+ },
1229
+ "default": {
1230
+ "$type": "color",
1231
+ "$value": "{global.icon.color.regular}"
1232
+ }
1233
+ },
1234
+ "on-red": {
1235
+ "default": {
1236
+ "$type": "color",
1237
+ "$value": "{global.icon.color.regular}"
1238
+ },
1239
+ "hover": {
1240
+ "$type": "color",
1241
+ "$value": "{global.icon.color.regular}"
1242
+ }
1243
+ },
1244
+ "on-blue": {
1245
+ "default": {
1246
+ "$type": "color",
1247
+ "$value": "{global.icon.color.regular}"
1248
+ },
1249
+ "hover": {
1250
+ "$type": "color",
1251
+ "$value": "{global.icon.color.regular}"
1252
+ }
1253
+ },
1254
+ "on-orange": {
1255
+ "default": {
1256
+ "$type": "color",
1257
+ "$value": "{global.icon.color.regular}"
1258
+ },
1259
+ "hover": {
1260
+ "$type": "color",
1261
+ "$value": "{global.icon.color.regular}"
1262
+ }
1263
+ },
1264
+ "on-orangered": {
1265
+ "default": {
1266
+ "$type": "color",
1267
+ "$value": "{global.icon.color.regular}"
1268
+ },
1269
+ "hover": {
1270
+ "$type": "color",
1271
+ "$value": "{global.icon.color.regular}"
1272
+ }
1273
+ }
1274
+ },
1275
+ "status": {
1276
+ "info": {
1277
+ "active": {
1278
+ "$type": "color",
1279
+ "$value": "{global.color.status.info.active}"
1280
+ },
1281
+ "default": {
1282
+ "$type": "color",
1283
+ "$value": "{global.color.status.info.default}"
1284
+ },
1285
+ "hover": {
1286
+ "$type": "color",
1287
+ "$value": "{global.color.status.info.hover}"
1288
+ }
1289
+ },
1290
+ "danger": {
1291
+ "active": {
1292
+ "$type": "color",
1293
+ "$value": "{global.color.status.danger.active}"
1294
+ },
1295
+ "hover": {
1296
+ "$type": "color",
1297
+ "$value": "{global.color.status.danger.hover}"
1298
+ },
1299
+ "default": {
1300
+ "$type": "color",
1301
+ "$value": "{global.color.status.danger.default}"
1302
+ }
1303
+ },
1304
+ "success": {
1305
+ "active": {
1306
+ "$type": "color",
1307
+ "$value": "{global.color.status.success.active}"
1308
+ },
1309
+ "hover": {
1310
+ "$type": "color",
1311
+ "$value": "{global.color.status.success.hover}"
1312
+ },
1313
+ "default": {
1314
+ "$type": "color",
1315
+ "$value": "{global.color.status.success.default}"
1316
+ }
1317
+ },
1318
+ "custom": {
1319
+ "active": {
1320
+ "$type": "color",
1321
+ "$value": "{global.color.status.custom.active}"
1322
+ },
1323
+ "hover": {
1324
+ "$type": "color",
1325
+ "$value": "{global.color.status.custom.hover}"
1326
+ },
1327
+ "default": {
1328
+ "$type": "color",
1329
+ "$value": "{global.color.status.custom.default}"
1330
+ }
1331
+ },
1332
+ "warning": {
1333
+ "active": {
1334
+ "$type": "color",
1335
+ "$value": "{global.color.status.warning.active}"
1336
+ },
1337
+ "default": {
1338
+ "$type": "color",
1339
+ "$value": "{global.color.status.warning.default}"
1340
+ },
1341
+ "hover": {
1342
+ "$type": "color",
1343
+ "$value": "{global.color.status.warning.hover}"
1344
+ }
1345
+ },
1346
+ "on-info": {
1347
+ "hover": {
1348
+ "$type": "color",
1349
+ "$value": "{global.icon.color.inverse}"
1350
+ },
1351
+ "default": {
1352
+ "$type": "color",
1353
+ "$value": "{global.icon.color.inverse}"
1354
+ }
1355
+ },
1356
+ "on-custom": {
1357
+ "hover": {
1358
+ "$type": "color",
1359
+ "$value": "{global.icon.color.inverse}"
1360
+ },
1361
+ "default": {
1362
+ "$type": "color",
1363
+ "$value": "{global.icon.color.inverse}"
1364
+ }
1365
+ },
1366
+ "on-warning": {
1367
+ "default": {
1368
+ "$type": "color",
1369
+ "$value": "{global.icon.color.regular}"
1370
+ },
1371
+ "hover": {
1372
+ "$type": "color",
1373
+ "$value": "{global.icon.color.inverse}"
1374
+ }
1375
+ },
1376
+ "on-success": {
1377
+ "default": {
1378
+ "$type": "color",
1379
+ "$value": "{global.icon.color.inverse}"
1380
+ },
1381
+ "hover": {
1382
+ "$type": "color",
1383
+ "$value": "{global.icon.color.inverse}"
1384
+ }
1385
+ },
1386
+ "on-danger": {
1387
+ "default": {
1388
+ "$type": "color",
1389
+ "$value": "{global.icon.color.inverse}"
1390
+ },
1391
+ "hover": {
1392
+ "$type": "color",
1393
+ "$value": "{global.icon.color.inverse}"
1394
+ }
1395
+ }
1396
+ },
1397
+ "subtle": {
1398
+ "$type": "color",
1399
+ "$value": "{global.icon.color.200}"
1400
+ },
1401
+ "brand": {
1402
+ "active": {
1403
+ "$type": "color",
1404
+ "$value": "{global.color.brand.active}"
1405
+ },
1406
+ "default": {
1407
+ "$type": "color",
1408
+ "$value": "{global.color.brand.default}"
1409
+ },
1410
+ "hover": {
1411
+ "$type": "color",
1412
+ "$value": "{global.color.brand.hover}"
1413
+ }
1414
+ },
1415
+ "inverse": {
1416
+ "$type": "color",
1417
+ "$value": "{global.icon.color.300}"
1418
+ },
1419
+ "disabled": {
1420
+ "$type": "color",
1421
+ "$value": "{global.color.disabled.300}"
1422
+ },
1423
+ "regular": {
1424
+ "$type": "color",
1425
+ "$value": "{global.icon.color.100}"
1426
+ },
1427
+ "on-brand": {
1428
+ "default": {
1429
+ "$type": "color",
1430
+ "$value": "{global.icon.color.inverse}"
1431
+ },
1432
+ "hover": {
1433
+ "$type": "color",
1434
+ "$value": "{global.icon.color.inverse}"
1435
+ }
1436
+ }
1437
+ }
1438
+ },
1439
+ "text": {
1440
+ "color": {
1441
+ "nonstatus": {
1442
+ "on-gray": {
1443
+ "hover": {
1444
+ "$type": "color",
1445
+ "$value": "{global.icon.color.regular}"
1446
+ },
1447
+ "default": {
1448
+ "$type": "color",
1449
+ "$value": "{global.icon.color.regular}"
1450
+ }
1451
+ },
1452
+ "on-purple": {
1453
+ "hover": {
1454
+ "$type": "color",
1455
+ "$value": "{global.icon.color.regular}"
1456
+ },
1457
+ "default": {
1458
+ "$type": "color",
1459
+ "$value": "{global.icon.color.regular}"
1460
+ }
1461
+ },
1462
+ "on-cyan": {
1463
+ "hover": {
1464
+ "$type": "color",
1465
+ "$value": "{global.icon.color.regular}"
1466
+ },
1467
+ "default": {
1468
+ "$type": "color",
1469
+ "$value": "{global.icon.color.regular}"
1470
+ }
1471
+ },
1472
+ "on-orange": {
1473
+ "hover": {
1474
+ "$type": "color",
1475
+ "$value": "{global.icon.color.regular}"
1476
+ },
1477
+ "default": {
1478
+ "$type": "color",
1479
+ "$value": "{global.icon.color.regular}"
1480
+ }
1481
+ },
1482
+ "on-orangered": {
1483
+ "hover": {
1484
+ "$type": "color",
1485
+ "$value": "{global.icon.color.regular}"
1486
+ },
1487
+ "default": {
1488
+ "$type": "color",
1489
+ "$value": "{global.icon.color.regular}"
1490
+ }
1491
+ },
1492
+ "on-red": {
1493
+ "hover": {
1494
+ "$type": "color",
1495
+ "$value": "{global.icon.color.regular}"
1496
+ },
1497
+ "default": {
1498
+ "$type": "color",
1499
+ "$value": "{global.icon.color.regular}"
1500
+ }
1501
+ },
1502
+ "on-blue": {
1503
+ "hover": {
1504
+ "$type": "color",
1505
+ "$value": "{global.icon.color.regular}"
1506
+ },
1507
+ "default": {
1508
+ "$type": "color",
1509
+ "$value": "{global.icon.color.regular}"
1510
+ }
1511
+ },
1512
+ "on-green": {
1513
+ "default": {
1514
+ "$type": "color",
1515
+ "$value": "{global.icon.color.regular}"
1516
+ },
1517
+ "hover": {
1518
+ "$type": "color",
1519
+ "$value": "{global.icon.color.regular}"
1520
+ }
1521
+ },
1522
+ "on-gold": {
1523
+ "default": {
1524
+ "$type": "color",
1525
+ "$value": "{global.icon.color.regular}"
1526
+ },
1527
+ "hover": {
1528
+ "$type": "color",
1529
+ "$value": "{global.icon.color.regular}"
1530
+ }
1531
+ }
1532
+ },
1533
+ "status": {
1534
+ "danger": {
1535
+ "hover": {
1536
+ "$type": "color",
1537
+ "$value": "{global.color.status.danger.hover}"
1538
+ },
1539
+ "default": {
1540
+ "$type": "color",
1541
+ "$value": "{global.color.status.danger.default}"
1542
+ },
1543
+ "active": {
1544
+ "$type": "color",
1545
+ "$value": "{global.color.status.danger.active}"
1546
+ }
1547
+ },
1548
+ "warning": {
1549
+ "active": {
1550
+ "$type": "color",
1551
+ "$value": "{global.color.status.warning.active}"
1552
+ },
1553
+ "hover": {
1554
+ "$type": "color",
1555
+ "$value": "{global.color.status.warning.hover}"
1556
+ },
1557
+ "default": {
1558
+ "$type": "color",
1559
+ "$value": "{global.color.status.warning.default}"
1560
+ }
1561
+ },
1562
+ "success": {
1563
+ "active": {
1564
+ "$type": "color",
1565
+ "$value": "{global.color.status.success.active}"
1566
+ },
1567
+ "hover": {
1568
+ "$type": "color",
1569
+ "$value": "{global.color.status.success.hover}"
1570
+ },
1571
+ "default": {
1572
+ "$type": "color",
1573
+ "$value": "{global.color.status.success.default}"
1574
+ }
1575
+ },
1576
+ "on-custom": {
1577
+ "default": {
1578
+ "$type": "color",
1579
+ "$value": "{global.icon.color.inverse}"
1580
+ },
1581
+ "hover": {
1582
+ "$type": "color",
1583
+ "$value": "{global.icon.color.inverse}"
1584
+ }
1585
+ },
1586
+ "on-info": {
1587
+ "default": {
1588
+ "$type": "color",
1589
+ "$value": "{global.icon.color.inverse}"
1590
+ },
1591
+ "hover": {
1592
+ "$type": "color",
1593
+ "$value": "{global.icon.color.inverse}"
1594
+ }
1595
+ },
1596
+ "on-danger": {
1597
+ "default": {
1598
+ "$type": "color",
1599
+ "$value": "{global.icon.color.inverse}"
1600
+ },
1601
+ "hover": {
1602
+ "$type": "color",
1603
+ "$value": "{global.icon.color.inverse}"
1604
+ }
1605
+ },
1606
+ "info": {
1607
+ "hover": {
1608
+ "$type": "color",
1609
+ "$value": "{global.color.status.info.hover}"
1610
+ },
1611
+ "active": {
1612
+ "$type": "color",
1613
+ "$value": "{global.color.status.info.active}"
1614
+ },
1615
+ "default": {
1616
+ "$type": "color",
1617
+ "$value": "{global.color.status.info.default}"
1618
+ }
1619
+ },
1620
+ "on-warning": {
1621
+ "default": {
1622
+ "$type": "color",
1623
+ "$value": "{global.icon.color.regular}"
1624
+ },
1625
+ "hover": {
1626
+ "$type": "color",
1627
+ "$value": "{global.icon.color.inverse}"
1628
+ }
1629
+ },
1630
+ "on-success": {
1631
+ "default": {
1632
+ "$type": "color",
1633
+ "$value": "{global.icon.color.inverse}"
1634
+ },
1635
+ "hover": {
1636
+ "$type": "color",
1637
+ "$value": "{global.icon.color.inverse}"
1638
+ }
1639
+ },
1640
+ "custom": {
1641
+ "default": {
1642
+ "$type": "color",
1643
+ "$value": "{global.color.status.custom.default}"
1644
+ },
1645
+ "hover": {
1646
+ "$type": "color",
1647
+ "$value": "{global.color.status.custom.hover}"
1648
+ },
1649
+ "active": {
1650
+ "$type": "color",
1651
+ "$value": "{global.color.status.custom.active}"
1652
+ }
1653
+ }
1654
+ },
1655
+ "brand": {
1656
+ "active": {
1657
+ "$type": "color",
1658
+ "$value": "{global.color.brand.active}"
1659
+ },
1660
+ "hover": {
1661
+ "$type": "color",
1662
+ "$value": "{global.color.brand.hover}"
1663
+ },
1664
+ "default": {
1665
+ "$type": "color",
1666
+ "$value": "{global.color.brand.default}"
1667
+ }
1668
+ },
1669
+ "link": {
1670
+ "visited": {
1671
+ "$type": "color",
1672
+ "$value": "{global.text.color.link.300}"
1673
+ },
1674
+ "hover": {
1675
+ "$type": "color",
1676
+ "$value": "{global.text.color.link.200}"
1677
+ },
1678
+ "default": {
1679
+ "$type": "color",
1680
+ "$value": "{global.text.color.link.100}"
1681
+ }
1682
+ },
1683
+ "placeholder": {
1684
+ "$type": "color",
1685
+ "$value": "{global.text.color.subtle}"
1686
+ },
1687
+ "disabled": {
1688
+ "light": {
1689
+ "$type": "color",
1690
+ "$value": "{global.color.disabled.100}"
1691
+ },
1692
+ "default": {
1693
+ "$type": "color",
1694
+ "$value": "{global.color.disabled.300}"
1695
+ }
1696
+ },
1697
+ "inverse": {
1698
+ "$type": "color",
1699
+ "$value": "{global.text.color.300}"
1700
+ },
1701
+ "subtle": {
1702
+ "$type": "color",
1703
+ "$value": "{global.text.color.200}"
1704
+ },
1705
+ "regular": {
1706
+ "$type": "color",
1707
+ "$value": "{global.text.color.100}"
1708
+ },
1709
+ "on-brand": {
1710
+ "default": {
1711
+ "$type": "color",
1712
+ "$value": "{global.icon.color.inverse}"
1713
+ },
1714
+ "hover": {
1715
+ "$type": "color",
1716
+ "$value": "{global.icon.color.inverse}"
1717
+ }
1718
+ }
1719
+ }
1720
+ },
1721
+ "border": {
1722
+ "color": {
1723
+ "nonstatus": {
1724
+ "gray": {
1725
+ "active": {
1726
+ "$type": "color",
1727
+ "$value": "{global.color.nonstatus.gray.300}"
1728
+ },
1729
+ "hover": {
1730
+ "$type": "color",
1731
+ "$value": "{global.color.nonstatus.gray.300}"
1732
+ },
1733
+ "default": {
1734
+ "$type": "color",
1735
+ "$value": "{global.color.nonstatus.gray.200}"
1736
+ }
1737
+ },
1738
+ "purple": {
1739
+ "active": {
1740
+ "$type": "color",
1741
+ "$value": "{global.color.nonstatus.purple.300}"
1742
+ },
1743
+ "hover": {
1744
+ "$type": "color",
1745
+ "$value": "{global.color.nonstatus.purple.300}"
1746
+ },
1747
+ "default": {
1748
+ "$type": "color",
1749
+ "$value": "{global.color.nonstatus.purple.200}"
1750
+ }
1751
+ },
1752
+ "cyan": {
1753
+ "default": {
1754
+ "$type": "color",
1755
+ "$value": "{global.color.nonstatus.cyan.200}"
1756
+ },
1757
+ "hover": {
1758
+ "$type": "color",
1759
+ "$value": "{global.color.nonstatus.cyan.300}"
1760
+ },
1761
+ "active": {
1762
+ "$type": "color",
1763
+ "$value": "{global.color.nonstatus.cyan.300}"
1764
+ }
1765
+ },
1766
+ "green": {
1767
+ "active": {
1768
+ "$type": "color",
1769
+ "$value": "{global.color.nonstatus.green.300}"
1770
+ },
1771
+ "hover": {
1772
+ "$type": "color",
1773
+ "$value": "{global.color.nonstatus.green.300}"
1774
+ },
1775
+ "default": {
1776
+ "$type": "color",
1777
+ "$value": "{global.color.nonstatus.green.200}"
1778
+ }
1779
+ },
1780
+ "gold": {
1781
+ "active": {
1782
+ "$type": "color",
1783
+ "$value": "{global.color.nonstatus.gold.300}"
1784
+ },
1785
+ "hover": {
1786
+ "$type": "color",
1787
+ "$value": "{global.color.nonstatus.gold.300}"
1788
+ },
1789
+ "default": {
1790
+ "$type": "color",
1791
+ "$value": "{global.color.nonstatus.gold.200}"
1792
+ }
1793
+ },
1794
+ "orange": {
1795
+ "active": {
1796
+ "$type": "color",
1797
+ "$value": "{global.color.nonstatus.orange.300}"
1798
+ },
1799
+ "default": {
1800
+ "$type": "color",
1801
+ "$value": "{global.color.nonstatus.orange.200}"
1802
+ },
1803
+ "hover": {
1804
+ "$type": "color",
1805
+ "$value": "{global.color.nonstatus.orange.300}"
1806
+ }
1807
+ },
1808
+ "orangered": {
1809
+ "hover": {
1810
+ "$type": "color",
1811
+ "$value": "{global.color.nonstatus.orangered.300}"
1812
+ },
1813
+ "default": {
1814
+ "$type": "color",
1815
+ "$value": "{global.color.nonstatus.orangered.200}"
1816
+ },
1817
+ "active": {
1818
+ "$type": "color",
1819
+ "$value": "{global.color.nonstatus.orangered.300}"
1820
+ }
1821
+ },
1822
+ "red": {
1823
+ "active": {
1824
+ "$type": "color",
1825
+ "$value": "{global.color.nonstatus.red.300}"
1826
+ },
1827
+ "hover": {
1828
+ "$type": "color",
1829
+ "$value": "{global.color.nonstatus.red.300}"
1830
+ },
1831
+ "default": {
1832
+ "$type": "color",
1833
+ "$value": "{global.color.nonstatus.red.200}"
1834
+ }
1835
+ },
1836
+ "blue": {
1837
+ "active": {
1838
+ "$type": "color",
1839
+ "$value": "{global.color.nonstatus.blue.300}"
1840
+ },
1841
+ "hover": {
1842
+ "$type": "color",
1843
+ "$value": "{global.color.nonstatus.blue.300}"
1844
+ },
1845
+ "default": {
1846
+ "$type": "color",
1847
+ "$value": "{global.color.nonstatus.blue.200}"
1848
+ }
1849
+ }
1850
+ },
1851
+ "active": {
1852
+ "$type": "color",
1853
+ "$value": "{global.color.brand.200}"
1854
+ },
1855
+ "status": {
1856
+ "info": {
1857
+ "default": {
1858
+ "$type": "color",
1859
+ "$value": "{global.color.status.info.default}"
1860
+ },
1861
+ "hover": {
1862
+ "$type": "color",
1863
+ "$value": "{global.color.status.info.hover}"
1864
+ },
1865
+ "active": {
1866
+ "$type": "color",
1867
+ "$value": "{global.color.status.info.active}"
1868
+ }
1869
+ },
1870
+ "warning": {
1871
+ "active": {
1872
+ "$type": "color",
1873
+ "$value": "{global.color.status.warning.active}"
1874
+ },
1875
+ "hover": {
1876
+ "$type": "color",
1877
+ "$value": "{global.color.status.warning.hover}"
1878
+ },
1879
+ "default": {
1880
+ "$type": "color",
1881
+ "$value": "{global.color.status.warning.default}"
1882
+ }
1883
+ },
1884
+ "success": {
1885
+ "active": {
1886
+ "$type": "color",
1887
+ "$value": "{global.color.status.success.active}"
1888
+ },
1889
+ "hover": {
1890
+ "$type": "color",
1891
+ "$value": "{global.color.status.success.hover}"
1892
+ },
1893
+ "default": {
1894
+ "$type": "color",
1895
+ "$value": "{global.color.status.success.default}"
1896
+ }
1897
+ },
1898
+ "custom": {
1899
+ "active": {
1900
+ "$type": "color",
1901
+ "$value": "{global.color.status.custom.active}"
1902
+ },
1903
+ "hover": {
1904
+ "$type": "color",
1905
+ "$value": "{global.color.status.custom.hover}"
1906
+ },
1907
+ "default": {
1908
+ "$type": "color",
1909
+ "$value": "{global.color.status.custom.default}"
1910
+ }
1911
+ },
1912
+ "danger": {
1913
+ "hover": {
1914
+ "$type": "color",
1915
+ "$value": "{global.color.status.danger.hover}"
1916
+ },
1917
+ "active": {
1918
+ "$type": "color",
1919
+ "$value": "{global.color.status.danger.active}"
1920
+ },
1921
+ "default": {
1922
+ "$type": "color",
1923
+ "$value": "{global.color.status.danger.default}"
1924
+ }
1925
+ }
1926
+ },
1927
+ "brand": {
1928
+ "active": {
1929
+ "$type": "color",
1930
+ "$value": "{global.color.brand.active}"
1931
+ },
1932
+ "hover": {
1933
+ "$type": "color",
1934
+ "$value": "{global.color.brand.hover}"
1935
+ },
1936
+ "default": {
1937
+ "$type": "color",
1938
+ "$value": "{global.color.brand.default}"
1939
+ }
1940
+ },
1941
+ "default": {
1942
+ "$type": "color",
1943
+ "$value": "{global.border.color.100}"
1944
+ },
1945
+ "hover": {
1946
+ "$type": "color",
1947
+ "$value": "{global.color.brand.100}"
1948
+ }
1949
+ }
1950
+ },
1951
+ "background": {
1952
+ "color": {
1953
+ "action": {
1954
+ "plain": {
1955
+ "default": {
1956
+ "$type": "color",
1957
+ "$value": "rgba(255, 255, 255, 0.0000)"
1958
+ },
1959
+ "alt": {
1960
+ "hover": {
1961
+ "$type": "color",
1962
+ "$value": "{global.background.color.100}"
1963
+ }
1964
+ },
1965
+ "hover": {
1966
+ "$type": "color",
1967
+ "$value": "{global.background.color.200}"
1968
+ }
1969
+ }
1970
+ },
1971
+ "floating": {
1972
+ "selected": {
1973
+ "$type": "color",
1974
+ "$value": "{global.background.color.200}"
1975
+ },
1976
+ "hover": {
1977
+ "$type": "color",
1978
+ "$value": "{global.background.color.200}"
1979
+ },
1980
+ "default": {
1981
+ "$type": "color",
1982
+ "$value": "{global.background.color.100}"
1983
+ }
1984
+ },
1985
+ "primary": {
1986
+ "hover": {
1987
+ "$type": "color",
1988
+ "$value": "{global.background.color.200}"
1989
+ },
1990
+ "default": {
1991
+ "$type": "color",
1992
+ "$value": "{global.background.color.100}"
1993
+ },
1994
+ "selected": {
1995
+ "$type": "color",
1996
+ "$value": "{global.background.color.200}"
1997
+ }
1998
+ },
1999
+ "highlight": {
2000
+ "active": {
2001
+ "$type": "color",
2002
+ "$value": "{global.background.color.highlight.200}"
2003
+ },
2004
+ "default": {
2005
+ "$type": "color",
2006
+ "$value": "{global.background.color.highlight.100}"
2007
+ }
2008
+ },
2009
+ "control": {
2010
+ "default": {
2011
+ "$type": "color",
2012
+ "$value": "{global.background.color.primary.default}"
2013
+ }
2014
+ },
2015
+ "disabled": {
2016
+ "default": {
2017
+ "$type": "color",
2018
+ "$value": "{global.color.disabled.100}"
2019
+ }
2020
+ },
2021
+ "inverse": {
2022
+ "default": {
2023
+ "$type": "color",
2024
+ "$value": "{global.background.color.400}"
2025
+ }
2026
+ },
2027
+ "secondary": {
2028
+ "hover": {
2029
+ "$type": "color",
2030
+ "$value": "{global.background.color.300}"
2031
+ },
2032
+ "default": {
2033
+ "$type": "color",
2034
+ "$value": "{global.background.color.200}"
2035
+ },
2036
+ "selected": {
2037
+ "$type": "color",
2038
+ "$value": "{global.background.color.300}"
2039
+ }
2040
+ }
2041
+ }
2042
+ }
2043
+ }
2044
+ }
2045
+
2046
+
2047
+ /* Semantic Color Tokens.Dark.tokens.json */
2048
+
2049
+ {
2050
+ "global": {
2051
+ "color": {
2052
+ "nonstatus": {
2053
+ "purple": {
2054
+ "active": {
2055
+ "$type": "color",
2056
+ "$value": "{global.dark.color.nonstatus.purple.200}"
2057
+ },
2058
+ "hover": {
2059
+ "$type": "color",
2060
+ "$value": "{global.dark.color.nonstatus.purple.200}"
2061
+ },
2062
+ "default": {
2063
+ "$type": "color",
2064
+ "$value": "{global.dark.color.nonstatus.purple.100}"
2065
+ }
2066
+ },
2067
+ "green": {
2068
+ "active": {
2069
+ "$type": "color",
2070
+ "$value": "{global.dark.color.nonstatus.green.200}"
2071
+ },
2072
+ "hover": {
2073
+ "$type": "color",
2074
+ "$value": "{global.dark.color.nonstatus.green.200}"
2075
+ },
2076
+ "default": {
2077
+ "$type": "color",
2078
+ "$value": "{global.dark.color.nonstatus.green.100}"
2079
+ }
2080
+ },
2081
+ "gold": {
2082
+ "active": {
2083
+ "$type": "color",
2084
+ "$value": "{global.dark.color.nonstatus.gold.200}"
2085
+ },
2086
+ "hover": {
2087
+ "$type": "color",
2088
+ "$value": "{global.dark.color.nonstatus.gold.200}"
2089
+ },
2090
+ "default": {
2091
+ "$type": "color",
2092
+ "$value": "{global.dark.color.nonstatus.gold.100}"
2093
+ }
2094
+ },
2095
+ "orange": {
2096
+ "active": {
2097
+ "$type": "color",
2098
+ "$value": "{global.dark.color.nonstatus.orange.200}"
2099
+ },
2100
+ "hover": {
2101
+ "$type": "color",
2102
+ "$value": "{global.dark.color.nonstatus.orange.200}"
2103
+ },
2104
+ "default": {
2105
+ "$type": "color",
2106
+ "$value": "{global.dark.color.nonstatus.orange.100}"
2107
+ }
2108
+ },
2109
+ "orangered": {
2110
+ "active": {
2111
+ "$type": "color",
2112
+ "$value": "{global.dark.color.nonstatus.orangered.200}"
2113
+ },
2114
+ "hover": {
2115
+ "$type": "color",
2116
+ "$value": "{global.dark.color.nonstatus.orangered.200}"
2117
+ },
2118
+ "default": {
2119
+ "$type": "color",
2120
+ "$value": "{global.dark.color.nonstatus.orangered.100}"
2121
+ }
2122
+ },
2123
+ "red": {
2124
+ "active": {
2125
+ "$type": "color",
2126
+ "$value": "{global.dark.color.nonstatus.red.200}"
2127
+ },
2128
+ "hover": {
2129
+ "$type": "color",
2130
+ "$value": "{global.dark.color.nonstatus.red.200}"
2131
+ },
2132
+ "default": {
2133
+ "$type": "color",
2134
+ "$value": "{global.dark.color.nonstatus.red.100}"
2135
+ }
2136
+ },
2137
+ "blue": {
2138
+ "active": {
2139
+ "$type": "color",
2140
+ "$value": "{global.dark.color.nonstatus.blue.200}"
2141
+ },
2142
+ "hover": {
2143
+ "$type": "color",
2144
+ "$value": "{global.dark.color.nonstatus.blue.200}"
2145
+ },
2146
+ "default": {
2147
+ "$type": "color",
2148
+ "$value": "{global.dark.color.nonstatus.blue.100}"
2149
+ }
2150
+ },
2151
+ "cyan": {
2152
+ "active": {
2153
+ "$type": "color",
2154
+ "$value": "{global.dark.color.nonstatus.cyan.200}"
2155
+ },
2156
+ "default": {
2157
+ "$type": "color",
2158
+ "$value": "{global.dark.color.nonstatus.cyan.100}"
2159
+ },
2160
+ "hover": {
2161
+ "$type": "color",
2162
+ "$value": "{global.dark.color.nonstatus.cyan.200}"
2163
+ }
2164
+ },
2165
+ "gray": {
2166
+ "active": {
2167
+ "$type": "color",
2168
+ "$value": "{global.dark.color.nonstatus.gray.200}"
2169
+ },
2170
+ "default": {
2171
+ "$type": "color",
2172
+ "$value": "{global.dark.color.nonstatus.gray.100}"
2173
+ },
2174
+ "hover": {
2175
+ "$type": "color",
2176
+ "$value": "{global.dark.color.nonstatus.gray.200}"
2177
+ }
2178
+ }
2179
+ },
2180
+ "favorite": {
2181
+ "active": {
2182
+ "$type": "color",
2183
+ "$value": "{global.dark.color.favorite.200}"
2184
+ },
2185
+ "hover": {
2186
+ "$type": "color",
2187
+ "$value": "{global.dark.color.favorite.200}"
2188
+ },
2189
+ "default": {
2190
+ "$type": "color",
2191
+ "$value": "{global.dark.color.favorite.100}"
2192
+ }
2193
+ },
2194
+ "status": {
2195
+ "info": {
2196
+ "active": {
2197
+ "$type": "color",
2198
+ "$value": "{global.dark.color.status.info.200}"
2199
+ },
2200
+ "hover": {
2201
+ "$type": "color",
2202
+ "$value": "{global.dark.color.status.info.200}"
2203
+ },
2204
+ "default": {
2205
+ "$type": "color",
2206
+ "$value": "{global.dark.color.status.info.100}"
2207
+ }
2208
+ },
2209
+ "danger": {
2210
+ "active": {
2211
+ "$type": "color",
2212
+ "$value": "{global.dark.color.status.danger.200}"
2213
+ },
2214
+ "hover": {
2215
+ "$type": "color",
2216
+ "$value": "{global.dark.color.status.danger.200}"
2217
+ },
2218
+ "default": {
2219
+ "$type": "color",
2220
+ "$value": "{global.dark.color.status.danger.100}"
2221
+ }
2222
+ },
2223
+ "warning": {
2224
+ "default": {
2225
+ "$type": "color",
2226
+ "$value": "{global.dark.color.status.warning.100}"
2227
+ },
2228
+ "active": {
2229
+ "$type": "color",
2230
+ "$value": "{global.dark.color.status.warning.200}"
2231
+ },
2232
+ "hover": {
2233
+ "$type": "color",
2234
+ "$value": "{global.dark.color.status.warning.200}"
2235
+ }
2236
+ },
2237
+ "success": {
2238
+ "active": {
2239
+ "$type": "color",
2240
+ "$value": "{global.dark.color.status.success.200}"
2241
+ },
2242
+ "hover": {
2243
+ "$type": "color",
2244
+ "$value": "{global.dark.color.status.success.200}"
2245
+ },
2246
+ "default": {
2247
+ "$type": "color",
2248
+ "$value": "{global.dark.color.status.success.100}"
2249
+ }
2250
+ },
2251
+ "custom": {
2252
+ "active": {
2253
+ "$type": "color",
2254
+ "$value": "{global.dark.color.status.custom.200}"
2255
+ },
2256
+ "hover": {
2257
+ "$type": "color",
2258
+ "$value": "{global.dark.color.status.custom.200}"
2259
+ },
2260
+ "default": {
2261
+ "$type": "color",
2262
+ "$value": "{global.dark.color.status.custom.100}"
2263
+ }
2264
+ }
2265
+ },
2266
+ "brand": {
2267
+ "active": {
2268
+ "$type": "color",
2269
+ "$value": "{global.dark.color.brand.300}"
2270
+ },
2271
+ "hover": {
2272
+ "$type": "color",
2273
+ "$value": "{global.dark.color.brand.300}"
2274
+ },
2275
+ "default": {
2276
+ "$type": "color",
2277
+ "$value": "{global.dark.color.brand.200}"
2278
+ }
2279
+ }
2280
+ },
2281
+ "icon": {
2282
+ "color": {
2283
+ "favorite": {
2284
+ "active": {
2285
+ "$type": "color",
2286
+ "$value": "{global.color.favorite.active}"
2287
+ },
2288
+ "hover": {
2289
+ "$type": "color",
2290
+ "$value": "{global.color.favorite.hover}"
2291
+ },
2292
+ "default": {
2293
+ "$type": "color",
2294
+ "$value": "{global.color.favorite.default}"
2295
+ }
2296
+ },
2297
+ "nonstatus": {
2298
+ "on-gray": {
2299
+ "hover": {
2300
+ "$type": "color",
2301
+ "$value": "{global.icon.color.inverse}"
2302
+ },
2303
+ "default": {
2304
+ "$type": "color",
2305
+ "$value": "{global.icon.color.inverse}"
2306
+ }
2307
+ },
2308
+ "on-purple": {
2309
+ "hover": {
2310
+ "$type": "color",
2311
+ "$value": "{global.icon.color.inverse}"
2312
+ },
2313
+ "default": {
2314
+ "$type": "color",
2315
+ "$value": "{global.icon.color.inverse}"
2316
+ }
2317
+ },
2318
+ "on-cyan": {
2319
+ "hover": {
2320
+ "$type": "color",
2321
+ "$value": "{global.icon.color.inverse}"
2322
+ },
2323
+ "default": {
2324
+ "$type": "color",
2325
+ "$value": "{global.icon.color.inverse}"
2326
+ }
2327
+ },
2328
+ "on-green": {
2329
+ "hover": {
2330
+ "$type": "color",
2331
+ "$value": "{global.icon.color.inverse}"
2332
+ },
2333
+ "default": {
2334
+ "$type": "color",
2335
+ "$value": "{global.icon.color.inverse}"
2336
+ }
2337
+ },
2338
+ "on-gold": {
2339
+ "hover": {
2340
+ "$type": "color",
2341
+ "$value": "{global.icon.color.inverse}"
2342
+ },
2343
+ "default": {
2344
+ "$type": "color",
2345
+ "$value": "{global.icon.color.inverse}"
2346
+ }
2347
+ },
2348
+ "on-red": {
2349
+ "default": {
2350
+ "$type": "color",
2351
+ "$value": "{global.icon.color.inverse}"
2352
+ },
2353
+ "hover": {
2354
+ "$type": "color",
2355
+ "$value": "{global.icon.color.inverse}"
2356
+ }
2357
+ },
2358
+ "on-blue": {
2359
+ "default": {
2360
+ "$type": "color",
2361
+ "$value": "{global.icon.color.inverse}"
2362
+ },
2363
+ "hover": {
2364
+ "$type": "color",
2365
+ "$value": "{global.icon.color.inverse}"
2366
+ }
2367
+ },
2368
+ "on-orange": {
2369
+ "default": {
2370
+ "$type": "color",
2371
+ "$value": "{global.icon.color.inverse}"
2372
+ },
2373
+ "hover": {
2374
+ "$type": "color",
2375
+ "$value": "{global.icon.color.inverse}"
2376
+ }
2377
+ },
2378
+ "on-orangered": {
2379
+ "default": {
2380
+ "$type": "color",
2381
+ "$value": "{global.icon.color.inverse}"
2382
+ },
2383
+ "hover": {
2384
+ "$type": "color",
2385
+ "$value": "{global.icon.color.inverse}"
2386
+ }
2387
+ }
2388
+ },
2389
+ "status": {
2390
+ "info": {
2391
+ "active": {
2392
+ "$type": "color",
2393
+ "$value": "{global.color.status.info.active}"
2394
+ },
2395
+ "default": {
2396
+ "$type": "color",
2397
+ "$value": "{global.color.status.info.default}"
2398
+ },
2399
+ "hover": {
2400
+ "$type": "color",
2401
+ "$value": "{global.color.status.info.hover}"
2402
+ }
2403
+ },
2404
+ "danger": {
2405
+ "active": {
2406
+ "$type": "color",
2407
+ "$value": "{global.color.status.danger.active}"
2408
+ },
2409
+ "hover": {
2410
+ "$type": "color",
2411
+ "$value": "{global.color.status.danger.hover}"
2412
+ },
2413
+ "default": {
2414
+ "$type": "color",
2415
+ "$value": "{global.color.status.danger.default}"
2416
+ }
2417
+ },
2418
+ "success": {
2419
+ "active": {
2420
+ "$type": "color",
2421
+ "$value": "{global.color.status.success.active}"
2422
+ },
2423
+ "hover": {
2424
+ "$type": "color",
2425
+ "$value": "{global.color.status.success.hover}"
2426
+ },
2427
+ "default": {
2428
+ "$type": "color",
2429
+ "$value": "{global.color.status.success.default}"
2430
+ }
2431
+ },
2432
+ "custom": {
2433
+ "active": {
2434
+ "$type": "color",
2435
+ "$value": "{global.color.status.custom.active}"
2436
+ },
2437
+ "hover": {
2438
+ "$type": "color",
2439
+ "$value": "{global.color.status.custom.hover}"
2440
+ },
2441
+ "default": {
2442
+ "$type": "color",
2443
+ "$value": "{global.color.status.custom.default}"
2444
+ }
2445
+ },
2446
+ "warning": {
2447
+ "active": {
2448
+ "$type": "color",
2449
+ "$value": "{global.color.status.warning.active}"
2450
+ },
2451
+ "default": {
2452
+ "$type": "color",
2453
+ "$value": "{global.color.status.warning.default}"
2454
+ },
2455
+ "hover": {
2456
+ "$type": "color",
2457
+ "$value": "{global.color.status.warning.hover}"
2458
+ }
2459
+ },
2460
+ "on-info": {
2461
+ "hover": {
2462
+ "$type": "color",
2463
+ "$value": "{global.icon.color.inverse}"
2464
+ },
2465
+ "default": {
2466
+ "$type": "color",
2467
+ "$value": "{global.icon.color.inverse}"
2468
+ }
2469
+ },
2470
+ "on-custom": {
2471
+ "hover": {
2472
+ "$type": "color",
2473
+ "$value": "{global.icon.color.inverse}"
2474
+ },
2475
+ "default": {
2476
+ "$type": "color",
2477
+ "$value": "{global.icon.color.inverse}"
2478
+ }
2479
+ },
2480
+ "on-warning": {
2481
+ "default": {
2482
+ "$type": "color",
2483
+ "$value": "{global.icon.color.inverse}"
2484
+ },
2485
+ "hover": {
2486
+ "$type": "color",
2487
+ "$value": "{global.icon.color.inverse}"
2488
+ }
2489
+ },
2490
+ "on-success": {
2491
+ "default": {
2492
+ "$type": "color",
2493
+ "$value": "{global.icon.color.inverse}"
2494
+ },
2495
+ "hover": {
2496
+ "$type": "color",
2497
+ "$value": "{global.icon.color.inverse}"
2498
+ }
2499
+ },
2500
+ "on-danger": {
2501
+ "default": {
2502
+ "$type": "color",
2503
+ "$value": "{global.icon.color.inverse}"
2504
+ },
2505
+ "hover": {
2506
+ "$type": "color",
2507
+ "$value": "{global.icon.color.inverse}"
2508
+ }
2509
+ }
2510
+ },
2511
+ "subtle": {
2512
+ "$type": "color",
2513
+ "$value": "{global.dark.icon.color.200}"
2514
+ },
2515
+ "brand": {
2516
+ "active": {
2517
+ "$type": "color",
2518
+ "$value": "{global.color.brand.active}"
2519
+ },
2520
+ "default": {
2521
+ "$type": "color",
2522
+ "$value": "{global.color.brand.default}"
2523
+ },
2524
+ "hover": {
2525
+ "$type": "color",
2526
+ "$value": "{global.color.brand.hover}"
2527
+ }
2528
+ },
2529
+ "inverse": {
2530
+ "$type": "color",
2531
+ "$value": "{global.dark.icon.color.300}"
2532
+ },
2533
+ "disabled": {
2534
+ "$type": "color",
2535
+ "$value": "{global.dark.color.disabled.300}"
2536
+ },
2537
+ "regular": {
2538
+ "$type": "color",
2539
+ "$value": "{global.dark.icon.color.100}"
2540
+ },
2541
+ "on-brand": {
2542
+ "default": {
2543
+ "$type": "color",
2544
+ "$value": "{global.icon.color.inverse}"
2545
+ },
2546
+ "hover": {
2547
+ "$type": "color",
2548
+ "$value": "{global.icon.color.inverse}"
2549
+ }
2550
+ }
2551
+ }
2552
+ },
2553
+ "text": {
2554
+ "color": {
2555
+ "nonstatus": {
2556
+ "on-gray": {
2557
+ "hover": {
2558
+ "$type": "color",
2559
+ "$value": "{global.icon.color.inverse}"
2560
+ },
2561
+ "default": {
2562
+ "$type": "color",
2563
+ "$value": "{global.icon.color.inverse}"
2564
+ }
2565
+ },
2566
+ "on-purple": {
2567
+ "hover": {
2568
+ "$type": "color",
2569
+ "$value": "{global.icon.color.inverse}"
2570
+ },
2571
+ "default": {
2572
+ "$type": "color",
2573
+ "$value": "{global.icon.color.inverse}"
2574
+ }
2575
+ },
2576
+ "on-cyan": {
2577
+ "hover": {
2578
+ "$type": "color",
2579
+ "$value": "{global.icon.color.inverse}"
2580
+ },
2581
+ "default": {
2582
+ "$type": "color",
2583
+ "$value": "{global.icon.color.inverse}"
2584
+ }
2585
+ },
2586
+ "on-orange": {
2587
+ "hover": {
2588
+ "$type": "color",
2589
+ "$value": "{global.icon.color.inverse}"
2590
+ },
2591
+ "default": {
2592
+ "$type": "color",
2593
+ "$value": "{global.icon.color.inverse}"
2594
+ }
2595
+ },
2596
+ "on-orangered": {
2597
+ "hover": {
2598
+ "$type": "color",
2599
+ "$value": "{global.icon.color.inverse}"
2600
+ },
2601
+ "default": {
2602
+ "$type": "color",
2603
+ "$value": "{global.icon.color.inverse}"
2604
+ }
2605
+ },
2606
+ "on-red": {
2607
+ "hover": {
2608
+ "$type": "color",
2609
+ "$value": "{global.icon.color.inverse}"
2610
+ },
2611
+ "default": {
2612
+ "$type": "color",
2613
+ "$value": "{global.icon.color.inverse}"
2614
+ }
2615
+ },
2616
+ "on-blue": {
2617
+ "hover": {
2618
+ "$type": "color",
2619
+ "$value": "{global.icon.color.inverse}"
2620
+ },
2621
+ "default": {
2622
+ "$type": "color",
2623
+ "$value": "{global.icon.color.inverse}"
2624
+ }
2625
+ },
2626
+ "on-green": {
2627
+ "default": {
2628
+ "$type": "color",
2629
+ "$value": "{global.icon.color.inverse}"
2630
+ },
2631
+ "hover": {
2632
+ "$type": "color",
2633
+ "$value": "{global.icon.color.inverse}"
2634
+ }
2635
+ },
2636
+ "on-gold": {
2637
+ "default": {
2638
+ "$type": "color",
2639
+ "$value": "{global.icon.color.inverse}"
2640
+ },
2641
+ "hover": {
2642
+ "$type": "color",
2643
+ "$value": "{global.icon.color.inverse}"
2644
+ }
2645
+ }
2646
+ },
2647
+ "status": {
2648
+ "danger": {
2649
+ "hover": {
2650
+ "$type": "color",
2651
+ "$value": "{global.color.status.danger.hover}"
2652
+ },
2653
+ "default": {
2654
+ "$type": "color",
2655
+ "$value": "{global.color.status.danger.default}"
2656
+ },
2657
+ "active": {
2658
+ "$type": "color",
2659
+ "$value": "{global.color.status.danger.active}"
2660
+ }
2661
+ },
2662
+ "warning": {
2663
+ "active": {
2664
+ "$type": "color",
2665
+ "$value": "{global.color.status.warning.active}"
2666
+ },
2667
+ "hover": {
2668
+ "$type": "color",
2669
+ "$value": "{global.color.status.warning.hover}"
2670
+ },
2671
+ "default": {
2672
+ "$type": "color",
2673
+ "$value": "{global.color.status.warning.default}"
2674
+ }
2675
+ },
2676
+ "success": {
2677
+ "active": {
2678
+ "$type": "color",
2679
+ "$value": "{global.color.status.success.active}"
2680
+ },
2681
+ "hover": {
2682
+ "$type": "color",
2683
+ "$value": "{global.color.status.success.hover}"
2684
+ },
2685
+ "default": {
2686
+ "$type": "color",
2687
+ "$value": "{global.color.status.success.default}"
2688
+ }
2689
+ },
2690
+ "on-custom": {
2691
+ "default": {
2692
+ "$type": "color",
2693
+ "$value": "{global.icon.color.inverse}"
2694
+ },
2695
+ "hover": {
2696
+ "$type": "color",
2697
+ "$value": "{global.icon.color.inverse}"
2698
+ }
2699
+ },
2700
+ "on-info": {
2701
+ "default": {
2702
+ "$type": "color",
2703
+ "$value": "{global.icon.color.inverse}"
2704
+ },
2705
+ "hover": {
2706
+ "$type": "color",
2707
+ "$value": "{global.icon.color.inverse}"
2708
+ }
2709
+ },
2710
+ "on-danger": {
2711
+ "default": {
2712
+ "$type": "color",
2713
+ "$value": "{global.icon.color.inverse}"
2714
+ },
2715
+ "hover": {
2716
+ "$type": "color",
2717
+ "$value": "{global.icon.color.inverse}"
2718
+ }
2719
+ },
2720
+ "info": {
2721
+ "hover": {
2722
+ "$type": "color",
2723
+ "$value": "{global.color.status.info.hover}"
2724
+ },
2725
+ "active": {
2726
+ "$type": "color",
2727
+ "$value": "{global.color.status.info.active}"
2728
+ },
2729
+ "default": {
2730
+ "$type": "color",
2731
+ "$value": "{global.color.status.info.default}"
2732
+ }
2733
+ },
2734
+ "on-warning": {
2735
+ "default": {
2736
+ "$type": "color",
2737
+ "$value": "{global.icon.color.inverse}"
2738
+ },
2739
+ "hover": {
2740
+ "$type": "color",
2741
+ "$value": "{global.icon.color.inverse}"
2742
+ }
2743
+ },
2744
+ "on-success": {
2745
+ "default": {
2746
+ "$type": "color",
2747
+ "$value": "{global.icon.color.inverse}"
2748
+ },
2749
+ "hover": {
2750
+ "$type": "color",
2751
+ "$value": "{global.icon.color.inverse}"
2752
+ }
2753
+ },
2754
+ "custom": {
2755
+ "default": {
2756
+ "$type": "color",
2757
+ "$value": "{global.color.status.custom.default}"
2758
+ },
2759
+ "hover": {
2760
+ "$type": "color",
2761
+ "$value": "{global.color.status.custom.hover}"
2762
+ },
2763
+ "active": {
2764
+ "$type": "color",
2765
+ "$value": "{global.color.status.custom.active}"
2766
+ }
2767
+ }
2768
+ },
2769
+ "brand": {
2770
+ "active": {
2771
+ "$type": "color",
2772
+ "$value": "{global.color.brand.active}"
2773
+ },
2774
+ "hover": {
2775
+ "$type": "color",
2776
+ "$value": "{global.color.brand.hover}"
2777
+ },
2778
+ "default": {
2779
+ "$type": "color",
2780
+ "$value": "{global.color.brand.default}"
2781
+ }
2782
+ },
2783
+ "link": {
2784
+ "visited": {
2785
+ "$type": "color",
2786
+ "$value": "{global.dark.text.color.link.300}"
2787
+ },
2788
+ "hover": {
2789
+ "$type": "color",
2790
+ "$value": "{global.dark.text.color.link.200}"
2791
+ },
2792
+ "default": {
2793
+ "$type": "color",
2794
+ "$value": "{global.dark.text.color.link.100}"
2795
+ }
2796
+ },
2797
+ "placeholder": {
2798
+ "$type": "color",
2799
+ "$value": "{global.text.color.subtle}"
2800
+ },
2801
+ "disabled": {
2802
+ "light": {
2803
+ "$type": "color",
2804
+ "$value": "{global.dark.color.disabled.200}"
2805
+ },
2806
+ "default": {
2807
+ "$type": "color",
2808
+ "$value": "{global.dark.color.disabled.300}"
2809
+ }
2810
+ },
2811
+ "inverse": {
2812
+ "$type": "color",
2813
+ "$value": "{global.dark.text.color.300}"
2814
+ },
2815
+ "subtle": {
2816
+ "$type": "color",
2817
+ "$value": "{global.dark.text.color.200}"
2818
+ },
2819
+ "regular": {
2820
+ "$type": "color",
2821
+ "$value": "{global.dark.text.color.100}"
2822
+ },
2823
+ "on-brand": {
2824
+ "default": {
2825
+ "$type": "color",
2826
+ "$value": "{global.icon.color.inverse}"
2827
+ },
2828
+ "hover": {
2829
+ "$type": "color",
2830
+ "$value": "{global.icon.color.inverse}"
2831
+ }
2832
+ }
2833
+ }
2834
+ },
2835
+ "border": {
2836
+ "color": {
2837
+ "nonstatus": {
2838
+ "gray": {
2839
+ "active": {
2840
+ "$type": "color",
2841
+ "$value": "{global.dark.color.nonstatus.gray.200}"
2842
+ },
2843
+ "hover": {
2844
+ "$type": "color",
2845
+ "$value": "{global.dark.color.nonstatus.gray.200}"
2846
+ },
2847
+ "default": {
2848
+ "$type": "color",
2849
+ "$value": "{global.dark.color.nonstatus.gray.100}"
2850
+ }
2851
+ },
2852
+ "purple": {
2853
+ "active": {
2854
+ "$type": "color",
2855
+ "$value": "{global.dark.color.nonstatus.purple.200}"
2856
+ },
2857
+ "hover": {
2858
+ "$type": "color",
2859
+ "$value": "{global.dark.color.nonstatus.purple.200}"
2860
+ },
2861
+ "default": {
2862
+ "$type": "color",
2863
+ "$value": "{global.dark.color.nonstatus.purple.100}"
2864
+ }
2865
+ },
2866
+ "cyan": {
2867
+ "default": {
2868
+ "$type": "color",
2869
+ "$value": "{global.dark.color.nonstatus.cyan.100}"
2870
+ },
2871
+ "hover": {
2872
+ "$type": "color",
2873
+ "$value": "{global.dark.color.nonstatus.cyan.200}"
2874
+ },
2875
+ "active": {
2876
+ "$type": "color",
2877
+ "$value": "{global.dark.color.nonstatus.cyan.200}"
2878
+ }
2879
+ },
2880
+ "green": {
2881
+ "active": {
2882
+ "$type": "color",
2883
+ "$value": "{global.dark.color.nonstatus.green.200}"
2884
+ },
2885
+ "hover": {
2886
+ "$type": "color",
2887
+ "$value": "{global.dark.color.nonstatus.green.200}"
2888
+ },
2889
+ "default": {
2890
+ "$type": "color",
2891
+ "$value": "{global.dark.color.nonstatus.green.100}"
2892
+ }
2893
+ },
2894
+ "gold": {
2895
+ "active": {
2896
+ "$type": "color",
2897
+ "$value": "{global.dark.color.nonstatus.gold.200}"
2898
+ },
2899
+ "hover": {
2900
+ "$type": "color",
2901
+ "$value": "{global.dark.color.nonstatus.gold.200}"
2902
+ },
2903
+ "default": {
2904
+ "$type": "color",
2905
+ "$value": "{global.dark.color.nonstatus.gold.100}"
2906
+ }
2907
+ },
2908
+ "orange": {
2909
+ "active": {
2910
+ "$type": "color",
2911
+ "$value": "{global.dark.color.nonstatus.orange.200}"
2912
+ },
2913
+ "default": {
2914
+ "$type": "color",
2915
+ "$value": "{global.dark.color.nonstatus.orange.100}"
2916
+ },
2917
+ "hover": {
2918
+ "$type": "color",
2919
+ "$value": "{global.dark.color.nonstatus.orange.200}"
2920
+ }
2921
+ },
2922
+ "orangered": {
2923
+ "hover": {
2924
+ "$type": "color",
2925
+ "$value": "{global.dark.color.nonstatus.orangered.200}"
2926
+ },
2927
+ "default": {
2928
+ "$type": "color",
2929
+ "$value": "{global.dark.color.nonstatus.orangered.100}"
2930
+ },
2931
+ "active": {
2932
+ "$type": "color",
2933
+ "$value": "{global.dark.color.nonstatus.orangered.200}"
2934
+ }
2935
+ },
2936
+ "red": {
2937
+ "active": {
2938
+ "$type": "color",
2939
+ "$value": "{global.dark.color.nonstatus.red.200}"
2940
+ },
2941
+ "hover": {
2942
+ "$type": "color",
2943
+ "$value": "{global.dark.color.nonstatus.red.200}"
2944
+ },
2945
+ "default": {
2946
+ "$type": "color",
2947
+ "$value": "{global.dark.color.nonstatus.red.100}"
2948
+ }
2949
+ },
2950
+ "blue": {
2951
+ "active": {
2952
+ "$type": "color",
2953
+ "$value": "{global.dark.color.nonstatus.blue.200}"
2954
+ },
2955
+ "hover": {
2956
+ "$type": "color",
2957
+ "$value": "{global.dark.color.nonstatus.blue.200}"
2958
+ },
2959
+ "default": {
2960
+ "$type": "color",
2961
+ "$value": "{global.dark.color.nonstatus.blue.100}"
2962
+ }
2963
+ }
2964
+ },
2965
+ "active": {
2966
+ "$type": "color",
2967
+ "$value": "{global.dark.color.brand.300}"
2968
+ },
2969
+ "status": {
2970
+ "info": {
2971
+ "default": {
2972
+ "$type": "color",
2973
+ "$value": "{global.color.status.info.default}"
2974
+ },
2975
+ "hover": {
2976
+ "$type": "color",
2977
+ "$value": "{global.color.status.info.hover}"
2978
+ },
2979
+ "active": {
2980
+ "$type": "color",
2981
+ "$value": "{global.color.status.info.active}"
2982
+ }
2983
+ },
2984
+ "warning": {
2985
+ "active": {
2986
+ "$type": "color",
2987
+ "$value": "{global.color.status.warning.active}"
2988
+ },
2989
+ "hover": {
2990
+ "$type": "color",
2991
+ "$value": "{global.color.status.warning.hover}"
2992
+ },
2993
+ "default": {
2994
+ "$type": "color",
2995
+ "$value": "{global.color.status.warning.default}"
2996
+ }
2997
+ },
2998
+ "success": {
2999
+ "active": {
3000
+ "$type": "color",
3001
+ "$value": "{global.color.status.success.active}"
3002
+ },
3003
+ "hover": {
3004
+ "$type": "color",
3005
+ "$value": "{global.color.status.success.hover}"
3006
+ },
3007
+ "default": {
3008
+ "$type": "color",
3009
+ "$value": "{global.color.status.success.default}"
3010
+ }
3011
+ },
3012
+ "custom": {
3013
+ "active": {
3014
+ "$type": "color",
3015
+ "$value": "{global.color.status.custom.active}"
3016
+ },
3017
+ "hover": {
3018
+ "$type": "color",
3019
+ "$value": "{global.color.status.custom.hover}"
3020
+ },
3021
+ "default": {
3022
+ "$type": "color",
3023
+ "$value": "{global.color.status.custom.default}"
3024
+ }
3025
+ },
3026
+ "danger": {
3027
+ "hover": {
3028
+ "$type": "color",
3029
+ "$value": "{global.color.status.danger.hover}"
3030
+ },
3031
+ "active": {
3032
+ "$type": "color",
3033
+ "$value": "{global.color.status.danger.active}"
3034
+ },
3035
+ "default": {
3036
+ "$type": "color",
3037
+ "$value": "{global.color.status.danger.default}"
3038
+ }
3039
+ }
3040
+ },
3041
+ "brand": {
3042
+ "active": {
3043
+ "$type": "color",
3044
+ "$value": "{global.color.brand.active}"
3045
+ },
3046
+ "hover": {
3047
+ "$type": "color",
3048
+ "$value": "{global.color.brand.hover}"
3049
+ },
3050
+ "default": {
3051
+ "$type": "color",
3052
+ "$value": "{global.color.brand.default}"
3053
+ }
3054
+ },
3055
+ "default": {
3056
+ "$type": "color",
3057
+ "$value": "{global.dark.border.color.100}"
3058
+ },
3059
+ "hover": {
3060
+ "$type": "color",
3061
+ "$value": "{global.dark.color.brand.200}"
3062
+ }
3063
+ }
3064
+ },
3065
+ "background": {
3066
+ "color": {
3067
+ "action": {
3068
+ "plain": {
3069
+ "default": {
3070
+ "$type": "color",
3071
+ "$value": "rgba(0, 0, 0, 0.0000)"
3072
+ },
3073
+ "alt": {
3074
+ "hover": {
3075
+ "$type": "color",
3076
+ "$value": "{global.dark.background.color.200}"
3077
+ }
3078
+ },
3079
+ "hover": {
3080
+ "$type": "color",
3081
+ "$value": "{global.dark.background.color.300}"
3082
+ }
3083
+ }
3084
+ },
3085
+ "floating": {
3086
+ "selected": {
3087
+ "$type": "color",
3088
+ "$value": "{global.background.color.action.plain.hover}"
3089
+ },
3090
+ "hover": {
3091
+ "$type": "color",
3092
+ "$value": "{global.background.color.action.plain.hover}"
3093
+ },
3094
+ "default": {
3095
+ "$type": "color",
3096
+ "$value": "{global.dark.background.color.300}"
3097
+ }
3098
+ },
3099
+ "primary": {
3100
+ "hover": {
3101
+ "$type": "color",
3102
+ "$value": "{global.dark.background.color.300}"
3103
+ },
3104
+ "default": {
3105
+ "$type": "color",
3106
+ "$value": "{global.dark.background.color.200}"
3107
+ },
3108
+ "selected": {
3109
+ "$type": "color",
3110
+ "$value": "{global.dark.background.color.300}"
3111
+ }
3112
+ },
3113
+ "highlight": {
3114
+ "active": {
3115
+ "$type": "color",
3116
+ "$value": "{global.dark.background.color.highlight.200}"
3117
+ },
3118
+ "default": {
3119
+ "$type": "color",
3120
+ "$value": "{global.dark.background.color.highlight.100}"
3121
+ }
3122
+ },
3123
+ "control": {
3124
+ "default": {
3125
+ "$type": "color",
3126
+ "$value": "{global.dark.background.color.300}"
3127
+ }
3128
+ },
3129
+ "disabled": {
3130
+ "default": {
3131
+ "$type": "color",
3132
+ "$value": "{global.dark.color.disabled.100}"
3133
+ }
3134
+ },
3135
+ "inverse": {
3136
+ "default": {
3137
+ "$type": "color",
3138
+ "$value": "{global.dark.background.color.400}"
3139
+ }
3140
+ },
3141
+ "secondary": {
3142
+ "hover": {
3143
+ "$type": "color",
3144
+ "$value": "{global.dark.background.color.200}"
3145
+ },
3146
+ "default": {
3147
+ "$type": "color",
3148
+ "$value": "{global.dark.background.color.100}"
3149
+ },
3150
+ "selected": {
3151
+ "$type": "color",
3152
+ "$value": "{global.dark.background.color.200}"
3153
+ }
3154
+ }
3155
+ }
3156
+ }
3157
+ }
3158
+ }
3159
+
3160
+
3161
+ /* Base Dimension Tokens.Mode 1.tokens.json */
3162
+
3163
+ {
3164
+ "global": {
3165
+ "border": {
3166
+ "radius": {
3167
+ "100": {
3168
+ "$type": "number",
3169
+ "$value": 4
3170
+ },
3171
+ "200": {
3172
+ "$type": "number",
3173
+ "$value": 6
3174
+ },
3175
+ "300": {
3176
+ "$type": "number",
3177
+ "$value": 16
3178
+ },
3179
+ "400": {
3180
+ "$type": "number",
3181
+ "$value": 24
3182
+ },
3183
+ "500": {
3184
+ "$type": "number",
3185
+ "$value": 999
3186
+ }
3187
+ },
3188
+ "width": {
3189
+ "100": {
3190
+ "$type": "number",
3191
+ "$value": 1
3192
+ },
3193
+ "200": {
3194
+ "$type": "number",
3195
+ "$value": 2
3196
+ },
3197
+ "300": {
3198
+ "$type": "number",
3199
+ "$value": 3
3200
+ }
3201
+ }
3202
+ },
3203
+ "icon": {
3204
+ "size": {
3205
+ "100": {
3206
+ "$type": "number",
3207
+ "$value": 12
3208
+ },
3209
+ "200": {
3210
+ "$type": "number",
3211
+ "$value": 16
3212
+ },
3213
+ "300": {
3214
+ "$type": "number",
3215
+ "$value": 24
3216
+ },
3217
+ "400": {
3218
+ "$type": "number",
3219
+ "$value": 56
3220
+ }
3221
+ }
3222
+ },
3223
+ "spacer": {
3224
+ "100": {
3225
+ "$type": "number",
3226
+ "$value": 4
3227
+ },
3228
+ "200": {
3229
+ "$type": "number",
3230
+ "$value": 8
3231
+ },
3232
+ "300": {
3233
+ "$type": "number",
3234
+ "$value": 16
3235
+ },
3236
+ "400": {
3237
+ "$type": "number",
3238
+ "$value": 24
3239
+ },
3240
+ "500": {
3241
+ "$type": "number",
3242
+ "$value": 32
3243
+ },
3244
+ "600": {
3245
+ "$type": "number",
3246
+ "$value": 48
3247
+ },
3248
+ "700": {
3249
+ "$type": "number",
3250
+ "$value": 64
3251
+ },
3252
+ "800": {
3253
+ "$type": "number",
3254
+ "$value": 80
3255
+ }
3256
+ }
3257
+ }
3258
+ }
3259
+
3260
+
3261
+ /* Semantic Dimension Tokens.Mode 1.tokens.json */
3262
+
3263
+ {
3264
+ "global": {
3265
+ "icon": {
3266
+ "size": {
3267
+ "xl": {
3268
+ "$type": "number",
3269
+ "$value": "{global.icon.size.400}"
3270
+ },
3271
+ "lg": {
3272
+ "$type": "number",
3273
+ "$value": "{global.icon.size.300}"
3274
+ },
3275
+ "md": {
3276
+ "$type": "number",
3277
+ "$value": "{global.icon.size.200}"
3278
+ },
3279
+ "sm": {
3280
+ "$type": "number",
3281
+ "$value": "{global.icon.size.100}"
3282
+ }
3283
+ }
3284
+ },
3285
+ "border": {
3286
+ "width": {
3287
+ "button": {
3288
+ "active": {
3289
+ "$type": "number",
3290
+ "$value": "{global.border.width.200}"
3291
+ },
3292
+ "default": {
3293
+ "$type": "number",
3294
+ "$value": "{global.border.width.100}"
3295
+ },
3296
+ "hover": {
3297
+ "$type": "number",
3298
+ "$value": "{global.border.width.200}"
3299
+ }
3300
+ },
3301
+ "control": {
3302
+ "default": {
3303
+ "$type": "number",
3304
+ "$value": "{global.border.width.100}"
3305
+ },
3306
+ "active": {
3307
+ "$type": "number",
3308
+ "$value": "{global.border.width.200}"
3309
+ },
3310
+ "hover": {
3311
+ "$type": "number",
3312
+ "$value": "{global.border.width.100}"
3313
+ }
3314
+ },
3315
+ "divider": {
3316
+ "active": {
3317
+ "$type": "number",
3318
+ "$value": "{global.border.width.100}"
3319
+ },
3320
+ "hover": {
3321
+ "$type": "number",
3322
+ "$value": "{global.border.width.100}"
3323
+ },
3324
+ "default": {
3325
+ "$type": "number",
3326
+ "$value": "{global.border.width.100}"
3327
+ }
3328
+ }
3329
+ },
3330
+ "radius": {
3331
+ "small": {
3332
+ "$type": "number",
3333
+ "$value": "{global.border.radius.200}"
3334
+ },
3335
+ "large": {
3336
+ "$type": "number",
3337
+ "$value": "{global.border.radius.400}"
3338
+ },
3339
+ "medium": {
3340
+ "$type": "number",
3341
+ "$value": "{global.border.radius.300}"
3342
+ },
3343
+ "tiny": {
3344
+ "$type": "number",
3345
+ "$value": "{global.border.radius.100}"
3346
+ },
3347
+ "pill": {
3348
+ "$type": "number",
3349
+ "$value": "{global.border.radius.500}"
3350
+ }
3351
+ }
3352
+ },
3353
+ "spacer": {
3354
+ "4xl": {
3355
+ "$type": "number",
3356
+ "$value": "{global.spacer.800}"
3357
+ },
3358
+ "3xl": {
3359
+ "$type": "number",
3360
+ "$value": "{global.spacer.700}"
3361
+ },
3362
+ "md": {
3363
+ "$type": "number",
3364
+ "$value": "{global.spacer.300}"
3365
+ },
3366
+ "lg": {
3367
+ "$type": "number",
3368
+ "$value": "{global.spacer.400}"
3369
+ },
3370
+ "2xl": {
3371
+ "$type": "number",
3372
+ "$value": "{global.spacer.600}"
3373
+ },
3374
+ "xs": {
3375
+ "$type": "number",
3376
+ "$value": "{global.spacer.100}"
3377
+ },
3378
+ "xl": {
3379
+ "$type": "number",
3380
+ "$value": "{global.spacer.500}"
3381
+ },
3382
+ "sm": {
3383
+ "$type": "number",
3384
+ "$value": "{global.spacer.200}"
3385
+ }
3386
+ }
3387
+ }
3388
+ }