@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/{highcontrast → default/highcontrast}/base.dimension.json RENAMED
@@ -110,16 +110,6 @@
110
110
  }
111
111
  },
112
112
  "font": {
113
- "line-height": {
114
- "100": {
115
- "type": "number",
116
- "value": 1.2999999523162842
117
- },
118
- "200": {
119
- "type": "number",
120
- "value": 1.5
121
- }
122
- },
123
113
  "weight": {
124
114
  "100": {
125
115
  "type": "number",
@@ -138,6 +128,16 @@
138
128
  "value": 700
139
129
  }
140
130
  },
131
+ "line-height": {
132
+ "100": {
133
+ "type": "number",
134
+ "value": 1.2999999523162842
135
+ },
136
+ "200": {
137
+ "type": "number",
138
+ "value": 1.5
139
+ }
140
+ },
141
141
  "size": {
142
142
  "100": {
143
143
  "type": "number",
@@ -263,7 +263,7 @@
263
263
  },
264
264
  "200": {
265
265
  "type": "number",
266
- "value": -4
266
+ "value": -2
267
267
  },
268
268
  "300": {
269
269
  "type": "number",
@@ -279,7 +279,7 @@
279
279
  },
280
280
  "600": {
281
281
  "type": "number",
282
- "value": 4
282
+ "value": 2
283
283
  },
284
284
  "700": {
285
285
  "type": "number",
package/tokens/default/{base.json → highcontrast/base.json} RENAMED
@@ -25,12 +25,16 @@
25
25
  },
26
26
  "500": {
27
27
  "type": "color",
28
- "value": "rgba(21, 21, 21, 0.2000)"
28
+ "value": "rgba(21, 21, 21, 0.4000)"
29
29
  },
30
30
  "600": {
31
31
  "type": "color",
32
32
  "value": "rgba(199, 199, 199, 0.2500)"
33
33
  },
34
+ "700": {
35
+ "type": "color",
36
+ "value": "rgba(199, 199, 199, 0.1000)"
37
+ },
34
38
  "highlight": {
35
39
  "100": {
36
40
  "type": "color",
@@ -64,6 +68,42 @@
64
68
  "500": {
65
69
  "type": "color",
66
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
+ }
67
107
  }
68
108
  },
69
109
  "disabled": {
@@ -77,7 +117,7 @@
77
117
  },
78
118
  "300": {
79
119
  "type": "color",
80
- "value": "{color.gray.60}"
120
+ "value": "{color.gray.50}"
81
121
  }
82
122
  },
83
123
  "favorite": {
@@ -154,7 +194,7 @@
154
194
  },
155
195
  "300": {
156
196
  "type": "color",
157
- "value": "{color.red-orange.80}"
197
+ "value": "{color.red-orange.70}"
158
198
  }
159
199
  },
160
200
  "info": {
@@ -453,7 +493,7 @@
453
493
  "color": {
454
494
  "50": {
455
495
  "type": "color",
456
- "value": "{color.gray.20}"
496
+ "value": "{color.gray.10}"
457
497
  },
458
498
  "100": {
459
499
  "type": "color",
@@ -465,7 +505,7 @@
465
505
  },
466
506
  "300": {
467
507
  "type": "color",
468
- "value": "{color.gray.50}"
508
+ "value": "{color.gray.45}"
469
509
  },
470
510
  "400": {
471
511
  "type": "color",
package/tokens/default/highcontrast/palette.color.json ADDED
@@ -0,0 +1,335 @@
1
+
2
+ {
3
+ "color": {
4
+ "white": {
5
+ "type": "color",
6
+ "value": "#ffffff"
7
+ },
8
+ "gray": {
9
+ "10": {
10
+ "type": "color",
11
+ "value": "#f2f2f2"
12
+ },
13
+ "20": {
14
+ "type": "color",
15
+ "value": "#e0e0e0"
16
+ },
17
+ "30": {
18
+ "type": "color",
19
+ "value": "#c7c7c7"
20
+ },
21
+ "40": {
22
+ "type": "color",
23
+ "value": "#a3a3a3"
24
+ },
25
+ "45": {
26
+ "type": "color",
27
+ "value": "#8c8c8c"
28
+ },
29
+ "50": {
30
+ "type": "color",
31
+ "value": "#707070"
32
+ },
33
+ "60": {
34
+ "type": "color",
35
+ "value": "#4d4d4d"
36
+ },
37
+ "70": {
38
+ "type": "color",
39
+ "value": "#383838"
40
+ },
41
+ "80": {
42
+ "type": "color",
43
+ "value": "#292929"
44
+ },
45
+ "90": {
46
+ "type": "color",
47
+ "value": "#1f1f1f"
48
+ },
49
+ "95": {
50
+ "type": "color",
51
+ "value": "#151515"
52
+ }
53
+ },
54
+ "black": {
55
+ "type": "color",
56
+ "value": "#000000"
57
+ },
58
+ "blue": {
59
+ "10": {
60
+ "type": "color",
61
+ "value": "#e0f0ff"
62
+ },
63
+ "20": {
64
+ "type": "color",
65
+ "value": "#b9dafc"
66
+ },
67
+ "30": {
68
+ "type": "color",
69
+ "value": "#92c5f9"
70
+ },
71
+ "40": {
72
+ "type": "color",
73
+ "value": "#4394e5"
74
+ },
75
+ "50": {
76
+ "type": "color",
77
+ "value": "#0066cc"
78
+ },
79
+ "60": {
80
+ "type": "color",
81
+ "value": "#004d99"
82
+ },
83
+ "70": {
84
+ "type": "color",
85
+ "value": "#003366"
86
+ },
87
+ "80": {
88
+ "type": "color",
89
+ "value": "#032142"
90
+ }
91
+ },
92
+ "teal": {
93
+ "10": {
94
+ "type": "color",
95
+ "value": "#daf2f2"
96
+ },
97
+ "20": {
98
+ "type": "color",
99
+ "value": "#b9e5e5"
100
+ },
101
+ "30": {
102
+ "type": "color",
103
+ "value": "#9ad8d8"
104
+ },
105
+ "40": {
106
+ "type": "color",
107
+ "value": "#63bdbd"
108
+ },
109
+ "50": {
110
+ "type": "color",
111
+ "value": "#37a3a3"
112
+ },
113
+ "60": {
114
+ "type": "color",
115
+ "value": "#147878"
116
+ },
117
+ "70": {
118
+ "type": "color",
119
+ "value": "#004d4d"
120
+ },
121
+ "80": {
122
+ "type": "color",
123
+ "value": "#003333"
124
+ }
125
+ },
126
+ "yellow": {
127
+ "10": {
128
+ "type": "color",
129
+ "value": "#fff4cc"
130
+ },
131
+ "20": {
132
+ "type": "color",
133
+ "value": "#ffe072"
134
+ },
135
+ "30": {
136
+ "type": "color",
137
+ "value": "#ffcc17"
138
+ },
139
+ "40": {
140
+ "type": "color",
141
+ "value": "#dca614"
142
+ },
143
+ "50": {
144
+ "type": "color",
145
+ "value": "#b98412"
146
+ },
147
+ "60": {
148
+ "type": "color",
149
+ "value": "#96640f"
150
+ },
151
+ "70": {
152
+ "type": "color",
153
+ "value": "#73480b"
154
+ },
155
+ "80": {
156
+ "type": "color",
157
+ "value": "#54330b"
158
+ }
159
+ },
160
+ "green": {
161
+ "10": {
162
+ "type": "color",
163
+ "value": "#e9f7df"
164
+ },
165
+ "20": {
166
+ "type": "color",
167
+ "value": "#d1f1bb"
168
+ },
169
+ "30": {
170
+ "type": "color",
171
+ "value": "#afdc8f"
172
+ },
173
+ "40": {
174
+ "type": "color",
175
+ "value": "#87bb62"
176
+ },
177
+ "50": {
178
+ "type": "color",
179
+ "value": "#63993d"
180
+ },
181
+ "60": {
182
+ "type": "color",
183
+ "value": "#3d7317"
184
+ },
185
+ "70": {
186
+ "type": "color",
187
+ "value": "#204d00"
188
+ },
189
+ "80": {
190
+ "type": "color",
191
+ "value": "#183301"
192
+ }
193
+ },
194
+ "orange": {
195
+ "10": {
196
+ "type": "color",
197
+ "value": "#ffe8cc"
198
+ },
199
+ "20": {
200
+ "type": "color",
201
+ "value": "#fccb8f"
202
+ },
203
+ "30": {
204
+ "type": "color",
205
+ "value": "#f8ae54"
206
+ },
207
+ "40": {
208
+ "type": "color",
209
+ "value": "#f5921b"
210
+ },
211
+ "50": {
212
+ "type": "color",
213
+ "value": "#ca6c0f"
214
+ },
215
+ "60": {
216
+ "type": "color",
217
+ "value": "#9e4a06"
218
+ },
219
+ "70": {
220
+ "type": "color",
221
+ "value": "#732e00"
222
+ },
223
+ "80": {
224
+ "type": "color",
225
+ "value": "#4d1f00"
226
+ }
227
+ },
228
+ "red-orange": {
229
+ "10": {
230
+ "type": "color",
231
+ "value": "#ffe3d9"
232
+ },
233
+ "20": {
234
+ "type": "color",
235
+ "value": "#fbbea8"
236
+ },
237
+ "30": {
238
+ "type": "color",
239
+ "value": "#f89b78"
240
+ },
241
+ "40": {
242
+ "type": "color",
243
+ "value": "#f4784a"
244
+ },
245
+ "50": {
246
+ "type": "color",
247
+ "value": "#f0561d"
248
+ },
249
+ "60": {
250
+ "type": "color",
251
+ "value": "#b1380b"
252
+ },
253
+ "70": {
254
+ "type": "color",
255
+ "value": "#731f00"
256
+ },
257
+ "80": {
258
+ "type": "color",
259
+ "value": "#4c1405"
260
+ }
261
+ },
262
+ "purple": {
263
+ "10": {
264
+ "type": "color",
265
+ "value": "#ece6ff"
266
+ },
267
+ "20": {
268
+ "type": "color",
269
+ "value": "#d0c5f4"
270
+ },
271
+ "30": {
272
+ "type": "color",
273
+ "value": "#b6a6e9"
274
+ },
275
+ "40": {
276
+ "type": "color",
277
+ "value": "#876fd4"
278
+ },
279
+ "50": {
280
+ "type": "color",
281
+ "value": "#5e40be"
282
+ },
283
+ "60": {
284
+ "type": "color",
285
+ "value": "#3d2785"
286
+ },
287
+ "70": {
288
+ "type": "color",
289
+ "value": "#21134d"
290
+ },
291
+ "80": {
292
+ "type": "color",
293
+ "value": "#1b0d33"
294
+ }
295
+ },
296
+ "red": {
297
+ "10": {
298
+ "type": "color",
299
+ "value": "#fce3e3"
300
+ },
301
+ "20": {
302
+ "type": "color",
303
+ "value": "#fbc5c5"
304
+ },
305
+ "30": {
306
+ "type": "color",
307
+ "value": "#f9a8a8"
308
+ },
309
+ "40": {
310
+ "type": "color",
311
+ "value": "#f56e6e"
312
+ },
313
+ "50": {
314
+ "type": "color",
315
+ "value": "#ee0000"
316
+ },
317
+ "60": {
318
+ "type": "color",
319
+ "value": "#a60000"
320
+ },
321
+ "70": {
322
+ "type": "color",
323
+ "value": "#5f0000"
324
+ },
325
+ "80": {
326
+ "type": "color",
327
+ "value": "#3f0000"
328
+ },
329
+ "05": {
330
+ "type": "color",
331
+ "value": "#fef0f0"
332
+ }
333
+ }
334
+ }
335
+ }