@patternfly/design-tokens 1.2.1 → 1.4.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 (18) hide show
  1. package/build/css/{_tokens-charts-dark.scss → tokens-charts-dark.scss} +2 -2
  2. package/build/css/{_tokens-charts.scss → tokens-charts.scss} +2 -2
  3. package/build/css/{_tokens-dark.scss → tokens-dark.scss} +2 -2
  4. package/build/css/{_tokens-default.scss → tokens-default.scss} +2 -2
  5. package/build/css/{_tokens-palette.scss → tokens-palette.scss} +2 -2
  6. package/build-js-for-docs.js +10 -7
  7. package/build.js +68 -63
  8. package/cli.js +10 -0
  9. package/{config.chart.dark.json → config.charts.dark.json} +1 -1
  10. package/{config.chart.json → config.charts.json} +1 -1
  11. package/config.dark.json +1 -1
  12. package/config.default.json +1 -1
  13. package/config.palette-colors.json +1 -1
  14. package/package.json +4 -3
  15. package/patternfly-docs/scssAsJson.json +1 -1
  16. package/tokens/AsExported.text +0 -3388
  17. /package/tokens/dark/{chart.dark.json → charts.dark.json} +0 -0
  18. /package/tokens/default/{chart.json → charts.json} +0 -0
package/tokens/AsExported.text DELETED
@@ -1,3388 +0,0 @@
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
- }