@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
package/tokens/default/semantic.json ADDED
@@ -0,0 +1,1110 @@
1
+ {
2
+ "global": {
3
+ "color": {
4
+ "nonstatus": {
5
+ "purple": {
6
+ "active": {
7
+ "type": "color",
8
+ "value": "{global.color.nonstatus.purple.200}"
9
+ },
10
+ "hover": {
11
+ "type": "color",
12
+ "value": "{global.color.nonstatus.purple.200}"
13
+ },
14
+ "default": {
15
+ "type": "color",
16
+ "value": "{global.color.nonstatus.purple.100}"
17
+ }
18
+ },
19
+ "green": {
20
+ "active": {
21
+ "type": "color",
22
+ "value": "{global.color.nonstatus.green.200}"
23
+ },
24
+ "hover": {
25
+ "type": "color",
26
+ "value": "{global.color.nonstatus.green.200}"
27
+ },
28
+ "default": {
29
+ "type": "color",
30
+ "value": "{global.color.nonstatus.green.100}"
31
+ }
32
+ },
33
+ "gold": {
34
+ "active": {
35
+ "type": "color",
36
+ "value": "{global.color.nonstatus.gold.200}"
37
+ },
38
+ "hover": {
39
+ "type": "color",
40
+ "value": "{global.color.nonstatus.gold.200}"
41
+ },
42
+ "default": {
43
+ "type": "color",
44
+ "value": "{global.color.nonstatus.gold.100}"
45
+ }
46
+ },
47
+ "orange": {
48
+ "active": {
49
+ "type": "color",
50
+ "value": "{global.color.nonstatus.orange.200}"
51
+ },
52
+ "hover": {
53
+ "type": "color",
54
+ "value": "{global.color.nonstatus.orange.200}"
55
+ },
56
+ "default": {
57
+ "type": "color",
58
+ "value": "{global.color.nonstatus.orange.100}"
59
+ }
60
+ },
61
+ "orangered": {
62
+ "active": {
63
+ "type": "color",
64
+ "value": "{global.color.nonstatus.orangered.200}"
65
+ },
66
+ "hover": {
67
+ "type": "color",
68
+ "value": "{global.color.nonstatus.orangered.200}"
69
+ },
70
+ "default": {
71
+ "type": "color",
72
+ "value": "{global.color.nonstatus.orangered.100}"
73
+ }
74
+ },
75
+ "red": {
76
+ "active": {
77
+ "type": "color",
78
+ "value": "{global.color.nonstatus.red.200}"
79
+ },
80
+ "hover": {
81
+ "type": "color",
82
+ "value": "{global.color.nonstatus.red.200}"
83
+ },
84
+ "default": {
85
+ "type": "color",
86
+ "value": "{global.color.nonstatus.red.100}"
87
+ }
88
+ },
89
+ "blue": {
90
+ "active": {
91
+ "type": "color",
92
+ "value": "{global.color.nonstatus.blue.200}"
93
+ },
94
+ "hover": {
95
+ "type": "color",
96
+ "value": "{global.color.nonstatus.blue.200}"
97
+ },
98
+ "default": {
99
+ "type": "color",
100
+ "value": "{global.color.nonstatus.blue.100}"
101
+ }
102
+ },
103
+ "cyan": {
104
+ "active": {
105
+ "type": "color",
106
+ "value": "{global.color.nonstatus.cyan.200}"
107
+ },
108
+ "default": {
109
+ "type": "color",
110
+ "value": "{global.color.nonstatus.cyan.100}"
111
+ },
112
+ "hover": {
113
+ "type": "color",
114
+ "value": "{global.color.nonstatus.cyan.200}"
115
+ }
116
+ },
117
+ "gray": {
118
+ "active": {
119
+ "type": "color",
120
+ "value": "{global.color.nonstatus.gray.200}"
121
+ },
122
+ "default": {
123
+ "type": "color",
124
+ "value": "{global.color.nonstatus.gray.100}"
125
+ },
126
+ "hover": {
127
+ "type": "color",
128
+ "value": "{global.color.nonstatus.gray.200}"
129
+ }
130
+ }
131
+ },
132
+ "favorite": {
133
+ "active": {
134
+ "type": "color",
135
+ "value": "{global.color.favorite.200}"
136
+ },
137
+ "hover": {
138
+ "type": "color",
139
+ "value": "{global.color.favorite.200}"
140
+ },
141
+ "default": {
142
+ "type": "color",
143
+ "value": "{global.color.favorite.100}"
144
+ }
145
+ },
146
+ "status": {
147
+ "info": {
148
+ "active": {
149
+ "type": "color",
150
+ "value": "{global.color.status.info.200}"
151
+ },
152
+ "hover": {
153
+ "type": "color",
154
+ "value": "{global.color.status.info.200}"
155
+ },
156
+ "default": {
157
+ "type": "color",
158
+ "value": "{global.color.status.info.100}"
159
+ }
160
+ },
161
+ "danger": {
162
+ "active": {
163
+ "type": "color",
164
+ "value": "{global.color.status.danger.200}"
165
+ },
166
+ "hover": {
167
+ "type": "color",
168
+ "value": "{global.color.status.danger.200}"
169
+ },
170
+ "default": {
171
+ "type": "color",
172
+ "value": "{global.color.status.danger.100}"
173
+ }
174
+ },
175
+ "warning": {
176
+ "default": {
177
+ "type": "color",
178
+ "value": "{global.color.status.warning.100}"
179
+ },
180
+ "active": {
181
+ "type": "color",
182
+ "value": "{global.color.status.warning.200}"
183
+ },
184
+ "hover": {
185
+ "type": "color",
186
+ "value": "{global.color.status.warning.200}"
187
+ }
188
+ },
189
+ "success": {
190
+ "active": {
191
+ "type": "color",
192
+ "value": "{global.color.status.success.200}"
193
+ },
194
+ "hover": {
195
+ "type": "color",
196
+ "value": "{global.color.status.success.200}"
197
+ },
198
+ "default": {
199
+ "type": "color",
200
+ "value": "{global.color.status.success.100}"
201
+ }
202
+ },
203
+ "custom": {
204
+ "active": {
205
+ "type": "color",
206
+ "value": "{global.color.status.custom.200}"
207
+ },
208
+ "hover": {
209
+ "type": "color",
210
+ "value": "{global.color.status.custom.200}"
211
+ },
212
+ "default": {
213
+ "type": "color",
214
+ "value": "{global.color.status.custom.100}"
215
+ }
216
+ }
217
+ },
218
+ "brand": {
219
+ "active": {
220
+ "type": "color",
221
+ "value": "{global.color.brand.300}"
222
+ },
223
+ "hover": {
224
+ "type": "color",
225
+ "value": "{global.color.brand.300}"
226
+ },
227
+ "default": {
228
+ "type": "color",
229
+ "value": "{global.color.brand.200}"
230
+ }
231
+ }
232
+ },
233
+ "icon": {
234
+ "color": {
235
+ "favorite": {
236
+ "active": {
237
+ "type": "color",
238
+ "value": "{global.color.favorite.active}"
239
+ },
240
+ "hover": {
241
+ "type": "color",
242
+ "value": "{global.color.favorite.hover}"
243
+ },
244
+ "default": {
245
+ "type": "color",
246
+ "value": "{global.color.favorite.default}"
247
+ }
248
+ },
249
+ "nonstatus": {
250
+ "on-gray": {
251
+ "hover": {
252
+ "type": "color",
253
+ "value": "{global.icon.color.regular}"
254
+ },
255
+ "default": {
256
+ "type": "color",
257
+ "value": "{global.icon.color.regular}"
258
+ }
259
+ },
260
+ "on-purple": {
261
+ "hover": {
262
+ "type": "color",
263
+ "value": "{global.icon.color.regular}"
264
+ },
265
+ "default": {
266
+ "type": "color",
267
+ "value": "{global.icon.color.regular}"
268
+ }
269
+ },
270
+ "on-cyan": {
271
+ "hover": {
272
+ "type": "color",
273
+ "value": "{global.icon.color.regular}"
274
+ },
275
+ "default": {
276
+ "type": "color",
277
+ "value": "{global.icon.color.regular}"
278
+ }
279
+ },
280
+ "on-green": {
281
+ "hover": {
282
+ "type": "color",
283
+ "value": "{global.icon.color.regular}"
284
+ },
285
+ "default": {
286
+ "type": "color",
287
+ "value": "{global.icon.color.regular}"
288
+ }
289
+ },
290
+ "on-gold": {
291
+ "hover": {
292
+ "type": "color",
293
+ "value": "{global.icon.color.regular}"
294
+ },
295
+ "default": {
296
+ "type": "color",
297
+ "value": "{global.icon.color.regular}"
298
+ }
299
+ },
300
+ "on-red": {
301
+ "default": {
302
+ "type": "color",
303
+ "value": "{global.icon.color.regular}"
304
+ },
305
+ "hover": {
306
+ "type": "color",
307
+ "value": "{global.icon.color.regular}"
308
+ }
309
+ },
310
+ "on-blue": {
311
+ "default": {
312
+ "type": "color",
313
+ "value": "{global.icon.color.regular}"
314
+ },
315
+ "hover": {
316
+ "type": "color",
317
+ "value": "{global.icon.color.regular}"
318
+ }
319
+ },
320
+ "on-orange": {
321
+ "default": {
322
+ "type": "color",
323
+ "value": "{global.icon.color.regular}"
324
+ },
325
+ "hover": {
326
+ "type": "color",
327
+ "value": "{global.icon.color.regular}"
328
+ }
329
+ },
330
+ "on-orangered": {
331
+ "default": {
332
+ "type": "color",
333
+ "value": "{global.icon.color.regular}"
334
+ },
335
+ "hover": {
336
+ "type": "color",
337
+ "value": "{global.icon.color.regular}"
338
+ }
339
+ }
340
+ },
341
+ "status": {
342
+ "info": {
343
+ "active": {
344
+ "type": "color",
345
+ "value": "{global.color.status.info.active}"
346
+ },
347
+ "default": {
348
+ "type": "color",
349
+ "value": "{global.color.status.info.default}"
350
+ },
351
+ "hover": {
352
+ "type": "color",
353
+ "value": "{global.color.status.info.hover}"
354
+ }
355
+ },
356
+ "danger": {
357
+ "active": {
358
+ "type": "color",
359
+ "value": "{global.color.status.danger.active}"
360
+ },
361
+ "hover": {
362
+ "type": "color",
363
+ "value": "{global.color.status.danger.hover}"
364
+ },
365
+ "default": {
366
+ "type": "color",
367
+ "value": "{global.color.status.danger.default}"
368
+ }
369
+ },
370
+ "success": {
371
+ "active": {
372
+ "type": "color",
373
+ "value": "{global.color.status.success.active}"
374
+ },
375
+ "hover": {
376
+ "type": "color",
377
+ "value": "{global.color.status.success.hover}"
378
+ },
379
+ "default": {
380
+ "type": "color",
381
+ "value": "{global.color.status.success.default}"
382
+ }
383
+ },
384
+ "custom": {
385
+ "active": {
386
+ "type": "color",
387
+ "value": "{global.color.status.custom.active}"
388
+ },
389
+ "hover": {
390
+ "type": "color",
391
+ "value": "{global.color.status.custom.hover}"
392
+ },
393
+ "default": {
394
+ "type": "color",
395
+ "value": "{global.color.status.custom.default}"
396
+ }
397
+ },
398
+ "warning": {
399
+ "active": {
400
+ "type": "color",
401
+ "value": "{global.color.status.warning.active}"
402
+ },
403
+ "default": {
404
+ "type": "color",
405
+ "value": "{global.color.status.warning.default}"
406
+ },
407
+ "hover": {
408
+ "type": "color",
409
+ "value": "{global.color.status.warning.hover}"
410
+ }
411
+ },
412
+ "on-info": {
413
+ "hover": {
414
+ "type": "color",
415
+ "value": "{global.icon.color.inverse}"
416
+ },
417
+ "default": {
418
+ "type": "color",
419
+ "value": "{global.icon.color.inverse}"
420
+ }
421
+ },
422
+ "on-custom": {
423
+ "hover": {
424
+ "type": "color",
425
+ "value": "{global.icon.color.inverse}"
426
+ },
427
+ "default": {
428
+ "type": "color",
429
+ "value": "{global.icon.color.inverse}"
430
+ }
431
+ },
432
+ "on-warning": {
433
+ "default": {
434
+ "type": "color",
435
+ "value": "{global.icon.color.regular}"
436
+ },
437
+ "hover": {
438
+ "type": "color",
439
+ "value": "{global.icon.color.inverse}"
440
+ }
441
+ },
442
+ "on-success": {
443
+ "default": {
444
+ "type": "color",
445
+ "value": "{global.icon.color.inverse}"
446
+ },
447
+ "hover": {
448
+ "type": "color",
449
+ "value": "{global.icon.color.inverse}"
450
+ }
451
+ },
452
+ "on-danger": {
453
+ "default": {
454
+ "type": "color",
455
+ "value": "{global.icon.color.inverse}"
456
+ },
457
+ "hover": {
458
+ "type": "color",
459
+ "value": "{global.icon.color.inverse}"
460
+ }
461
+ }
462
+ },
463
+ "subtle": {
464
+ "type": "color",
465
+ "value": "{global.icon.color.200}"
466
+ },
467
+ "brand": {
468
+ "active": {
469
+ "type": "color",
470
+ "value": "{global.color.brand.active}"
471
+ },
472
+ "default": {
473
+ "type": "color",
474
+ "value": "{global.color.brand.default}"
475
+ },
476
+ "hover": {
477
+ "type": "color",
478
+ "value": "{global.color.brand.hover}"
479
+ }
480
+ },
481
+ "inverse": {
482
+ "type": "color",
483
+ "value": "{global.icon.color.300}"
484
+ },
485
+ "disabled": {
486
+ "type": "color",
487
+ "value": "{global.color.disabled.300}"
488
+ },
489
+ "regular": {
490
+ "type": "color",
491
+ "value": "{global.icon.color.100}"
492
+ },
493
+ "on-brand": {
494
+ "default": {
495
+ "type": "color",
496
+ "value": "{global.icon.color.inverse}"
497
+ },
498
+ "hover": {
499
+ "type": "color",
500
+ "value": "{global.icon.color.inverse}"
501
+ }
502
+ }
503
+ }
504
+ },
505
+ "text": {
506
+ "color": {
507
+ "nonstatus": {
508
+ "on-gray": {
509
+ "hover": {
510
+ "type": "color",
511
+ "value": "{global.icon.color.regular}"
512
+ },
513
+ "default": {
514
+ "type": "color",
515
+ "value": "{global.icon.color.regular}"
516
+ }
517
+ },
518
+ "on-purple": {
519
+ "hover": {
520
+ "type": "color",
521
+ "value": "{global.icon.color.regular}"
522
+ },
523
+ "default": {
524
+ "type": "color",
525
+ "value": "{global.icon.color.regular}"
526
+ }
527
+ },
528
+ "on-cyan": {
529
+ "hover": {
530
+ "type": "color",
531
+ "value": "{global.icon.color.regular}"
532
+ },
533
+ "default": {
534
+ "type": "color",
535
+ "value": "{global.icon.color.regular}"
536
+ }
537
+ },
538
+ "on-orange": {
539
+ "hover": {
540
+ "type": "color",
541
+ "value": "{global.icon.color.regular}"
542
+ },
543
+ "default": {
544
+ "type": "color",
545
+ "value": "{global.icon.color.regular}"
546
+ }
547
+ },
548
+ "on-orangered": {
549
+ "hover": {
550
+ "type": "color",
551
+ "value": "{global.icon.color.regular}"
552
+ },
553
+ "default": {
554
+ "type": "color",
555
+ "value": "{global.icon.color.regular}"
556
+ }
557
+ },
558
+ "on-red": {
559
+ "hover": {
560
+ "type": "color",
561
+ "value": "{global.icon.color.regular}"
562
+ },
563
+ "default": {
564
+ "type": "color",
565
+ "value": "{global.icon.color.regular}"
566
+ }
567
+ },
568
+ "on-blue": {
569
+ "hover": {
570
+ "type": "color",
571
+ "value": "{global.icon.color.regular}"
572
+ },
573
+ "default": {
574
+ "type": "color",
575
+ "value": "{global.icon.color.regular}"
576
+ }
577
+ },
578
+ "on-green": {
579
+ "default": {
580
+ "type": "color",
581
+ "value": "{global.icon.color.regular}"
582
+ },
583
+ "hover": {
584
+ "type": "color",
585
+ "value": "{global.icon.color.regular}"
586
+ }
587
+ },
588
+ "on-gold": {
589
+ "default": {
590
+ "type": "color",
591
+ "value": "{global.icon.color.regular}"
592
+ },
593
+ "hover": {
594
+ "type": "color",
595
+ "value": "{global.icon.color.regular}"
596
+ }
597
+ }
598
+ },
599
+ "status": {
600
+ "danger": {
601
+ "hover": {
602
+ "type": "color",
603
+ "value": "{global.color.status.danger.hover}"
604
+ },
605
+ "default": {
606
+ "type": "color",
607
+ "value": "{global.color.status.danger.default}"
608
+ },
609
+ "active": {
610
+ "type": "color",
611
+ "value": "{global.color.status.danger.active}"
612
+ }
613
+ },
614
+ "warning": {
615
+ "active": {
616
+ "type": "color",
617
+ "value": "{global.color.status.warning.active}"
618
+ },
619
+ "hover": {
620
+ "type": "color",
621
+ "value": "{global.color.status.warning.hover}"
622
+ },
623
+ "default": {
624
+ "type": "color",
625
+ "value": "{global.color.status.warning.default}"
626
+ }
627
+ },
628
+ "success": {
629
+ "active": {
630
+ "type": "color",
631
+ "value": "{global.color.status.success.active}"
632
+ },
633
+ "hover": {
634
+ "type": "color",
635
+ "value": "{global.color.status.success.hover}"
636
+ },
637
+ "default": {
638
+ "type": "color",
639
+ "value": "{global.color.status.success.default}"
640
+ }
641
+ },
642
+ "on-custom": {
643
+ "default": {
644
+ "type": "color",
645
+ "value": "{global.icon.color.inverse}"
646
+ },
647
+ "hover": {
648
+ "type": "color",
649
+ "value": "{global.icon.color.inverse}"
650
+ }
651
+ },
652
+ "on-info": {
653
+ "default": {
654
+ "type": "color",
655
+ "value": "{global.icon.color.inverse}"
656
+ },
657
+ "hover": {
658
+ "type": "color",
659
+ "value": "{global.icon.color.inverse}"
660
+ }
661
+ },
662
+ "on-danger": {
663
+ "default": {
664
+ "type": "color",
665
+ "value": "{global.icon.color.inverse}"
666
+ },
667
+ "hover": {
668
+ "type": "color",
669
+ "value": "{global.icon.color.inverse}"
670
+ }
671
+ },
672
+ "info": {
673
+ "hover": {
674
+ "type": "color",
675
+ "value": "{global.color.status.info.hover}"
676
+ },
677
+ "active": {
678
+ "type": "color",
679
+ "value": "{global.color.status.info.active}"
680
+ },
681
+ "default": {
682
+ "type": "color",
683
+ "value": "{global.color.status.info.default}"
684
+ }
685
+ },
686
+ "on-warning": {
687
+ "default": {
688
+ "type": "color",
689
+ "value": "{global.icon.color.regular}"
690
+ },
691
+ "hover": {
692
+ "type": "color",
693
+ "value": "{global.icon.color.inverse}"
694
+ }
695
+ },
696
+ "on-success": {
697
+ "default": {
698
+ "type": "color",
699
+ "value": "{global.icon.color.inverse}"
700
+ },
701
+ "hover": {
702
+ "type": "color",
703
+ "value": "{global.icon.color.inverse}"
704
+ }
705
+ },
706
+ "custom": {
707
+ "default": {
708
+ "type": "color",
709
+ "value": "{global.color.status.custom.default}"
710
+ },
711
+ "hover": {
712
+ "type": "color",
713
+ "value": "{global.color.status.custom.hover}"
714
+ },
715
+ "active": {
716
+ "type": "color",
717
+ "value": "{global.color.status.custom.active}"
718
+ }
719
+ }
720
+ },
721
+ "brand": {
722
+ "active": {
723
+ "type": "color",
724
+ "value": "{global.color.brand.active}"
725
+ },
726
+ "hover": {
727
+ "type": "color",
728
+ "value": "{global.color.brand.hover}"
729
+ },
730
+ "default": {
731
+ "type": "color",
732
+ "value": "{global.color.brand.default}"
733
+ }
734
+ },
735
+ "link": {
736
+ "visited": {
737
+ "type": "color",
738
+ "value": "{global.text.color.link.300}"
739
+ },
740
+ "hover": {
741
+ "type": "color",
742
+ "value": "{global.text.color.link.200}"
743
+ },
744
+ "default": {
745
+ "type": "color",
746
+ "value": "{global.text.color.link.100}"
747
+ }
748
+ },
749
+ "placeholder": {
750
+ "type": "color",
751
+ "value": "{global.text.color.subtle}"
752
+ },
753
+ "disabled": {
754
+ "light": {
755
+ "type": "color",
756
+ "value": "{global.color.disabled.100}"
757
+ },
758
+ "default": {
759
+ "type": "color",
760
+ "value": "{global.color.disabled.300}"
761
+ }
762
+ },
763
+ "inverse": {
764
+ "type": "color",
765
+ "value": "{global.text.color.300}"
766
+ },
767
+ "subtle": {
768
+ "type": "color",
769
+ "value": "{global.text.color.200}"
770
+ },
771
+ "regular": {
772
+ "type": "color",
773
+ "value": "{global.text.color.100}"
774
+ },
775
+ "on-brand": {
776
+ "default": {
777
+ "type": "color",
778
+ "value": "{global.icon.color.inverse}"
779
+ },
780
+ "hover": {
781
+ "type": "color",
782
+ "value": "{global.icon.color.inverse}"
783
+ }
784
+ }
785
+ }
786
+ },
787
+ "border": {
788
+ "color": {
789
+ "nonstatus": {
790
+ "gray": {
791
+ "active": {
792
+ "type": "color",
793
+ "value": "{global.color.nonstatus.gray.300}"
794
+ },
795
+ "hover": {
796
+ "type": "color",
797
+ "value": "{global.color.nonstatus.gray.300}"
798
+ },
799
+ "default": {
800
+ "type": "color",
801
+ "value": "{global.color.nonstatus.gray.200}"
802
+ }
803
+ },
804
+ "purple": {
805
+ "active": {
806
+ "type": "color",
807
+ "value": "{global.color.nonstatus.purple.300}"
808
+ },
809
+ "hover": {
810
+ "type": "color",
811
+ "value": "{global.color.nonstatus.purple.300}"
812
+ },
813
+ "default": {
814
+ "type": "color",
815
+ "value": "{global.color.nonstatus.purple.200}"
816
+ }
817
+ },
818
+ "cyan": {
819
+ "default": {
820
+ "type": "color",
821
+ "value": "{global.color.nonstatus.cyan.200}"
822
+ },
823
+ "hover": {
824
+ "type": "color",
825
+ "value": "{global.color.nonstatus.cyan.300}"
826
+ },
827
+ "active": {
828
+ "type": "color",
829
+ "value": "{global.color.nonstatus.cyan.300}"
830
+ }
831
+ },
832
+ "green": {
833
+ "active": {
834
+ "type": "color",
835
+ "value": "{global.color.nonstatus.green.300}"
836
+ },
837
+ "hover": {
838
+ "type": "color",
839
+ "value": "{global.color.nonstatus.green.300}"
840
+ },
841
+ "default": {
842
+ "type": "color",
843
+ "value": "{global.color.nonstatus.green.200}"
844
+ }
845
+ },
846
+ "gold": {
847
+ "active": {
848
+ "type": "color",
849
+ "value": "{global.color.nonstatus.gold.300}"
850
+ },
851
+ "hover": {
852
+ "type": "color",
853
+ "value": "{global.color.nonstatus.gold.300}"
854
+ },
855
+ "default": {
856
+ "type": "color",
857
+ "value": "{global.color.nonstatus.gold.200}"
858
+ }
859
+ },
860
+ "orange": {
861
+ "active": {
862
+ "type": "color",
863
+ "value": "{global.color.nonstatus.orange.300}"
864
+ },
865
+ "default": {
866
+ "type": "color",
867
+ "value": "{global.color.nonstatus.orange.200}"
868
+ },
869
+ "hover": {
870
+ "type": "color",
871
+ "value": "{global.color.nonstatus.orange.300}"
872
+ }
873
+ },
874
+ "orangered": {
875
+ "hover": {
876
+ "type": "color",
877
+ "value": "{global.color.nonstatus.orangered.300}"
878
+ },
879
+ "default": {
880
+ "type": "color",
881
+ "value": "{global.color.nonstatus.orangered.200}"
882
+ },
883
+ "active": {
884
+ "type": "color",
885
+ "value": "{global.color.nonstatus.orangered.300}"
886
+ }
887
+ },
888
+ "red": {
889
+ "active": {
890
+ "type": "color",
891
+ "value": "{global.color.nonstatus.red.300}"
892
+ },
893
+ "hover": {
894
+ "type": "color",
895
+ "value": "{global.color.nonstatus.red.300}"
896
+ },
897
+ "default": {
898
+ "type": "color",
899
+ "value": "{global.color.nonstatus.red.200}"
900
+ }
901
+ },
902
+ "blue": {
903
+ "active": {
904
+ "type": "color",
905
+ "value": "{global.color.nonstatus.blue.300}"
906
+ },
907
+ "hover": {
908
+ "type": "color",
909
+ "value": "{global.color.nonstatus.blue.300}"
910
+ },
911
+ "default": {
912
+ "type": "color",
913
+ "value": "{global.color.nonstatus.blue.200}"
914
+ }
915
+ }
916
+ },
917
+ "active": {
918
+ "type": "color",
919
+ "value": "{global.color.brand.200}"
920
+ },
921
+ "status": {
922
+ "info": {
923
+ "default": {
924
+ "type": "color",
925
+ "value": "{global.color.status.info.default}"
926
+ },
927
+ "hover": {
928
+ "type": "color",
929
+ "value": "{global.color.status.info.hover}"
930
+ },
931
+ "active": {
932
+ "type": "color",
933
+ "value": "{global.color.status.info.active}"
934
+ }
935
+ },
936
+ "warning": {
937
+ "active": {
938
+ "type": "color",
939
+ "value": "{global.color.status.warning.active}"
940
+ },
941
+ "hover": {
942
+ "type": "color",
943
+ "value": "{global.color.status.warning.hover}"
944
+ },
945
+ "default": {
946
+ "type": "color",
947
+ "value": "{global.color.status.warning.default}"
948
+ }
949
+ },
950
+ "success": {
951
+ "active": {
952
+ "type": "color",
953
+ "value": "{global.color.status.success.active}"
954
+ },
955
+ "hover": {
956
+ "type": "color",
957
+ "value": "{global.color.status.success.hover}"
958
+ },
959
+ "default": {
960
+ "type": "color",
961
+ "value": "{global.color.status.success.default}"
962
+ }
963
+ },
964
+ "custom": {
965
+ "active": {
966
+ "type": "color",
967
+ "value": "{global.color.status.custom.active}"
968
+ },
969
+ "hover": {
970
+ "type": "color",
971
+ "value": "{global.color.status.custom.hover}"
972
+ },
973
+ "default": {
974
+ "type": "color",
975
+ "value": "{global.color.status.custom.default}"
976
+ }
977
+ },
978
+ "danger": {
979
+ "hover": {
980
+ "type": "color",
981
+ "value": "{global.color.status.danger.hover}"
982
+ },
983
+ "active": {
984
+ "type": "color",
985
+ "value": "{global.color.status.danger.active}"
986
+ },
987
+ "default": {
988
+ "type": "color",
989
+ "value": "{global.color.status.danger.default}"
990
+ }
991
+ }
992
+ },
993
+ "brand": {
994
+ "active": {
995
+ "type": "color",
996
+ "value": "{global.color.brand.active}"
997
+ },
998
+ "hover": {
999
+ "type": "color",
1000
+ "value": "{global.color.brand.hover}"
1001
+ },
1002
+ "default": {
1003
+ "type": "color",
1004
+ "value": "{global.color.brand.default}"
1005
+ }
1006
+ },
1007
+ "default": {
1008
+ "type": "color",
1009
+ "value": "{global.border.color.100}"
1010
+ },
1011
+ "hover": {
1012
+ "type": "color",
1013
+ "value": "{global.color.brand.100}"
1014
+ }
1015
+ }
1016
+ },
1017
+ "background": {
1018
+ "color": {
1019
+ "action": {
1020
+ "plain": {
1021
+ "default": {
1022
+ "type": "color",
1023
+ "value": "rgba(255, 255, 255, 0.0000)"
1024
+ },
1025
+ "alt": {
1026
+ "hover": {
1027
+ "type": "color",
1028
+ "value": "{global.background.color.100}"
1029
+ }
1030
+ },
1031
+ "hover": {
1032
+ "type": "color",
1033
+ "value": "{global.background.color.200}"
1034
+ }
1035
+ }
1036
+ },
1037
+ "floating": {
1038
+ "selected": {
1039
+ "type": "color",
1040
+ "value": "{global.background.color.200}"
1041
+ },
1042
+ "hover": {
1043
+ "type": "color",
1044
+ "value": "{global.background.color.200}"
1045
+ },
1046
+ "default": {
1047
+ "type": "color",
1048
+ "value": "{global.background.color.100}"
1049
+ }
1050
+ },
1051
+ "primary": {
1052
+ "hover": {
1053
+ "type": "color",
1054
+ "value": "{global.background.color.200}"
1055
+ },
1056
+ "default": {
1057
+ "type": "color",
1058
+ "value": "{global.background.color.100}"
1059
+ },
1060
+ "selected": {
1061
+ "type": "color",
1062
+ "value": "{global.background.color.200}"
1063
+ }
1064
+ },
1065
+ "highlight": {
1066
+ "active": {
1067
+ "type": "color",
1068
+ "value": "{global.background.color.highlight.200}"
1069
+ },
1070
+ "default": {
1071
+ "type": "color",
1072
+ "value": "{global.background.color.highlight.100}"
1073
+ }
1074
+ },
1075
+ "control": {
1076
+ "default": {
1077
+ "type": "color",
1078
+ "value": "{global.background.color.primary.default}"
1079
+ }
1080
+ },
1081
+ "disabled": {
1082
+ "default": {
1083
+ "type": "color",
1084
+ "value": "{global.color.disabled.100}"
1085
+ }
1086
+ },
1087
+ "inverse": {
1088
+ "default": {
1089
+ "type": "color",
1090
+ "value": "{global.background.color.400}"
1091
+ }
1092
+ },
1093
+ "secondary": {
1094
+ "hover": {
1095
+ "type": "color",
1096
+ "value": "{global.background.color.300}"
1097
+ },
1098
+ "default": {
1099
+ "type": "color",
1100
+ "value": "{global.background.color.200}"
1101
+ },
1102
+ "selected": {
1103
+ "type": "color",
1104
+ "value": "{global.background.color.300}"
1105
+ }
1106
+ }
1107
+ }
1108
+ }
1109
+ }
1110
+ }