@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/highcontrast-dark/base.dark.json ADDED
@@ -0,0 +1,473 @@
1
+
2
+ {
3
+ "global": {
4
+ "dark": {
5
+ "background": {
6
+ "color": {
7
+ "100": {
8
+ "type": "color",
9
+ "value": "{color.gray.95}"
10
+ },
11
+ "200": {
12
+ "type": "color",
13
+ "value": "{color.gray.80}"
14
+ },
15
+ "300": {
16
+ "type": "color",
17
+ "value": "{color.gray.70}"
18
+ },
19
+ "400": {
20
+ "type": "color",
21
+ "value": "{color.gray.10}"
22
+ },
23
+ "450": {
24
+ "type": "color",
25
+ "value": "{color.gray.20}"
26
+ },
27
+ "500": {
28
+ "type": "color",
29
+ "value": "rgba(21, 21, 21, 0.8000)"
30
+ },
31
+ "600": {
32
+ "type": "color",
33
+ "value": "rgba(199, 199, 199, 0.1500)"
34
+ },
35
+ "700": {
36
+ "type": "color",
37
+ "value": "rgba(199, 199, 199, 0.2500)"
38
+ },
39
+ "highlight": {
40
+ "100": {
41
+ "type": "color",
42
+ "value": "{color.yellow.20}"
43
+ },
44
+ "200": {
45
+ "type": "color",
46
+ "value": "{color.yellow.30}"
47
+ }
48
+ }
49
+ }
50
+ },
51
+ "color": {
52
+ "brand": {
53
+ "100": {
54
+ "type": "color",
55
+ "value": "{color.blue.30}"
56
+ },
57
+ "200": {
58
+ "type": "color",
59
+ "value": "{color.blue.20}"
60
+ },
61
+ "300": {
62
+ "type": "color",
63
+ "value": "{color.blue.10}"
64
+ },
65
+ "accent": {
66
+ "100": {
67
+ "type": "color",
68
+ "value": "{color.red.50}"
69
+ },
70
+ "200": {
71
+ "type": "color",
72
+ "value": "{color.red.40}"
73
+ },
74
+ "300": {
75
+ "type": "color",
76
+ "value": "{color.red.30}"
77
+ },
78
+ "350": {
79
+ "type": "color",
80
+ "value": "{color.red.20}"
81
+ },
82
+ "400": {
83
+ "type": "color",
84
+ "value": "{color.white}"
85
+ }
86
+ },
87
+ "subtle": {
88
+ "100": {
89
+ "type": "color",
90
+ "value": "{color.blue.70}"
91
+ },
92
+ "200": {
93
+ "type": "color",
94
+ "value": "{color.blue.60}"
95
+ },
96
+ "300": {
97
+ "type": "color",
98
+ "value": "{color.blue.30}"
99
+ }
100
+ }
101
+ },
102
+ "disabled": {
103
+ "100": {
104
+ "type": "color",
105
+ "value": "{color.gray.40}"
106
+ },
107
+ "200": {
108
+ "type": "color",
109
+ "value": "{color.gray.50}"
110
+ },
111
+ "300": {
112
+ "type": "color",
113
+ "value": "{color.gray.70}"
114
+ },
115
+ "400": {
116
+ "type": "color",
117
+ "value": "{color.gray.90}"
118
+ }
119
+ },
120
+ "favorite": {
121
+ "100": {
122
+ "type": "color",
123
+ "value": "{color.yellow.30}"
124
+ },
125
+ "200": {
126
+ "type": "color",
127
+ "value": "{color.yellow.20}"
128
+ }
129
+ },
130
+ "status": {
131
+ "success": {
132
+ "100": {
133
+ "type": "color",
134
+ "value": "{color.green.40}"
135
+ },
136
+ "200": {
137
+ "type": "color",
138
+ "value": "{color.green.30}"
139
+ },
140
+ "300": {
141
+ "type": "color",
142
+ "value": "{color.green.20}"
143
+ }
144
+ },
145
+ "warning": {
146
+ "100": {
147
+ "type": "color",
148
+ "value": "{color.yellow.30}"
149
+ },
150
+ "200": {
151
+ "type": "color",
152
+ "value": "{color.yellow.20}"
153
+ }
154
+ },
155
+ "danger": {
156
+ "100": {
157
+ "type": "color",
158
+ "value": "{color.red-orange.50}"
159
+ },
160
+ "200": {
161
+ "type": "color",
162
+ "value": "{color.red-orange.40}"
163
+ },
164
+ "250": {
165
+ "type": "color",
166
+ "value": "{color.red-orange.30}"
167
+ },
168
+ "300": {
169
+ "type": "color",
170
+ "value": "{color.red-orange.20}"
171
+ }
172
+ },
173
+ "info": {
174
+ "100": {
175
+ "type": "color",
176
+ "value": "{color.purple.30}"
177
+ },
178
+ "200": {
179
+ "type": "color",
180
+ "value": "{color.purple.20}"
181
+ },
182
+ "300": {
183
+ "type": "color",
184
+ "value": "{color.purple.10}"
185
+ }
186
+ },
187
+ "custom": {
188
+ "100": {
189
+ "type": "color",
190
+ "value": "{color.teal.40}"
191
+ },
192
+ "200": {
193
+ "type": "color",
194
+ "value": "{color.teal.30}"
195
+ },
196
+ "300": {
197
+ "type": "color",
198
+ "value": "{color.teal.20}"
199
+ }
200
+ }
201
+ },
202
+ "severity": {
203
+ "undefined": {
204
+ "100": {
205
+ "type": "color",
206
+ "value": "{color.gray.40}"
207
+ }
208
+ },
209
+ "none": {
210
+ "100": {
211
+ "type": "color",
212
+ "value": "{color.blue.30}"
213
+ }
214
+ },
215
+ "minor": {
216
+ "100": {
217
+ "type": "color",
218
+ "value": "{color.gray.30}"
219
+ }
220
+ },
221
+ "moderate": {
222
+ "100": {
223
+ "type": "color",
224
+ "value": "{color.yellow.30}"
225
+ }
226
+ },
227
+ "important": {
228
+ "100": {
229
+ "type": "color",
230
+ "value": "{color.orange.40}"
231
+ }
232
+ },
233
+ "critical": {
234
+ "100": {
235
+ "type": "color",
236
+ "value": "{color.red-orange.50}"
237
+ },
238
+ "200": {
239
+ "type": "color",
240
+ "value": "{color.red-orange.40}"
241
+ }
242
+ }
243
+ },
244
+ "nonstatus": {
245
+ "red": {
246
+ "100": {
247
+ "type": "color",
248
+ "value": "{color.red.30}"
249
+ },
250
+ "200": {
251
+ "type": "color",
252
+ "value": "{color.red.20}"
253
+ },
254
+ "300": {
255
+ "type": "color",
256
+ "value": "{color.red.10}"
257
+ }
258
+ },
259
+ "orangered": {
260
+ "100": {
261
+ "type": "color",
262
+ "value": "{color.red-orange.30}"
263
+ },
264
+ "200": {
265
+ "type": "color",
266
+ "value": "{color.red-orange.20}"
267
+ },
268
+ "300": {
269
+ "type": "color",
270
+ "value": "{color.red-orange.10}"
271
+ }
272
+ },
273
+ "orange": {
274
+ "100": {
275
+ "type": "color",
276
+ "value": "{color.orange.30}"
277
+ },
278
+ "200": {
279
+ "type": "color",
280
+ "value": "{color.orange.20}"
281
+ },
282
+ "300": {
283
+ "type": "color",
284
+ "value": "{color.orange.10}"
285
+ }
286
+ },
287
+ "yellow": {
288
+ "100": {
289
+ "type": "color",
290
+ "value": "{color.yellow.30}"
291
+ },
292
+ "200": {
293
+ "type": "color",
294
+ "value": "{color.yellow.20}"
295
+ },
296
+ "300": {
297
+ "type": "color",
298
+ "value": "{color.yellow.10}"
299
+ }
300
+ },
301
+ "green": {
302
+ "100": {
303
+ "type": "color",
304
+ "value": "{color.green.30}"
305
+ },
306
+ "200": {
307
+ "type": "color",
308
+ "value": "{color.green.20}"
309
+ },
310
+ "300": {
311
+ "type": "color",
312
+ "value": "{color.green.10}"
313
+ }
314
+ },
315
+ "teal": {
316
+ "100": {
317
+ "type": "color",
318
+ "value": "{color.teal.30}"
319
+ },
320
+ "200": {
321
+ "type": "color",
322
+ "value": "{color.teal.20}"
323
+ },
324
+ "300": {
325
+ "type": "color",
326
+ "value": "{color.teal.10}"
327
+ }
328
+ },
329
+ "blue": {
330
+ "100": {
331
+ "type": "color",
332
+ "value": "{color.blue.30}"
333
+ },
334
+ "200": {
335
+ "type": "color",
336
+ "value": "{color.blue.20}"
337
+ },
338
+ "300": {
339
+ "type": "color",
340
+ "value": "{color.blue.10}"
341
+ }
342
+ },
343
+ "purple": {
344
+ "100": {
345
+ "type": "color",
346
+ "value": "{color.purple.30}"
347
+ },
348
+ "200": {
349
+ "type": "color",
350
+ "value": "{color.purple.20}"
351
+ },
352
+ "300": {
353
+ "type": "color",
354
+ "value": "{color.purple.10}"
355
+ }
356
+ },
357
+ "gray": {
358
+ "50": {
359
+ "type": "color",
360
+ "value": "{color.gray.70}"
361
+ },
362
+ "100": {
363
+ "type": "color",
364
+ "value": "{color.gray.60}"
365
+ },
366
+ "200": {
367
+ "type": "color",
368
+ "value": "{color.gray.50}"
369
+ },
370
+ "300": {
371
+ "type": "color",
372
+ "value": "{color.gray.40}"
373
+ }
374
+ }
375
+ }
376
+ },
377
+ "border": {
378
+ "color": {
379
+ "50": {
380
+ "type": "color",
381
+ "value": "{color.gray.70}"
382
+ },
383
+ "100": {
384
+ "type": "color",
385
+ "value": "{color.gray.50}"
386
+ },
387
+ "200": {
388
+ "type": "color",
389
+ "value": "{color.gray.40}"
390
+ },
391
+ "300": {
392
+ "type": "color",
393
+ "value": "{color.gray.30}"
394
+ }
395
+ }
396
+ },
397
+ "text": {
398
+ "color": {
399
+ "100": {
400
+ "type": "color",
401
+ "value": "{color.white}"
402
+ },
403
+ "200": {
404
+ "type": "color",
405
+ "value": "{color.gray.30}"
406
+ },
407
+ "300": {
408
+ "type": "color",
409
+ "value": "{color.gray.90}"
410
+ },
411
+ "400": {
412
+ "type": "color",
413
+ "value": "{color.red-orange.30}"
414
+ },
415
+ "link": {
416
+ "100": {
417
+ "type": "color",
418
+ "value": "{color.blue.20}"
419
+ },
420
+ "200": {
421
+ "type": "color",
422
+ "value": "{color.blue.10}"
423
+ },
424
+ "300": {
425
+ "type": "color",
426
+ "value": "{color.purple.30}"
427
+ },
428
+ "400": {
429
+ "type": "color",
430
+ "value": "{color.purple.20}"
431
+ }
432
+ }
433
+ }
434
+ },
435
+ "icon": {
436
+ "color": {
437
+ "100": {
438
+ "type": "color",
439
+ "value": "{color.gray.10}"
440
+ },
441
+ "200": {
442
+ "type": "color",
443
+ "value": "{color.gray.40}"
444
+ },
445
+ "300": {
446
+ "type": "color",
447
+ "value": "{color.gray.90}"
448
+ }
449
+ }
450
+ },
451
+ "box-shadow": {
452
+ "color": {
453
+ "100": {
454
+ "type": "color",
455
+ "value": "rgba(0, 0, 0, 0.5000)"
456
+ },
457
+ "200": {
458
+ "type": "color",
459
+ "value": "rgba(0, 0, 0, 0.7000)"
460
+ }
461
+ }
462
+ },
463
+ "focus-ring": {
464
+ "color": {
465
+ "100": {
466
+ "type": "color",
467
+ "value": "{color.blue.30}"
468
+ }
469
+ }
470
+ }
471
+ }
472
+ }
473
+ }
package/tokens/default/{palette.color.json → highcontrast-dark/palette.color.json} RENAMED
@@ -22,6 +22,10 @@
22
22
  "type": "color",
23
23
  "value": "#a3a3a3"
24
24
  },
25
+ "45": {
26
+ "type": "color",
27
+ "value": "#8c8c8c"
28
+ },
25
29
  "50": {
26
30
  "type": "color",
27
31
  "value": "#707070"
@@ -321,6 +325,10 @@
321
325
  "80": {
322
326
  "type": "color",
323
327
  "value": "#3f0000"
328
+ },
329
+ "05": {
330
+ "type": "color",
331
+ "value": "#fef0f0"
324
332
  }
325
333
  }
326
334
  }