@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,49 @@
|
|
|
1
|
+
|
|
2
|
+
{
|
|
3
|
+
"global": {
|
|
4
|
+
"border": {
|
|
5
|
+
"color": {
|
|
6
|
+
"brand": {
|
|
7
|
+
"accent": {
|
|
8
|
+
"clicked": {
|
|
9
|
+
"description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"value": "{global.dark.color.brand.accent.400}"
|
|
12
|
+
},
|
|
13
|
+
"hover": {
|
|
14
|
+
"description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.",
|
|
15
|
+
"type": "color",
|
|
16
|
+
"value": "{global.dark.color.brand.accent.400}"
|
|
17
|
+
},
|
|
18
|
+
"default": {
|
|
19
|
+
"description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
|
|
20
|
+
"type": "color",
|
|
21
|
+
"value": "{global.dark.color.brand.accent.400}"
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"color": {
|
|
28
|
+
"brand": {
|
|
29
|
+
"accent": {
|
|
30
|
+
"hover": {
|
|
31
|
+
"description": "Use as the hover state for elements that have a branded background color",
|
|
32
|
+
"type": "color",
|
|
33
|
+
"value": "{global.dark.color.brand.accent.350}"
|
|
34
|
+
},
|
|
35
|
+
"clicked": {
|
|
36
|
+
"description": "Use as the clicked state for elements that have a brand background color",
|
|
37
|
+
"type": "color",
|
|
38
|
+
"value": "{global.dark.color.brand.accent.350}"
|
|
39
|
+
},
|
|
40
|
+
"default": {
|
|
41
|
+
"description": "Use this color for elements that you want to reinforce your brand",
|
|
42
|
+
"type": "color",
|
|
43
|
+
"value": "{global.dark.color.brand.accent.300}"
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
|
|
2
|
+
{
|
|
3
|
+
"global": {
|
|
4
|
+
"border": {
|
|
5
|
+
"color": {
|
|
6
|
+
"brand": {
|
|
7
|
+
"accent": {
|
|
8
|
+
"clicked": {
|
|
9
|
+
"description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.",
|
|
10
|
+
"type": "color",
|
|
11
|
+
"value": "{global.color.brand.accent.400}"
|
|
12
|
+
},
|
|
13
|
+
"hover": {
|
|
14
|
+
"description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.",
|
|
15
|
+
"type": "color",
|
|
16
|
+
"value": "{global.color.brand.accent.400}"
|
|
17
|
+
},
|
|
18
|
+
"default": {
|
|
19
|
+
"description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
|
|
20
|
+
"type": "color",
|
|
21
|
+
"value": "{global.color.brand.accent.400}"
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"color": {
|
|
28
|
+
"brand": {
|
|
29
|
+
"accent": {
|
|
30
|
+
"hover": {
|
|
31
|
+
"description": "Use as the hover state for elements that have a branded background color",
|
|
32
|
+
"type": "color",
|
|
33
|
+
"value": "{global.color.brand.accent.200}"
|
|
34
|
+
},
|
|
35
|
+
"clicked": {
|
|
36
|
+
"description": "Use as the clicked state for elements that have a brand background color",
|
|
37
|
+
"type": "color",
|
|
38
|
+
"value": "{global.color.brand.accent.200}"
|
|
39
|
+
},
|
|
40
|
+
"default": {
|
|
41
|
+
"description": "Use this color for elements that you want to reinforce your brand",
|
|
42
|
+
"type": "color",
|
|
43
|
+
"value": "{global.color.brand.accent.100}"
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
|
|
2
|
+
{
|
|
3
|
+
"global": {
|
|
4
|
+
"border": {
|
|
5
|
+
"radius": {
|
|
6
|
+
"control": {
|
|
7
|
+
"default": {
|
|
8
|
+
"type": "number",
|
|
9
|
+
"value": "{global.border.radius.pill}"
|
|
10
|
+
}
|
|
11
|
+
},
|
|
12
|
+
"action": {
|
|
13
|
+
"plain": {
|
|
14
|
+
"default": {
|
|
15
|
+
"type": "number",
|
|
16
|
+
"value": "{global.border.radius.pill}"
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|