@patternfly/design-tokens 1.15.1 → 1.15.2

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 (78) hide show
  1. package/build/css/tokens-dark.scss +3 -3
  2. package/build/css/tokens-default.scss +4 -5
  3. package/build/css/{tokens-redhat-dark.scss → tokens-felt-dark.scss} +1 -1
  4. package/build/css/{tokens-redhat-glass-dark.scss → tokens-felt-glass-dark.scss} +4 -3
  5. package/build/css/{tokens-redhat-glass.scss → tokens-felt-glass.scss} +4 -2
  6. package/build/css/{tokens-redhat-highcontrast-dark.scss → tokens-felt-highcontrast-dark.scss} +5 -3
  7. package/build/css/tokens-felt-highcontrast.scss +121 -0
  8. package/build/css/{tokens-redhat.scss → tokens-felt.scss} +1 -1
  9. package/build/css/tokens-glass-dark.scss +2 -2
  10. package/build/css/tokens-glass.scss +1 -1
  11. package/build/css/tokens-palette.scss +1 -1
  12. package/build/css/tokens-redhat-highcontrast.scss +641 -10
  13. package/build.js +42 -42
  14. package/{config.redhat-dark.json → config.felt-dark.json} +2 -2
  15. package/{config.redhat-glass-dark.json → config.felt-glass-dark.json} +2 -2
  16. package/{config.redhat-glass.json → config.felt-glass.json} +2 -2
  17. package/{config.redhat-highcontrast-dark.json → config.felt-highcontrast-dark.json} +2 -2
  18. package/{config.redhat.json → config.felt.json} +2 -2
  19. package/{config.layers.redhat-dark.json → config.layers.felt-dark.json} +2 -2
  20. package/{config.layers.redhat-glass-dark.json → config.layers.felt-glass-dark.json} +2 -2
  21. package/{config.layers.redhat-glass.json → config.layers.felt-glass.json} +2 -2
  22. package/{config.layers.redhat-highcontrast-dark.json → config.layers.felt-highcontrast-dark.json} +2 -2
  23. package/package.json +1 -1
  24. package/patternfly-docs/content/token-layers-felt-dark.json +48543 -0
  25. package/patternfly-docs/content/token-layers-felt-glass-dark.json +37670 -0
  26. package/patternfly-docs/content/token-layers-felt-glass.json +52576 -0
  27. package/patternfly-docs/content/token-layers-felt-highcontrast-dark.json +38323 -0
  28. package/patternfly-docs/content/token-layers-glass-dark.json +4214 -4247
  29. package/patternfly-docs/content/token-layers-glass.json +4997 -5049
  30. package/patternfly-docs/content/token-layers-highcontrast-dark.json +2978 -3005
  31. package/patternfly-docs/content/token-layers-highcontrast.json +4177 -4229
  32. package/patternfly-docs/content/token-layers-redhat-dark.json +147 -170
  33. package/patternfly-docs/content/token-layers-redhat-glass-dark.json +165 -194
  34. package/patternfly-docs/content/token-layers-redhat-glass.json +298 -346
  35. package/patternfly-docs/content/token-layers-redhat-highcontrast-dark.json +46 -69
  36. package/patternfly-docs/content/token-layers-redhat-highcontrast.json +4911 -4641
  37. package/patternfly-docs/content/token-layers-redhat.json +6147 -5881
  38. package/plugins/export-patternfly-tokens/dist/ui.html +344 -334
  39. package/plugins/export-patternfly-tokens/src/ui.tsx +44 -34
  40. package/tokens/default/dark/base.dark.json +42 -42
  41. package/tokens/default/dark/charts.dark.json +32 -32
  42. package/tokens/default/dark/charts.highcontrast.dark.json +765 -0
  43. package/tokens/default/dark/palette.color.json +4 -4
  44. package/tokens/default/dark/semantic.dark.json +115 -115
  45. package/tokens/default/glass/base.dimension.json +24 -24
  46. package/tokens/default/glass/palette.color.json +4 -4
  47. package/tokens/default/glass/semantic.dimension.glass.json +137 -141
  48. package/tokens/default/glass/semantic.glass.json +114 -114
  49. package/tokens/default/glass-dark/base.dark.json +42 -42
  50. package/tokens/default/glass-dark/palette.color.json +4 -4
  51. package/tokens/default/glass-dark/semantic.glass.dark.json +115 -115
  52. package/tokens/default/highcontrast/base.dimension.json +24 -24
  53. package/tokens/default/highcontrast/palette.color.json +4 -4
  54. package/tokens/default/highcontrast/semantic.dimension.highcontrast.json +136 -140
  55. package/tokens/default/highcontrast/semantic.highcontrast.json +114 -114
  56. package/tokens/default/highcontrast-dark/base.dark.json +42 -42
  57. package/tokens/default/highcontrast-dark/palette.color.json +4 -4
  58. package/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json +115 -115
  59. package/tokens/default/light/base.dimension.json +24 -24
  60. package/tokens/default/light/charts.highcontrast.json +765 -0
  61. package/tokens/default/light/charts.json +32 -32
  62. package/tokens/default/light/palette.color.json +4 -4
  63. package/tokens/default/light/semantic.dimension.json +137 -141
  64. package/tokens/default/light/semantic.json +114 -114
  65. package/tokens/default/light/semantic.motion.json +17 -17
  66. package/tokens/{redhat/dark/redhat.color.dark.json → felt/dark/felt.color.dark.json} +19 -19
  67. package/tokens/{redhat/light/redhat.color.json → felt/glass/felt.color.glass.json} +10 -10
  68. package/tokens/{redhat/highcontrast/redhat.dimension.highcontrast.json → felt/glass/felt.dimension.glass.json} +6 -6
  69. package/tokens/{redhat/glass-dark/redhat.color.glass.dark.json → felt/glass-dark/felt.color.glass.dark.json} +22 -17
  70. package/tokens/{redhat/highcontrast/redhat.color.highcontrast.json → felt/highcontrast/felt.color.highcontrast.json} +10 -10
  71. package/tokens/{redhat/light/redhat.dimension.json → felt/highcontrast/felt.dimension.highcontrast.json} +6 -6
  72. package/tokens/{redhat/highcontrast-dark/redhat.color.highcontrast.dark.json → felt/highcontrast-dark/felt.color.highcontrast.dark.json} +10 -10
  73. package/tokens/{redhat/glass/redhat.color.glass.json → felt/light/felt.color.json} +10 -10
  74. package/tokens/felt/light/felt.dimension.json +23 -0
  75. package/tokens/redhat/glass/redhat.dimension.glass.json +0 -2
  76. /package/{config.redhat-highcontrast.json → config.felt-highcontrast.json} +0 -0
  77. /package/{config.layers.redhat-highcontrast.json → config.layers.felt-highcontrast.json} +0 -0
  78. /package/{config.layers.redhat.json → config.layers.felt.json} +0 -0
@@ -35,7 +35,7 @@ const saveVars = (text, setJsonFiles, setZipFile) => {
35
35
  saveFolderNames = ['default/light', 'default/highcontrast', 'default/glass'];
36
36
  break;
37
37
  // Base color - dark
38
- case '/* Base Color Tokens - Dark.Mode 1.tokens.json */':
38
+ case '/* Base Color Tokens - Dark.Value.tokens.json */':
39
39
  saveFileName = 'base.dark.json';
40
40
  saveFolderNames = ['default/dark', 'default/highcontrast-dark', 'default/glass-dark'];
41
41
  break;
@@ -82,21 +82,21 @@ const saveVars = (text, setJsonFiles, setZipFile) => {
82
82
  saveFolderNames = ['default/highcontrast-dark'];
83
83
  break;
84
84
  // Semantic dimension
85
- case ('/* Semantic Dimension Tokens.Default.tokens.json */'):
85
+ case ('/* Default Semantic Dimension Tokens.Default.tokens.json */'):
86
86
  saveFileName = 'semantic.dimension.json';
87
87
  saveFolderNames = ['default/light'];
88
88
  break;
89
89
  // Semantic dimension - high contrast
90
- case '/* Semantic Dimension Tokens.High Contrast - Beta.tokens.json */':
90
+ case '/* Default Semantic Dimension Tokens.High Contrast - Beta.tokens.json */':
91
91
  saveFileName = 'semantic.dimension.highcontrast.json';
92
92
  saveFolderNames = ['default/highcontrast'];
93
93
  break;
94
- case ('/* Semantic Dimension Tokens.Glass.tokens.json */'):
94
+ case ('/* Default Semantic Dimension Tokens.Glass.tokens.json */'):
95
95
  saveFileName = 'semantic.dimension.glass.json';
96
96
  saveFolderNames = ['default/glass'];
97
97
  break;
98
98
  // Semantic motion
99
- case '/* Semantic Motion Tokens.Mode 1.tokens.json */':
99
+ case '/* Semantic Motion Tokens.Semantic Motion tokens.tokens.json */':
100
100
  saveFileName = 'semantic.motion.json';
101
101
  saveFolderNames = ['default/light'];
102
102
  break;
@@ -112,44 +112,54 @@ const saveVars = (text, setJsonFiles, setZipFile) => {
112
112
  saveFileName = 'charts.dark.json';
113
113
  saveFolderNames = ['default/dark'];
114
114
  break;
115
+ // Charts - high contrast - light
116
+ case '/* Charts.High Contrast - Light.tokens.json */':
117
+ saveFileName = 'charts.highcontrast.json';
118
+ saveFolderNames = ['default/light'];
119
+ break;
120
+ // Charts - high contrast - dark
121
+ case '/* Charts.High Contrast - Dark.tokens.json */':
122
+ saveFileName = 'charts.highcontrast.dark.json';
123
+ saveFolderNames = ['default/dark'];
124
+ break;
115
125
 
116
- // Red Hat color tokens
117
- case '/* Red Hat Color Tokens.Light.tokens.json */':
118
- saveFileName = 'redhat.color.json';
119
- saveFolderNames = ['redhat/light'];
126
+ // Felt color tokens
127
+ case '/* Felt Color Tokens.Light.tokens.json */':
128
+ saveFileName = 'felt.color.json';
129
+ saveFolderNames = ['felt/light'];
120
130
  break;
121
- case '/* Red Hat Color Tokens.Dark.tokens.json */':
122
- saveFileName = 'redhat.color.dark.json';
123
- saveFolderNames = ['redhat/dark'];
131
+ case '/* Felt Color Tokens.Dark.tokens.json */':
132
+ saveFileName = 'felt.color.dark.json';
133
+ saveFolderNames = ['felt/dark'];
124
134
  break;
125
- case '/* Red Hat Color Tokens.Light - Glass.tokens.json */':
126
- saveFileName = 'redhat.color.glass.json';
127
- saveFolderNames = ['redhat/glass'];
135
+ case '/* Felt Color Tokens.Light - Glass.tokens.json */':
136
+ saveFileName = 'felt.color.glass.json';
137
+ saveFolderNames = ['felt/glass'];
128
138
  break;
129
- case '/* Red Hat Color Tokens.Dark - Glass.tokens.json */':
130
- saveFileName = 'redhat.color.glass.dark.json';
131
- saveFolderNames = ['redhat/glass-dark'];
139
+ case '/* Felt Color Tokens.Dark - Glass.tokens.json */':
140
+ saveFileName = 'felt.color.glass.dark.json';
141
+ saveFolderNames = ['felt/glass-dark'];
132
142
  break;
133
- case '/* Red Hat Color Tokens.Light - High Contrast (Beta).tokens.json */':
134
- saveFileName = 'redhat.color.highcontrast.json';
135
- saveFolderNames = ['redhat/highcontrast'];
143
+ case '/* Felt Color Tokens.Light - High Contrast (Beta).tokens.json */':
144
+ saveFileName = 'felt.color.highcontrast.json';
145
+ saveFolderNames = ['felt/highcontrast'];
136
146
  break;
137
- case '/* Red Hat Color Tokens.Dark - High Contrast (Beta).tokens.json */':
138
- saveFileName = 'redhat.color.highcontrast.dark.json';
139
- saveFolderNames = ['redhat/highcontrast-dark'];
147
+ case '/* Felt Color Tokens.Dark - High Contrast (Beta).tokens.json */':
148
+ saveFileName = 'felt.color.highcontrast.dark.json';
149
+ saveFolderNames = ['felt/highcontrast-dark'];
140
150
  break;
141
- // Red Hat dimension tokens
142
- case '/* Red Hat Dimension Tokens.Default.tokens.json */':
143
- saveFileName = 'redhat.dimension.json';
144
- saveFolderNames = ['redhat/light'];
151
+ // Felt dimension tokens
152
+ case '/* Felt Dimension Tokens.Default.tokens.json */':
153
+ saveFileName = 'felt.dimension.json';
154
+ saveFolderNames = ['felt/light'];
145
155
  break;
146
- case '/* Red Hat Dimension Tokens.Glass.tokens.json */':
147
- saveFileName = 'redhat.dimension.glass.json';
148
- saveFolderNames = ['redhat/glass'];
156
+ case '/* Felt Dimension Tokens.Glass.tokens.json */':
157
+ saveFileName = 'felt.dimension.glass.json';
158
+ saveFolderNames = ['felt/glass'];
149
159
  break;
150
- case '/* Red Hat Dimension Tokens.High Contrast - Beta.tokens.json */':
151
- saveFileName = 'redhat.dimension.highcontrast.json';
152
- saveFolderNames = ['redhat/highcontrast'];
160
+ case '/* Felt Dimension Tokens.High Contrast - Beta.tokens.json */':
161
+ saveFileName = 'felt.dimension.highcontrast.json';
162
+ saveFolderNames = ['felt/highcontrast'];
153
163
  break;
154
164
  default:
155
165
  saveFileName = splitFiles[i].split('\n', 1)[0];
@@ -127,6 +127,48 @@
127
127
  "value": "{color.yellow.20}"
128
128
  }
129
129
  },
130
+ "severity": {
131
+ "undefined": {
132
+ "100": {
133
+ "type": "color",
134
+ "value": "{color.gray.40}"
135
+ }
136
+ },
137
+ "none": {
138
+ "100": {
139
+ "type": "color",
140
+ "value": "{color.blue.30}"
141
+ }
142
+ },
143
+ "minor": {
144
+ "100": {
145
+ "type": "color",
146
+ "value": "{color.gray.30}"
147
+ }
148
+ },
149
+ "moderate": {
150
+ "100": {
151
+ "type": "color",
152
+ "value": "{color.yellow.30}"
153
+ }
154
+ },
155
+ "important": {
156
+ "100": {
157
+ "type": "color",
158
+ "value": "{color.orange.40}"
159
+ }
160
+ },
161
+ "critical": {
162
+ "100": {
163
+ "type": "color",
164
+ "value": "{color.red-orange.50}"
165
+ },
166
+ "200": {
167
+ "type": "color",
168
+ "value": "{color.red-orange.40}"
169
+ }
170
+ }
171
+ },
130
172
  "status": {
131
173
  "success": {
132
174
  "100": {
@@ -199,48 +241,6 @@
199
241
  }
200
242
  }
201
243
  },
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
244
  "nonstatus": {
245
245
  "red": {
246
246
  "100": {
@@ -180,6 +180,18 @@
180
180
  }
181
181
  },
182
182
  "global": {
183
+ "letter-spacing": {
184
+ "type": "string",
185
+ "value": "normal"
186
+ },
187
+ "stroke-line-cap": {
188
+ "type": "string",
189
+ "value": "round"
190
+ },
191
+ "stroke-line-join": {
192
+ "type": "string",
193
+ "value": "round"
194
+ },
183
195
  "BorderWidth": {
184
196
  "xs": {
185
197
  "type": "number",
@@ -288,9 +300,19 @@
288
300
  "value": 22
289
301
  }
290
302
  },
291
- "letter-spacing": {
292
- "type": "string",
293
- "value": "normal"
303
+ "layout": {
304
+ "padding": {
305
+ "type": "number",
306
+ "value": 50
307
+ },
308
+ "height": {
309
+ "type": "number",
310
+ "value": 300
311
+ },
312
+ "width": {
313
+ "type": "number",
314
+ "value": 450
315
+ }
294
316
  },
295
317
  "label": {
296
318
  "padding": {
@@ -301,14 +323,6 @@
301
323
  "type": "number",
302
324
  "value": 8
303
325
  },
304
- "stroke": {
305
- "width": {
306
- "type": "number",
307
- "value": 0
308
- },
309
- "type": "string",
310
- "value": "transparent"
311
- },
312
326
  "text-anchor": {
313
327
  "type": "string",
314
328
  "value": "middle"
@@ -316,29 +330,15 @@
316
330
  "fill": {
317
331
  "type": "color",
318
332
  "value": "{color.white}"
319
- }
320
- },
321
- "layout": {
322
- "padding": {
323
- "type": "number",
324
- "value": 50
325
- },
326
- "height": {
327
- "type": "number",
328
- "value": 300
329
333
  },
330
- "width": {
331
- "type": "number",
332
- "value": 450
334
+ "stroke": {
335
+ "width": {
336
+ "type": "number",
337
+ "value": 0
338
+ },
339
+ "type": "string",
340
+ "value": "transparent"
333
341
  }
334
- },
335
- "stroke-line-cap": {
336
- "type": "string",
337
- "value": "round"
338
- },
339
- "stroke-line-join": {
340
- "type": "string",
341
- "value": "round"
342
342
  }
343
343
  },
344
344
  "theme": {