@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
@@ -0,0 +1,22 @@
1
+ {
2
+ "source": [
3
+ "tokens/default/highcontrast/*.json",
4
+ "tokens/redhat/highcontrast/redhat*.json"
5
+ ],
6
+ "platforms": {
7
+ "json/default": {
8
+ "transformGroup": "patternfly/css",
9
+ "buildPath": "patternfly-docs/content/",
10
+ "prefix": "pf-t",
11
+ "files": [
12
+ {
13
+ "destination": "token-layers-redhat-highcontrast.json",
14
+ "format": "json/flat-categories",
15
+ "options": {
16
+ "outputReferences": false
17
+ }
18
+ }
19
+ ]
20
+ }
21
+ }
22
+ }
@@ -0,0 +1,22 @@
1
+ {
2
+ "source": [
3
+ "tokens/default/light/*.json",
4
+ "tokens/redhat/light/redhat*.json"
5
+ ],
6
+ "platforms": {
7
+ "json/default": {
8
+ "transformGroup": "patternfly/css",
9
+ "buildPath": "patternfly-docs/content/",
10
+ "prefix": "pf-t",
11
+ "files": [
12
+ {
13
+ "destination": "token-layers-redhat.json",
14
+ "format": "json/flat-categories",
15
+ "options": {
16
+ "outputReferences": false
17
+ }
18
+ }
19
+ ]
20
+ }
21
+ }
22
+ }
@@ -0,0 +1,25 @@
1
+ {
2
+ "source": [
3
+ "tokens/default/dark/*.json",
4
+ "tokens/redhat/dark/redhat*.json"
5
+ ],
6
+ "platforms": {
7
+ "css": {
8
+ "transformGroup": "patternfly/css",
9
+ "buildPath": "build/css/",
10
+ "prefix": "pf-t",
11
+ "files": [{
12
+ "destination": "tokens-redhat-dark.scss",
13
+ "format": "customFormat",
14
+ "options": {
15
+ "outputReferences": true
16
+ },
17
+ "filter": {
18
+ "attributes": {
19
+ "category": "global"
20
+ }
21
+ }
22
+ }]
23
+ }
24
+ }
25
+ }
@@ -0,0 +1,25 @@
1
+ {
2
+ "source": [
3
+ "tokens/default/glass-dark/*.json",
4
+ "tokens/redhat/glass-dark/redhat*.json"
5
+ ],
6
+ "platforms": {
7
+ "css": {
8
+ "transformGroup": "patternfly/css",
9
+ "buildPath": "build/css/",
10
+ "prefix": "pf-t",
11
+ "files": [{
12
+ "destination": "tokens-redhat-glass-dark.scss",
13
+ "format": "customFormat",
14
+ "options": {
15
+ "outputReferences": true
16
+ },
17
+ "filter": {
18
+ "attributes": {
19
+ "category": "global"
20
+ }
21
+ }
22
+ }]
23
+ }
24
+ }
25
+ }
@@ -0,0 +1,26 @@
1
+ {
2
+ "source": [
3
+ "tokens/default/glass/*.json",
4
+ "tokens/redhat/glass/redhat*.json"
5
+ ],
6
+ "basePxFontSize": 16,
7
+ "platforms": {
8
+ "css": {
9
+ "transformGroup": "patternfly/css",
10
+ "buildPath": "build/css/",
11
+ "prefix": "pf-t",
12
+ "files": [{
13
+ "destination": "tokens-redhat-glass.scss",
14
+ "format": "customFormat",
15
+ "options": {
16
+ "outputReferences": true
17
+ },
18
+ "filter": {
19
+ "attributes": {
20
+ "category": "global"
21
+ }
22
+ }
23
+ }]
24
+ }
25
+ }
26
+ }
@@ -0,0 +1,25 @@
1
+ {
2
+ "source": [
3
+ "tokens/default/highcontrast-dark/*.json",
4
+ "tokens/redhat/highcontrast-dark/redhat*.json"
5
+ ],
6
+ "platforms": {
7
+ "css": {
8
+ "transformGroup": "patternfly/css",
9
+ "buildPath": "build/css/",
10
+ "prefix": "pf-t",
11
+ "files": [{
12
+ "destination": "tokens-redhat-highcontrast-dark.scss",
13
+ "format": "customFormat",
14
+ "options": {
15
+ "outputReferences": true
16
+ },
17
+ "filter": {
18
+ "attributes": {
19
+ "category": "global"
20
+ }
21
+ }
22
+ }]
23
+ }
24
+ }
25
+ }
@@ -0,0 +1,26 @@
1
+ {
2
+ "source": [
3
+ "tokens/default/highcontrast/*.json",
4
+ "tokens/redhat/highcontrast/redhat*.json"
5
+ ],
6
+ "basePxFontSize": 16,
7
+ "platforms": {
8
+ "css": {
9
+ "transformGroup": "patternfly/css",
10
+ "buildPath": "build/css/",
11
+ "prefix": "pf-t",
12
+ "files": [{
13
+ "destination": "tokens-redhat-highcontrast.scss",
14
+ "format": "customFormat",
15
+ "options": {
16
+ "outputReferences": true
17
+ },
18
+ "filter": {
19
+ "attributes": {
20
+ "category": "global"
21
+ }
22
+ }
23
+ }]
24
+ }
25
+ }
26
+ }
@@ -0,0 +1,26 @@
1
+ {
2
+ "source": [
3
+ "tokens/default/light/*.json",
4
+ "tokens/redhat/light/redhat*.json"
5
+ ],
6
+ "basePxFontSize": 16,
7
+ "platforms": {
8
+ "css": {
9
+ "transformGroup": "patternfly/css",
10
+ "buildPath": "build/css/",
11
+ "prefix": "pf-t",
12
+ "files": [{
13
+ "destination": "tokens-redhat.scss",
14
+ "format": "customFormat",
15
+ "options": {
16
+ "outputReferences": true
17
+ },
18
+ "filter": {
19
+ "attributes": {
20
+ "category": "global"
21
+ }
22
+ }
23
+ }]
24
+ }
25
+ }
26
+ }
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@patternfly/design-tokens",
3
- "version": "1.14.6",
3
+ "version": "1.14.7",
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",
7
7
  "scripts": {
8
8
  "build": "yarn build:scss",
9
9
  "build:fed:packages": "node generate-fed-package-json.js",
10
- "build:scss": "node ./cli.js",
10
+ "build:scss": "node ./cli.js -s '@mixin pf-v6-tokens'",
11
11
  "build:plugin": "webpack",
12
12
  "clean": "rimraf dist",
13
13
  "docs:develop": "pf-docs-framework start",
@@ -7,6 +7,29 @@ sortValue: 5
7
7
 
8
8
  import * as defaultTokens from './token-layers-default.json';
9
9
  import * as darkTokens from './token-layers-dark.json';
10
+ import * as glassTokens from './token-layers-glass.json';
11
+ import * as glassDarkTokens from './token-layers-glass-dark.json';
12
+ import * as highcontrastTokens from './token-layers-highcontrast.json';
13
+ import * as highcontrastDarkTokens from './token-layers-highcontrast-dark.json';
14
+ import * as redhatTokens from './token-layers-redhat.json';
15
+ import * as redhatDarkTokens from './token-layers-redhat-dark.json';
16
+ import * as redhatGlassTokens from './token-layers-redhat-glass.json';
17
+ import * as redhatGlassDarkTokens from './token-layers-redhat-glass-dark.json';
18
+ import * as redhatHighcontrastTokens from './token-layers-redhat-highcontrast.json';
19
+ import * as redhatHighcontrastDarkTokens from './token-layers-redhat-highcontrast-dark.json';
10
20
  import { TokensTable } from './tokensTable.js';
11
21
 
12
- <TokensTable tokenJson={{default: defaultTokens, dark: darkTokens}} />
22
+ <TokensTable tokenJson={{
23
+ default: defaultTokens,
24
+ dark: darkTokens,
25
+ glass: glassTokens,
26
+ 'glass-dark': glassDarkTokens,
27
+ highcontrast: highcontrastTokens,
28
+ 'highcontrast-dark': highcontrastDarkTokens,
29
+ redhat: redhatTokens,
30
+ 'redhat-dark': redhatDarkTokens,
31
+ 'redhat-glass': redhatGlassTokens,
32
+ 'redhat-glass-dark': redhatGlassDarkTokens,
33
+ 'redhat-highcontrast': redhatHighcontrastTokens,
34
+ 'redhat-highcontrast-dark': redhatHighcontrastDarkTokens
35
+ }} />