@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
package/build.js CHANGED
@@ -216,24 +216,24 @@ const build = (selector) => {
216
216
  const layersHighContrastDarkSD = StyleDictionary.extend(__dirname + '/config.layers.highcontrast-dark.json');
217
217
  layersHighContrastDarkSD.buildAllPlatforms();
218
218
 
219
- console.log('Building layer configs for redhat themes...');
220
- const layersRedhatSD = StyleDictionary.extend(__dirname + '/config.layers.redhat.json');
221
- layersRedhatSD.buildAllPlatforms();
219
+ console.log('Building layer configs for felt themes...');
220
+ const layersFeltSD = StyleDictionary.extend(__dirname + '/config.layers.felt.json');
221
+ layersFeltSD.buildAllPlatforms();
222
222
 
223
- const layersRedhatDarkSD = StyleDictionary.extend(__dirname + '/config.layers.redhat-dark.json');
224
- layersRedhatDarkSD.buildAllPlatforms();
223
+ const layersFeltDarkSD = StyleDictionary.extend(__dirname + '/config.layers.felt-dark.json');
224
+ layersFeltDarkSD.buildAllPlatforms();
225
225
 
226
- const layersRedhatGlassSD = StyleDictionary.extend(__dirname + '/config.layers.redhat-glass.json');
227
- layersRedhatGlassSD.buildAllPlatforms();
226
+ const layersFeltGlassSD = StyleDictionary.extend(__dirname + '/config.layers.felt-glass.json');
227
+ layersFeltGlassSD.buildAllPlatforms();
228
228
 
229
- const layersRedhatGlassDarkSD = StyleDictionary.extend(__dirname + '/config.layers.redhat-glass-dark.json');
230
- layersRedhatGlassDarkSD.buildAllPlatforms();
229
+ const layersFeltGlassDarkSD = StyleDictionary.extend(__dirname + '/config.layers.felt-glass-dark.json');
230
+ layersFeltGlassDarkSD.buildAllPlatforms();
231
231
 
232
- const layersRedhatHighContrastSD = StyleDictionary.extend(__dirname + '/config.layers.redhat-highcontrast.json');
233
- layersRedhatHighContrastSD.buildAllPlatforms();
232
+ const layersFeltHighContrastSD = StyleDictionary.extend(__dirname + '/config.layers.felt-highcontrast.json');
233
+ layersFeltHighContrastSD.buildAllPlatforms();
234
234
 
235
- const layersRedhatHighContrastDarkSD = StyleDictionary.extend(__dirname + '/config.layers.redhat-highcontrast-dark.json');
236
- layersRedhatHighContrastDarkSD.buildAllPlatforms();
235
+ const layersFeltHighContrastDarkSD = StyleDictionary.extend(__dirname + '/config.layers.felt-highcontrast-dark.json');
236
+ layersFeltHighContrastDarkSD.buildAllPlatforms();
237
237
 
238
238
  // Step 3: Build glass themes
239
239
  console.log('Building glass themes...');
@@ -254,59 +254,59 @@ const build = (selector) => {
254
254
  path.join(buildPath, 'tokens-glass-dark.scss')
255
255
  );
256
256
 
257
- // Step 5: Build redhat themes
258
- console.log('Building redhat themes...');
259
- const redhatExtendedSD = StyleDictionary.extend(__dirname + '/config.redhat.json');
260
- redhatExtendedSD.buildAllPlatforms();
257
+ // Step 5: Build felt themes
258
+ console.log('Building felt themes...');
259
+ const feltExtendedSD = StyleDictionary.extend(__dirname + '/config.felt.json');
260
+ feltExtendedSD.buildAllPlatforms();
261
261
 
262
- const redhatDarkExtendedSD = StyleDictionary.extend(__dirname + '/config.redhat-dark.json');
263
- redhatDarkExtendedSD.buildAllPlatforms();
262
+ const feltDarkExtendedSD = StyleDictionary.extend(__dirname + '/config.felt-dark.json');
263
+ feltDarkExtendedSD.buildAllPlatforms();
264
264
 
265
- const redhatGlassExtendedSD = StyleDictionary.extend(__dirname + '/config.redhat-glass.json');
266
- redhatGlassExtendedSD.buildAllPlatforms();
265
+ const feltGlassExtendedSD = StyleDictionary.extend(__dirname + '/config.felt-glass.json');
266
+ feltGlassExtendedSD.buildAllPlatforms();
267
267
 
268
- const redhatGlassDarkExtendedSD = StyleDictionary.extend(__dirname + '/config.redhat-glass-dark.json');
269
- redhatGlassDarkExtendedSD.buildAllPlatforms();
268
+ const feltGlassDarkExtendedSD = StyleDictionary.extend(__dirname + '/config.felt-glass-dark.json');
269
+ feltGlassDarkExtendedSD.buildAllPlatforms();
270
270
 
271
- const redhatHighContrastExtendedSD = StyleDictionary.extend(__dirname + '/config.redhat-highcontrast.json');
272
- redhatHighContrastExtendedSD.buildAllPlatforms();
271
+ const feltHighContrastExtendedSD = StyleDictionary.extend(__dirname + '/config.felt-highcontrast.json');
272
+ feltHighContrastExtendedSD.buildAllPlatforms();
273
273
 
274
- const redhatHighContrastDarkExtendedSD = StyleDictionary.extend(__dirname + '/config.redhat-highcontrast-dark.json');
275
- redhatHighContrastDarkExtendedSD.buildAllPlatforms();
274
+ const feltHighContrastDarkExtendedSD = StyleDictionary.extend(__dirname + '/config.felt-highcontrast-dark.json');
275
+ feltHighContrastDarkExtendedSD.buildAllPlatforms();
276
276
 
277
- // Set glass tokens to initial in redhat non-glass themes
278
- console.log('Setting glass tokens to initial in redhat themes...');
279
- setGlassTokensToInitial(path.join(buildPath, 'tokens-redhat.scss'));
280
- setGlassTokensToInitial(path.join(buildPath, 'tokens-redhat-dark.scss'));
281
- setGlassTokensToInitial(path.join(buildPath, 'tokens-redhat-highcontrast.scss'));
282
- setGlassTokensToInitial(path.join(buildPath, 'tokens-redhat-highcontrast-dark.scss'));
277
+ // Set glass tokens to initial in felt non-glass themes
278
+ console.log('Setting glass tokens to initial in felt themes...');
279
+ setGlassTokensToInitial(path.join(buildPath, 'tokens-felt.scss'));
280
+ setGlassTokensToInitial(path.join(buildPath, 'tokens-felt-dark.scss'));
281
+ setGlassTokensToInitial(path.join(buildPath, 'tokens-felt-highcontrast.scss'));
282
+ setGlassTokensToInitial(path.join(buildPath, 'tokens-felt-highcontrast-dark.scss'));
283
283
 
284
- // Step 6: Remove duplicate variables from redhat SCSS files
285
- console.log('Removing duplicate variables from redhat themes...');
284
+ // Step 6: Remove duplicate variables from felt SCSS files
285
+ console.log('Removing duplicate variables from felt themes...');
286
286
  removeDuplicateVariables(
287
287
  path.join(buildPath, 'tokens-default.scss'),
288
- path.join(buildPath, 'tokens-redhat.scss')
288
+ path.join(buildPath, 'tokens-felt.scss')
289
289
  );
290
290
  removeDuplicateVariables(
291
291
  path.join(buildPath, 'tokens-dark.scss'),
292
- path.join(buildPath, 'tokens-redhat-dark.scss')
292
+ path.join(buildPath, 'tokens-felt-dark.scss')
293
293
  );
294
- // Redhat glass themes compare against default (not glass), because they source all default/glass tokens
294
+ // Felt glass themes compare against default (not glass), because they source all default/glass tokens
295
295
  removeDuplicateVariables(
296
296
  path.join(buildPath, 'tokens-default.scss'),
297
- path.join(buildPath, 'tokens-redhat-glass.scss')
297
+ path.join(buildPath, 'tokens-felt-glass.scss')
298
298
  );
299
299
  removeDuplicateVariables(
300
300
  path.join(buildPath, 'tokens-dark.scss'),
301
- path.join(buildPath, 'tokens-redhat-glass-dark.scss')
301
+ path.join(buildPath, 'tokens-felt-glass-dark.scss')
302
302
  );
303
303
  removeDuplicateVariables(
304
304
  path.join(buildPath, 'tokens-default.scss'),
305
- path.join(buildPath, 'tokens-redhat-highcontrast.scss')
305
+ path.join(buildPath, 'tokens-felt-highcontrast.scss')
306
306
  );
307
307
  removeDuplicateVariables(
308
308
  path.join(buildPath, 'tokens-dark.scss'),
309
- path.join(buildPath, 'tokens-redhat-highcontrast-dark.scss')
309
+ path.join(buildPath, 'tokens-felt-highcontrast-dark.scss')
310
310
  );
311
311
 
312
312
  console.log('\n============================');
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "source": [
3
3
  "tokens/default/dark/*.json",
4
- "tokens/redhat/dark/redhat*.json"
4
+ "tokens/felt/dark/felt*.json"
5
5
  ],
6
6
  "platforms": {
7
7
  "css": {
@@ -9,7 +9,7 @@
9
9
  "buildPath": "build/css/",
10
10
  "prefix": "pf-t",
11
11
  "files": [{
12
- "destination": "tokens-redhat-dark.scss",
12
+ "destination": "tokens-felt-dark.scss",
13
13
  "format": "customFormat",
14
14
  "options": {
15
15
  "outputReferences": true
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "source": [
3
3
  "tokens/default/glass-dark/*.json",
4
- "tokens/redhat/glass-dark/redhat*.json"
4
+ "tokens/felt/glass-dark/felt*.json"
5
5
  ],
6
6
  "platforms": {
7
7
  "css": {
@@ -9,7 +9,7 @@
9
9
  "buildPath": "build/css/",
10
10
  "prefix": "pf-t",
11
11
  "files": [{
12
- "destination": "tokens-redhat-glass-dark.scss",
12
+ "destination": "tokens-felt-glass-dark.scss",
13
13
  "format": "customFormat",
14
14
  "options": {
15
15
  "outputReferences": true
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "source": [
3
3
  "tokens/default/glass/*.json",
4
- "tokens/redhat/glass/redhat*.json"
4
+ "tokens/felt/glass/felt*.json"
5
5
  ],
6
6
  "basePxFontSize": 16,
7
7
  "platforms": {
@@ -10,7 +10,7 @@
10
10
  "buildPath": "build/css/",
11
11
  "prefix": "pf-t",
12
12
  "files": [{
13
- "destination": "tokens-redhat-glass.scss",
13
+ "destination": "tokens-felt-glass.scss",
14
14
  "format": "customFormat",
15
15
  "options": {
16
16
  "outputReferences": true
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "source": [
3
3
  "tokens/default/highcontrast-dark/*.json",
4
- "tokens/redhat/highcontrast-dark/redhat*.json"
4
+ "tokens/felt/highcontrast-dark/felt*.json"
5
5
  ],
6
6
  "platforms": {
7
7
  "css": {
@@ -9,7 +9,7 @@
9
9
  "buildPath": "build/css/",
10
10
  "prefix": "pf-t",
11
11
  "files": [{
12
- "destination": "tokens-redhat-highcontrast-dark.scss",
12
+ "destination": "tokens-felt-highcontrast-dark.scss",
13
13
  "format": "customFormat",
14
14
  "options": {
15
15
  "outputReferences": true
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "source": [
3
3
  "tokens/default/light/*.json",
4
- "tokens/redhat/light/redhat*.json"
4
+ "tokens/felt/light/felt*.json"
5
5
  ],
6
6
  "basePxFontSize": 16,
7
7
  "platforms": {
@@ -10,7 +10,7 @@
10
10
  "buildPath": "build/css/",
11
11
  "prefix": "pf-t",
12
12
  "files": [{
13
- "destination": "tokens-redhat.scss",
13
+ "destination": "tokens-felt.scss",
14
14
  "format": "customFormat",
15
15
  "options": {
16
16
  "outputReferences": true
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "source": [
3
3
  "tokens/default/dark/*.json",
4
- "tokens/redhat/dark/redhat*.json"
4
+ "tokens/felt/dark/felt*.json"
5
5
  ],
6
6
  "platforms": {
7
7
  "json/default": {
@@ -10,7 +10,7 @@
10
10
  "prefix": "pf-t",
11
11
  "files": [
12
12
  {
13
- "destination": "token-layers-redhat-dark.json",
13
+ "destination": "token-layers-felt-dark.json",
14
14
  "format": "json/flat-categories",
15
15
  "options": {
16
16
  "outputReferences": false
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "source": [
3
3
  "tokens/default/glass-dark/*.json",
4
- "tokens/redhat/glass-dark/redhat*.json"
4
+ "tokens/felt/glass-dark/felt*.json"
5
5
  ],
6
6
  "platforms": {
7
7
  "json/default": {
@@ -10,7 +10,7 @@
10
10
  "prefix": "pf-t",
11
11
  "files": [
12
12
  {
13
- "destination": "token-layers-redhat-glass-dark.json",
13
+ "destination": "token-layers-felt-glass-dark.json",
14
14
  "format": "json/flat-categories",
15
15
  "options": {
16
16
  "outputReferences": false
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "source": [
3
3
  "tokens/default/glass/*.json",
4
- "tokens/redhat/glass/redhat*.json"
4
+ "tokens/felt/glass/felt*.json"
5
5
  ],
6
6
  "platforms": {
7
7
  "json/default": {
@@ -10,7 +10,7 @@
10
10
  "prefix": "pf-t",
11
11
  "files": [
12
12
  {
13
- "destination": "token-layers-redhat-glass.json",
13
+ "destination": "token-layers-felt-glass.json",
14
14
  "format": "json/flat-categories",
15
15
  "options": {
16
16
  "outputReferences": false
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "source": [
3
3
  "tokens/default/highcontrast-dark/*.json",
4
- "tokens/redhat/highcontrast-dark/redhat*.json"
4
+ "tokens/felt/highcontrast-dark/felt*.json"
5
5
  ],
6
6
  "platforms": {
7
7
  "json/default": {
@@ -10,7 +10,7 @@
10
10
  "prefix": "pf-t",
11
11
  "files": [
12
12
  {
13
- "destination": "token-layers-redhat-highcontrast-dark.json",
13
+ "destination": "token-layers-felt-highcontrast-dark.json",
14
14
  "format": "json/flat-categories",
15
15
  "options": {
16
16
  "outputReferences": false
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/design-tokens",
3
- "version": "1.15.1",
3
+ "version": "1.15.2",
4
4
  "description": "Define the design tokens for patternfly design system and component library",
5
5
  "main": "dist/esm/index.js",
6
6
  "module": "dist/esm/index.js",