@patternfly/design-tokens 1.15.1 → 1.16.0

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 (83) 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/patternfly-docs/content/tokensTable.css +178 -0
  39. package/patternfly-docs/content/tokensTable.js +1078 -180
  40. package/patternfly-docs/content/tokensToolbar.js +240 -11
  41. package/patternfly-docs/generated/foundations-and-styles/design-tokens/all-design-tokens/design-tokens.js +37 -3
  42. package/patternfly-docs/generated/index.js +1 -0
  43. package/plugins/export-patternfly-tokens/dist/ui.html +344 -334
  44. package/plugins/export-patternfly-tokens/src/ui.tsx +44 -34
  45. package/tokens/default/dark/base.dark.json +42 -42
  46. package/tokens/default/dark/charts.dark.json +32 -32
  47. package/tokens/default/dark/charts.highcontrast.dark.json +765 -0
  48. package/tokens/default/dark/palette.color.json +4 -4
  49. package/tokens/default/dark/semantic.dark.json +115 -115
  50. package/tokens/default/glass/base.dimension.json +24 -24
  51. package/tokens/default/glass/palette.color.json +4 -4
  52. package/tokens/default/glass/semantic.dimension.glass.json +137 -141
  53. package/tokens/default/glass/semantic.glass.json +114 -114
  54. package/tokens/default/glass-dark/base.dark.json +42 -42
  55. package/tokens/default/glass-dark/palette.color.json +4 -4
  56. package/tokens/default/glass-dark/semantic.glass.dark.json +115 -115
  57. package/tokens/default/highcontrast/base.dimension.json +24 -24
  58. package/tokens/default/highcontrast/palette.color.json +4 -4
  59. package/tokens/default/highcontrast/semantic.dimension.highcontrast.json +136 -140
  60. package/tokens/default/highcontrast/semantic.highcontrast.json +114 -114
  61. package/tokens/default/highcontrast-dark/base.dark.json +42 -42
  62. package/tokens/default/highcontrast-dark/palette.color.json +4 -4
  63. package/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json +115 -115
  64. package/tokens/default/light/base.dimension.json +24 -24
  65. package/tokens/default/light/charts.highcontrast.json +765 -0
  66. package/tokens/default/light/charts.json +32 -32
  67. package/tokens/default/light/palette.color.json +4 -4
  68. package/tokens/default/light/semantic.dimension.json +137 -141
  69. package/tokens/default/light/semantic.json +114 -114
  70. package/tokens/default/light/semantic.motion.json +17 -17
  71. package/tokens/{redhat/dark/redhat.color.dark.json → felt/dark/felt.color.dark.json} +19 -19
  72. package/tokens/{redhat/light/redhat.color.json → felt/glass/felt.color.glass.json} +10 -10
  73. package/tokens/{redhat/highcontrast/redhat.dimension.highcontrast.json → felt/glass/felt.dimension.glass.json} +6 -6
  74. package/tokens/{redhat/glass-dark/redhat.color.glass.dark.json → felt/glass-dark/felt.color.glass.dark.json} +22 -17
  75. package/tokens/{redhat/highcontrast/redhat.color.highcontrast.json → felt/highcontrast/felt.color.highcontrast.json} +10 -10
  76. package/tokens/{redhat/light/redhat.dimension.json → felt/highcontrast/felt.dimension.highcontrast.json} +6 -6
  77. package/tokens/{redhat/highcontrast-dark/redhat.color.highcontrast.dark.json → felt/highcontrast-dark/felt.color.highcontrast.dark.json} +10 -10
  78. package/tokens/{redhat/glass/redhat.color.glass.json → felt/light/felt.color.json} +10 -10
  79. package/tokens/felt/light/felt.dimension.json +23 -0
  80. package/tokens/redhat/glass/redhat.dimension.glass.json +0 -2
  81. /package/{config.redhat-highcontrast.json → config.felt-highcontrast.json} +0 -0
  82. /package/{config.layers.redhat-highcontrast.json → config.layers.felt-highcontrast.json} +0 -0
  83. /package/{config.layers.redhat.json → config.layers.felt.json} +0 -0
@@ -4,11 +4,6 @@
4
4
  "color": {
5
5
  "brand": {
6
6
  "accent": {
7
- "default": {
8
- "description": "Use this color for elements that you want to reinforce your brand",
9
- "type": "color",
10
- "value": "{global.dark.color.brand.accent.400}"
11
- },
12
7
  "hover": {
13
8
  "description": "Use as the hover state for elements that have a branded background color",
14
9
  "type": "color",
@@ -18,6 +13,11 @@
18
13
  "description": "Use as the clicked state for elements that have a brand background color",
19
14
  "type": "color",
20
15
  "value": "{global.dark.color.brand.accent.350}"
16
+ },
17
+ "default": {
18
+ "description": "Use this color for elements that you want to reinforce your brand",
19
+ "type": "color",
20
+ "value": "{global.dark.color.brand.accent.400}"
21
21
  }
22
22
  }
23
23
  }
@@ -26,11 +26,6 @@
26
26
  "color": {
27
27
  "brand": {
28
28
  "accent": {
29
- "default": {
30
- "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
31
- "type": "color",
32
- "value": "{global.dark.color.brand.accent.400}"
33
- },
34
29
  "hover": {
35
30
  "description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.",
36
31
  "type": "color",
@@ -40,6 +35,11 @@
40
35
  "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.",
41
36
  "type": "color",
42
37
  "value": "{global.dark.color.brand.accent.400}"
38
+ },
39
+ "default": {
40
+ "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
41
+ "type": "color",
42
+ "value": "{global.dark.color.brand.accent.400}"
43
43
  }
44
44
  }
45
45
  }
@@ -4,11 +4,6 @@
4
4
  "color": {
5
5
  "brand": {
6
6
  "accent": {
7
- "default": {
8
- "description": "Use this color for elements that you want to reinforce your brand",
9
- "type": "color",
10
- "value": "{global.color.brand.accent.100}"
11
- },
12
7
  "hover": {
13
8
  "description": "Use as the hover state for elements that have a branded background color",
14
9
  "type": "color",
@@ -18,6 +13,11 @@
18
13
  "description": "Use as the clicked state for elements that have a brand background color",
19
14
  "type": "color",
20
15
  "value": "{global.color.brand.accent.200}"
16
+ },
17
+ "default": {
18
+ "description": "Use this color for elements that you want to reinforce your brand",
19
+ "type": "color",
20
+ "value": "{global.color.brand.accent.100}"
21
21
  }
22
22
  }
23
23
  }
@@ -26,11 +26,6 @@
26
26
  "color": {
27
27
  "brand": {
28
28
  "accent": {
29
- "default": {
30
- "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
31
- "type": "color",
32
- "value": "{global.color.brand.accent.400}"
33
- },
34
29
  "hover": {
35
30
  "description": "Use as the hover state border color for any branded element, like color-coded labels, banners, etc.",
36
31
  "type": "color",
@@ -40,6 +35,11 @@
40
35
  "description": "Use as the clicked state border color for any branded element, like color-coded labels, banners, etc.",
41
36
  "type": "color",
42
37
  "value": "{global.color.brand.accent.400}"
38
+ },
39
+ "default": {
40
+ "description": "Use as the default border color for any branded element, like color-coded labels, banners, etc.",
41
+ "type": "color",
42
+ "value": "{global.color.brand.accent.400}"
43
43
  }
44
44
  }
45
45
  }
@@ -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
+ }