@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
@@ -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
+ }