@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.
- package/build/css/tokens-charts-dark.scss +2 -2
- package/build/css/tokens-charts.scss +2 -2
- package/build/css/tokens-dark.scss +52 -4
- package/build/css/tokens-default.scss +68 -14
- package/build/css/tokens-glass-dark.scss +12 -0
- package/build/css/tokens-glass.scss +12 -0
- package/build/css/tokens-highcontrast-dark.scss +2 -2
- package/build/css/tokens-highcontrast.scss +2 -2
- package/build/css/tokens-palette.scss +2 -2
- package/build/css/tokens-redhat-dark.scss +14 -0
- package/build/css/tokens-redhat-glass-dark.scss +19 -0
- package/build/css/tokens-redhat-glass.scss +18 -0
- package/build/css/tokens-redhat-highcontrast-dark.scss +47 -0
- package/build/css/tokens-redhat-highcontrast.scss +127 -0
- package/build/css/tokens-redhat.scss +15 -0
- package/build.js +201 -13
- package/config.dark.json +1 -1
- package/config.default.json +1 -1
- package/config.glass.dark.json +23 -0
- package/config.glass.json +24 -0
- package/config.layers.glass-dark.json +19 -0
- package/config.layers.glass.json +19 -0
- package/config.layers.highcontrast-dark.json +19 -0
- package/config.layers.highcontrast.json +19 -0
- package/config.layers.redhat-dark.json +22 -0
- package/config.layers.redhat-glass-dark.json +22 -0
- package/config.layers.redhat-glass.json +22 -0
- package/config.layers.redhat-highcontrast-dark.json +22 -0
- package/config.layers.redhat-highcontrast.json +22 -0
- package/config.layers.redhat.json +22 -0
- package/config.redhat-dark.json +25 -0
- package/config.redhat-glass-dark.json +25 -0
- package/config.redhat-glass.json +26 -0
- package/config.redhat-highcontrast-dark.json +25 -0
- package/config.redhat-highcontrast.json +26 -0
- package/config.redhat.json +26 -0
- package/package.json +2 -2
- package/patternfly-docs/content/all-patternfly-tokens.md +24 -1
- package/patternfly-docs/content/token-layers-glass-dark.json +38562 -0
- package/patternfly-docs/content/token-layers-glass.json +41600 -0
- package/patternfly-docs/content/token-layers-highcontrast-dark.json +38385 -0
- package/patternfly-docs/content/token-layers-highcontrast.json +53091 -0
- package/patternfly-docs/content/token-layers-redhat-dark.json +48501 -0
- package/patternfly-docs/content/token-layers-redhat-glass-dark.json +38233 -0
- package/patternfly-docs/content/token-layers-redhat-glass.json +41282 -0
- package/patternfly-docs/content/token-layers-redhat-highcontrast-dark.json +38223 -0
- package/patternfly-docs/content/token-layers-redhat-highcontrast.json +52773 -0
- package/patternfly-docs/content/token-layers-redhat.json +65159 -0
- package/plugins/export-patternfly-tokens/dist/code.js +26 -10
- package/plugins/export-patternfly-tokens/dist/ui.html +65 -21
- package/plugins/export-patternfly-tokens/src/code.ts +29 -10
- package/plugins/export-patternfly-tokens/src/ui.tsx +65 -20
- package/tokens/{dark → default/dark}/base.dark.json +83 -43
- package/tokens/{highcontrast-dark → default/dark}/palette.color.json +8 -0
- package/tokens/{dark → default/dark}/semantic.dark.json +235 -12
- package/tokens/default/{base.dimension.json → glass/base.dimension.json} +12 -12
- package/tokens/{highcontrast → default/glass}/base.json +45 -5
- package/tokens/{dark → default/glass}/palette.color.json +8 -0
- package/tokens/default/glass/semantic.glass.json +1996 -0
- package/tokens/{highcontrast-dark → default/glass-dark}/base.dark.json +83 -43
- package/tokens/{highcontrast → default/glass-dark}/palette.color.json +8 -0
- package/tokens/default/glass-dark/semantic.glass.dark.json +1996 -0
- package/tokens/{highcontrast → default/highcontrast}/base.dimension.json +12 -12
- package/tokens/default/{base.json → highcontrast/base.json} +45 -5
- package/tokens/default/highcontrast/palette.color.json +335 -0
- package/tokens/{highcontrast → default/highcontrast}/semantic.dimension.highcontrast.json +92 -56
- package/tokens/{highcontrast → default/highcontrast}/semantic.highcontrast.json +246 -23
- package/tokens/default/highcontrast-dark/base.dark.json +473 -0
- package/tokens/default/{palette.color.json → highcontrast-dark/palette.color.json} +8 -0
- package/tokens/{highcontrast-dark → default/highcontrast-dark}/semantic.highcontrast.dark.json +234 -11
- package/tokens/default/light/base.dimension.json +387 -0
- package/tokens/default/light/base.json +611 -0
- package/tokens/default/light/palette.color.json +335 -0
- package/tokens/default/{semantic.dimension.json → light/semantic.dimension.json} +95 -59
- package/tokens/default/{semantic.json → light/semantic.json} +235 -12
- package/tokens/default/{semantic.motion.json → light/semantic.motion.json} +18 -18
- package/tokens/redhat/dark/redhat.color.dark.json +62 -0
- package/tokens/redhat/glass/redhat.color.glass.json +49 -0
- package/tokens/redhat/glass-dark/redhat.color.glass.dark.json +62 -0
- package/tokens/redhat/highcontrast/redhat.color.highcontrast.json +49 -0
- package/tokens/redhat/highcontrast/redhat.dimension.highcontrast.json +23 -0
- package/tokens/redhat/highcontrast-dark/redhat.color.highcontrast.dark.json +49 -0
- package/tokens/redhat/light/redhat.color.json +49 -0
- package/tokens/redhat/light/redhat.dimension.json +23 -0
- /package/tokens/{dark → default/dark}/charts.dark.json +0 -0
- /package/tokens/default/{base.motion.json → light/base.motion.json} +0 -0
- /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.
|
|
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={{
|
|
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
|
+
}} />
|