@patternfly/design-tokens 1.0.0

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