@patternfly/design-tokens 1.14.6 → 1.14.7

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 (87) hide show
  1. package/build/css/tokens-charts-dark.scss +2 -2
  2. package/build/css/tokens-charts.scss +2 -2
  3. package/build/css/tokens-dark.scss +52 -4
  4. package/build/css/tokens-default.scss +68 -14
  5. package/build/css/tokens-glass-dark.scss +12 -0
  6. package/build/css/tokens-glass.scss +12 -0
  7. package/build/css/tokens-highcontrast-dark.scss +2 -2
  8. package/build/css/tokens-highcontrast.scss +2 -2
  9. package/build/css/tokens-palette.scss +2 -2
  10. package/build/css/tokens-redhat-dark.scss +14 -0
  11. package/build/css/tokens-redhat-glass-dark.scss +19 -0
  12. package/build/css/tokens-redhat-glass.scss +18 -0
  13. package/build/css/tokens-redhat-highcontrast-dark.scss +47 -0
  14. package/build/css/tokens-redhat-highcontrast.scss +127 -0
  15. package/build/css/tokens-redhat.scss +15 -0
  16. package/build.js +201 -13
  17. package/config.dark.json +1 -1
  18. package/config.default.json +1 -1
  19. package/config.glass.dark.json +23 -0
  20. package/config.glass.json +24 -0
  21. package/config.layers.glass-dark.json +19 -0
  22. package/config.layers.glass.json +19 -0
  23. package/config.layers.highcontrast-dark.json +19 -0
  24. package/config.layers.highcontrast.json +19 -0
  25. package/config.layers.redhat-dark.json +22 -0
  26. package/config.layers.redhat-glass-dark.json +22 -0
  27. package/config.layers.redhat-glass.json +22 -0
  28. package/config.layers.redhat-highcontrast-dark.json +22 -0
  29. package/config.layers.redhat-highcontrast.json +22 -0
  30. package/config.layers.redhat.json +22 -0
  31. package/config.redhat-dark.json +25 -0
  32. package/config.redhat-glass-dark.json +25 -0
  33. package/config.redhat-glass.json +26 -0
  34. package/config.redhat-highcontrast-dark.json +25 -0
  35. package/config.redhat-highcontrast.json +26 -0
  36. package/config.redhat.json +26 -0
  37. package/package.json +2 -2
  38. package/patternfly-docs/content/all-patternfly-tokens.md +24 -1
  39. package/patternfly-docs/content/token-layers-glass-dark.json +38562 -0
  40. package/patternfly-docs/content/token-layers-glass.json +41600 -0
  41. package/patternfly-docs/content/token-layers-highcontrast-dark.json +38385 -0
  42. package/patternfly-docs/content/token-layers-highcontrast.json +53091 -0
  43. package/patternfly-docs/content/token-layers-redhat-dark.json +48501 -0
  44. package/patternfly-docs/content/token-layers-redhat-glass-dark.json +38233 -0
  45. package/patternfly-docs/content/token-layers-redhat-glass.json +41282 -0
  46. package/patternfly-docs/content/token-layers-redhat-highcontrast-dark.json +38223 -0
  47. package/patternfly-docs/content/token-layers-redhat-highcontrast.json +52773 -0
  48. package/patternfly-docs/content/token-layers-redhat.json +65159 -0
  49. package/plugins/export-patternfly-tokens/dist/code.js +26 -10
  50. package/plugins/export-patternfly-tokens/dist/ui.html +65 -21
  51. package/plugins/export-patternfly-tokens/src/code.ts +29 -10
  52. package/plugins/export-patternfly-tokens/src/ui.tsx +65 -20
  53. package/tokens/{dark → default/dark}/base.dark.json +83 -43
  54. package/tokens/{highcontrast-dark → default/dark}/palette.color.json +8 -0
  55. package/tokens/{dark → default/dark}/semantic.dark.json +235 -12
  56. package/tokens/default/{base.dimension.json → glass/base.dimension.json} +12 -12
  57. package/tokens/{highcontrast → default/glass}/base.json +45 -5
  58. package/tokens/{dark → default/glass}/palette.color.json +8 -0
  59. package/tokens/default/glass/semantic.glass.json +1996 -0
  60. package/tokens/{highcontrast-dark → default/glass-dark}/base.dark.json +83 -43
  61. package/tokens/{highcontrast → default/glass-dark}/palette.color.json +8 -0
  62. package/tokens/default/glass-dark/semantic.glass.dark.json +1996 -0
  63. package/tokens/{highcontrast → default/highcontrast}/base.dimension.json +12 -12
  64. package/tokens/default/{base.json → highcontrast/base.json} +45 -5
  65. package/tokens/default/highcontrast/palette.color.json +335 -0
  66. package/tokens/{highcontrast → default/highcontrast}/semantic.dimension.highcontrast.json +92 -56
  67. package/tokens/{highcontrast → default/highcontrast}/semantic.highcontrast.json +246 -23
  68. package/tokens/default/highcontrast-dark/base.dark.json +473 -0
  69. package/tokens/default/{palette.color.json → highcontrast-dark/palette.color.json} +8 -0
  70. package/tokens/{highcontrast-dark → default/highcontrast-dark}/semantic.highcontrast.dark.json +234 -11
  71. package/tokens/default/light/base.dimension.json +387 -0
  72. package/tokens/default/light/base.json +611 -0
  73. package/tokens/default/light/palette.color.json +335 -0
  74. package/tokens/default/{semantic.dimension.json → light/semantic.dimension.json} +95 -59
  75. package/tokens/default/{semantic.json → light/semantic.json} +235 -12
  76. package/tokens/default/{semantic.motion.json → light/semantic.motion.json} +18 -18
  77. package/tokens/redhat/dark/redhat.color.dark.json +62 -0
  78. package/tokens/redhat/glass/redhat.color.glass.json +49 -0
  79. package/tokens/redhat/glass-dark/redhat.color.glass.dark.json +62 -0
  80. package/tokens/redhat/highcontrast/redhat.color.highcontrast.json +49 -0
  81. package/tokens/redhat/highcontrast/redhat.dimension.highcontrast.json +23 -0
  82. package/tokens/redhat/highcontrast-dark/redhat.color.highcontrast.dark.json +49 -0
  83. package/tokens/redhat/light/redhat.color.json +49 -0
  84. package/tokens/redhat/light/redhat.dimension.json +23 -0
  85. /package/tokens/{dark → default/dark}/charts.dark.json +0 -0
  86. /package/tokens/default/{base.motion.json → light/base.motion.json} +0 -0
  87. /package/tokens/default/{charts.json → light/charts.json} +0 -0
package/tokens/default/light/base.json ADDED
@@ -0,0 +1,611 @@
1
+
2
+ {
3
+ "global": {
4
+ "background": {
5
+ "color": {
6
+ "100": {
7
+ "type": "color",
8
+ "value": "{color.white}"
9
+ },
10
+ "200": {
11
+ "type": "color",
12
+ "value": "{color.gray.10}"
13
+ },
14
+ "300": {
15
+ "type": "color",
16
+ "value": "{color.gray.20}"
17
+ },
18
+ "400": {
19
+ "type": "color",
20
+ "value": "{color.gray.80}"
21
+ },
22
+ "450": {
23
+ "type": "color",
24
+ "value": "{color.gray.70}"
25
+ },
26
+ "500": {
27
+ "type": "color",
28
+ "value": "rgba(21, 21, 21, 0.4000)"
29
+ },
30
+ "600": {
31
+ "type": "color",
32
+ "value": "rgba(199, 199, 199, 0.2500)"
33
+ },
34
+ "700": {
35
+ "type": "color",
36
+ "value": "rgba(199, 199, 199, 0.1000)"
37
+ },
38
+ "highlight": {
39
+ "100": {
40
+ "type": "color",
41
+ "value": "{color.yellow.30}"
42
+ },
43
+ "200": {
44
+ "type": "color",
45
+ "value": "{color.yellow.40}"
46
+ }
47
+ }
48
+ }
49
+ },
50
+ "color": {
51
+ "brand": {
52
+ "100": {
53
+ "type": "color",
54
+ "value": "{color.blue.40}"
55
+ },
56
+ "200": {
57
+ "type": "color",
58
+ "value": "{color.blue.50}"
59
+ },
60
+ "300": {
61
+ "type": "color",
62
+ "value": "{color.blue.60}"
63
+ },
64
+ "400": {
65
+ "type": "color",
66
+ "value": "{color.blue.70}"
67
+ },
68
+ "500": {
69
+ "type": "color",
70
+ "value": "{color.blue.80}"
71
+ },
72
+ "accent": {
73
+ "100": {
74
+ "type": "color",
75
+ "value": "{color.red.50}"
76
+ },
77
+ "200": {
78
+ "type": "color",
79
+ "value": "{color.red.60}"
80
+ },
81
+ "300": {
82
+ "type": "color",
83
+ "value": "{color.red.70}"
84
+ },
85
+ "400": {
86
+ "type": "color",
87
+ "value": "{color.black}"
88
+ }
89
+ },
90
+ "subtle": {
91
+ "100": {
92
+ "type": "color",
93
+ "value": "{color.blue.10}"
94
+ },
95
+ "200": {
96
+ "type": "color",
97
+ "value": "{color.blue.20}"
98
+ },
99
+ "300": {
100
+ "type": "color",
101
+ "value": "{color.blue.40}"
102
+ },
103
+ "400": {
104
+ "type": "color",
105
+ "value": "{color.blue.50}"
106
+ }
107
+ }
108
+ },
109
+ "disabled": {
110
+ "100": {
111
+ "type": "color",
112
+ "value": "{color.gray.30}"
113
+ },
114
+ "200": {
115
+ "type": "color",
116
+ "value": "{color.gray.40}"
117
+ },
118
+ "300": {
119
+ "type": "color",
120
+ "value": "{color.gray.50}"
121
+ }
122
+ },
123
+ "favorite": {
124
+ "100": {
125
+ "type": "color",
126
+ "value": "{color.yellow.30}"
127
+ },
128
+ "200": {
129
+ "type": "color",
130
+ "value": "{color.yellow.40}"
131
+ },
132
+ "300": {
133
+ "type": "color",
134
+ "value": "{color.yellow.70}"
135
+ },
136
+ "400": {
137
+ "type": "color",
138
+ "value": "{color.yellow.80}"
139
+ }
140
+ },
141
+ "status": {
142
+ "success": {
143
+ "100": {
144
+ "type": "color",
145
+ "value": "{color.green.60}"
146
+ },
147
+ "150": {
148
+ "type": "color",
149
+ "value": "#3d7019"
150
+ },
151
+ "200": {
152
+ "type": "color",
153
+ "value": "{color.green.70}"
154
+ },
155
+ "300": {
156
+ "type": "color",
157
+ "value": "{color.green.80}"
158
+ }
159
+ },
160
+ "warning": {
161
+ "100": {
162
+ "type": "color",
163
+ "value": "{color.yellow.30}"
164
+ },
165
+ "200": {
166
+ "type": "color",
167
+ "value": "{color.yellow.40}"
168
+ },
169
+ "300": {
170
+ "type": "color",
171
+ "value": "{color.yellow.50}"
172
+ },
173
+ "400": {
174
+ "type": "color",
175
+ "value": "{color.yellow.60}"
176
+ },
177
+ "500": {
178
+ "type": "color",
179
+ "value": "{color.yellow.70}"
180
+ },
181
+ "600": {
182
+ "type": "color",
183
+ "value": "{color.yellow.80}"
184
+ }
185
+ },
186
+ "danger": {
187
+ "100": {
188
+ "type": "color",
189
+ "value": "{color.red-orange.60}"
190
+ },
191
+ "200": {
192
+ "type": "color",
193
+ "value": "{color.red-orange.70}"
194
+ },
195
+ "300": {
196
+ "type": "color",
197
+ "value": "{color.red-orange.70}"
198
+ }
199
+ },
200
+ "info": {
201
+ "100": {
202
+ "type": "color",
203
+ "value": "{color.purple.50}"
204
+ },
205
+ "200": {
206
+ "type": "color",
207
+ "value": "{color.purple.60}"
208
+ },
209
+ "300": {
210
+ "type": "color",
211
+ "value": "{color.purple.70}"
212
+ }
213
+ },
214
+ "custom": {
215
+ "100": {
216
+ "type": "color",
217
+ "value": "{color.teal.60}"
218
+ },
219
+ "200": {
220
+ "type": "color",
221
+ "value": "{color.teal.70}"
222
+ },
223
+ "300": {
224
+ "type": "color",
225
+ "value": "{color.teal.80}"
226
+ }
227
+ }
228
+ },
229
+ "severity": {
230
+ "undefined": {
231
+ "100": {
232
+ "type": "color",
233
+ "value": "{color.gray.30}"
234
+ },
235
+ "200": {
236
+ "type": "color",
237
+ "value": "{color.gray.60}"
238
+ }
239
+ },
240
+ "none": {
241
+ "100": {
242
+ "type": "color",
243
+ "value": "{color.blue.40}"
244
+ },
245
+ "200": {
246
+ "type": "color",
247
+ "value": "{color.blue.60}"
248
+ }
249
+ },
250
+ "minor": {
251
+ "100": {
252
+ "type": "color",
253
+ "value": "{color.gray.50}"
254
+ },
255
+ "200": {
256
+ "type": "color",
257
+ "value": "{color.gray.80}"
258
+ }
259
+ },
260
+ "moderate": {
261
+ "100": {
262
+ "type": "color",
263
+ "value": "{color.yellow.40}"
264
+ },
265
+ "200": {
266
+ "type": "color",
267
+ "value": "{color.yellow.70}"
268
+ }
269
+ },
270
+ "important": {
271
+ "100": {
272
+ "type": "color",
273
+ "value": "{color.orange.50}"
274
+ },
275
+ "200": {
276
+ "type": "color",
277
+ "value": "{color.orange.60}"
278
+ }
279
+ },
280
+ "critical": {
281
+ "100": {
282
+ "type": "color",
283
+ "value": "{color.red-orange.60}"
284
+ }
285
+ }
286
+ },
287
+ "nonstatus": {
288
+ "red": {
289
+ "100": {
290
+ "type": "color",
291
+ "value": "{color.red.20}"
292
+ },
293
+ "200": {
294
+ "type": "color",
295
+ "value": "{color.red.30}"
296
+ },
297
+ "300": {
298
+ "type": "color",
299
+ "value": "{color.red.40}"
300
+ },
301
+ "400": {
302
+ "type": "color",
303
+ "value": "{color.red.60}"
304
+ },
305
+ "500": {
306
+ "type": "color",
307
+ "value": "{color.red.70}"
308
+ }
309
+ },
310
+ "orangered": {
311
+ "100": {
312
+ "type": "color",
313
+ "value": "{color.red-orange.20}"
314
+ },
315
+ "200": {
316
+ "type": "color",
317
+ "value": "{color.red-orange.30}"
318
+ },
319
+ "300": {
320
+ "type": "color",
321
+ "value": "{color.red-orange.40}"
322
+ },
323
+ "400": {
324
+ "type": "color",
325
+ "value": "{color.red-orange.60}"
326
+ },
327
+ "500": {
328
+ "type": "color",
329
+ "value": "{color.red-orange.70}"
330
+ }
331
+ },
332
+ "orange": {
333
+ "100": {
334
+ "type": "color",
335
+ "value": "{color.orange.20}"
336
+ },
337
+ "200": {
338
+ "type": "color",
339
+ "value": "{color.orange.30}"
340
+ },
341
+ "300": {
342
+ "type": "color",
343
+ "value": "{color.orange.40}"
344
+ },
345
+ "400": {
346
+ "type": "color",
347
+ "value": "{color.orange.60}"
348
+ },
349
+ "500": {
350
+ "type": "color",
351
+ "value": "{color.orange.70}"
352
+ }
353
+ },
354
+ "yellow": {
355
+ "100": {
356
+ "type": "color",
357
+ "value": "{color.yellow.20}"
358
+ },
359
+ "200": {
360
+ "type": "color",
361
+ "value": "{color.yellow.30}"
362
+ },
363
+ "300": {
364
+ "type": "color",
365
+ "value": "{color.yellow.40}"
366
+ },
367
+ "400": {
368
+ "type": "color",
369
+ "value": "{color.yellow.70}"
370
+ },
371
+ "500": {
372
+ "type": "color",
373
+ "value": "{color.yellow.80}"
374
+ }
375
+ },
376
+ "green": {
377
+ "100": {
378
+ "type": "color",
379
+ "value": "{color.green.20}"
380
+ },
381
+ "200": {
382
+ "type": "color",
383
+ "value": "{color.green.30}"
384
+ },
385
+ "300": {
386
+ "type": "color",
387
+ "value": "{color.green.40}"
388
+ },
389
+ "400": {
390
+ "type": "color",
391
+ "value": "#3d7019"
392
+ },
393
+ "500": {
394
+ "type": "color",
395
+ "value": "{color.green.70}"
396
+ }
397
+ },
398
+ "teal": {
399
+ "100": {
400
+ "type": "color",
401
+ "value": "{color.teal.20}"
402
+ },
403
+ "200": {
404
+ "type": "color",
405
+ "value": "{color.teal.30}"
406
+ },
407
+ "300": {
408
+ "type": "color",
409
+ "value": "{color.teal.40}"
410
+ },
411
+ "400": {
412
+ "type": "color",
413
+ "value": "{color.teal.70}"
414
+ },
415
+ "500": {
416
+ "type": "color",
417
+ "value": "{color.teal.80}"
418
+ }
419
+ },
420
+ "blue": {
421
+ "100": {
422
+ "type": "color",
423
+ "value": "{color.blue.20}"
424
+ },
425
+ "200": {
426
+ "type": "color",
427
+ "value": "{color.blue.30}"
428
+ },
429
+ "300": {
430
+ "type": "color",
431
+ "value": "{color.blue.40}"
432
+ },
433
+ "400": {
434
+ "type": "color",
435
+ "value": "{color.blue.60}"
436
+ },
437
+ "500": {
438
+ "type": "color",
439
+ "value": "{color.blue.70}"
440
+ }
441
+ },
442
+ "purple": {
443
+ "100": {
444
+ "type": "color",
445
+ "value": "{color.purple.20}"
446
+ },
447
+ "200": {
448
+ "type": "color",
449
+ "value": "{color.purple.30}"
450
+ },
451
+ "300": {
452
+ "type": "color",
453
+ "value": "{color.purple.40}"
454
+ },
455
+ "400": {
456
+ "type": "color",
457
+ "value": "{color.purple.50}"
458
+ },
459
+ "500": {
460
+ "type": "color",
461
+ "value": "{color.purple.60}"
462
+ }
463
+ },
464
+ "gray": {
465
+ "50": {
466
+ "type": "color",
467
+ "value": "{color.gray.10}"
468
+ },
469
+ "100": {
470
+ "type": "color",
471
+ "value": "{color.gray.20}"
472
+ },
473
+ "200": {
474
+ "type": "color",
475
+ "value": "{color.gray.30}"
476
+ },
477
+ "300": {
478
+ "type": "color",
479
+ "value": "{color.gray.40}"
480
+ },
481
+ "400": {
482
+ "type": "color",
483
+ "value": "{color.gray.60}"
484
+ },
485
+ "500": {
486
+ "type": "color",
487
+ "value": "{color.gray.70}"
488
+ }
489
+ }
490
+ }
491
+ },
492
+ "border": {
493
+ "color": {
494
+ "50": {
495
+ "type": "color",
496
+ "value": "{color.gray.10}"
497
+ },
498
+ "100": {
499
+ "type": "color",
500
+ "value": "{color.gray.30}"
501
+ },
502
+ "200": {
503
+ "type": "color",
504
+ "value": "{color.gray.40}"
505
+ },
506
+ "300": {
507
+ "type": "color",
508
+ "value": "{color.gray.45}"
509
+ },
510
+ "400": {
511
+ "type": "color",
512
+ "value": "{color.gray.60}"
513
+ }
514
+ }
515
+ },
516
+ "text": {
517
+ "color": {
518
+ "100": {
519
+ "type": "color",
520
+ "value": "{color.gray.95}"
521
+ },
522
+ "200": {
523
+ "type": "color",
524
+ "value": "{color.gray.60}"
525
+ },
526
+ "250": {
527
+ "type": "color",
528
+ "value": "{color.gray.70}"
529
+ },
530
+ "300": {
531
+ "type": "color",
532
+ "value": "{color.white}"
533
+ },
534
+ "400": {
535
+ "type": "color",
536
+ "value": "{color.red-orange.40}"
537
+ },
538
+ "500": {
539
+ "type": "color",
540
+ "value": "{color.red-orange.70}"
541
+ },
542
+ "link": {
543
+ "100": {
544
+ "type": "color",
545
+ "value": "{color.blue.50}"
546
+ },
547
+ "200": {
548
+ "type": "color",
549
+ "value": "{color.blue.60}"
550
+ },
551
+ "250": {
552
+ "type": "color",
553
+ "value": "{color.blue.70}"
554
+ },
555
+ "300": {
556
+ "type": "color",
557
+ "value": "{color.purple.50}"
558
+ },
559
+ "350": {
560
+ "type": "color",
561
+ "value": "{color.purple.60}"
562
+ }
563
+ }
564
+ }
565
+ },
566
+ "icon": {
567
+ "color": {
568
+ "100": {
569
+ "type": "color",
570
+ "value": "{color.gray.90}"
571
+ },
572
+ "150": {
573
+ "type": "color",
574
+ "value": "{color.gray.60}"
575
+ },
576
+ "200": {
577
+ "type": "color",
578
+ "value": "{color.gray.50}"
579
+ },
580
+ "300": {
581
+ "type": "color",
582
+ "value": "{color.white}"
583
+ }
584
+ }
585
+ },
586
+ "box-shadow": {
587
+ "color": {
588
+ "100": {
589
+ "type": "color",
590
+ "value": "rgba(41, 41, 41, 0.1500)"
591
+ },
592
+ "200": {
593
+ "type": "color",
594
+ "value": "rgba(41, 41, 41, 0.2000)"
595
+ }
596
+ }
597
+ },
598
+ "focus-ring": {
599
+ "color": {
600
+ "100": {
601
+ "type": "color",
602
+ "value": "{color.blue.50}"
603
+ },
604
+ "200": {
605
+ "type": "color",
606
+ "value": "{color.blue.60}"
607
+ }
608
+ }
609
+ }
610
+ }
611
+ }