@patternfly/react-tokens 6.5.0-prerelease.21 → 6.5.0-prerelease.23

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 (94) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/esm/c_banner.d.ts +9 -0
  3. package/dist/esm/c_banner.js +9 -0
  4. package/dist/esm/c_banner_m_pill_BorderRadius.d.ts +6 -0
  5. package/dist/esm/c_banner_m_pill_BorderRadius.js +6 -0
  6. package/dist/esm/c_hero.d.ts +78 -55
  7. package/dist/esm/c_hero.js +78 -55
  8. package/dist/esm/c_hero_BorderColor.d.ts +1 -1
  9. package/dist/esm/c_hero_BorderColor.js +1 -1
  10. package/dist/esm/c_hero_BorderEndEndRadius.d.ts +1 -1
  11. package/dist/esm/c_hero_BorderEndEndRadius.js +1 -1
  12. package/dist/esm/c_hero_BorderEndStartRadius.d.ts +1 -1
  13. package/dist/esm/c_hero_BorderEndStartRadius.js +1 -1
  14. package/dist/esm/c_hero_BorderStartEndRadius.d.ts +1 -1
  15. package/dist/esm/c_hero_BorderStartEndRadius.js +1 -1
  16. package/dist/esm/c_hero_BorderStartStartRadius.d.ts +1 -1
  17. package/dist/esm/c_hero_BorderStartStartRadius.js +1 -1
  18. package/dist/esm/c_hero_PaddingBlockEnd.d.ts +1 -1
  19. package/dist/esm/c_hero_PaddingBlockEnd.js +1 -1
  20. package/dist/esm/c_hero_PaddingBlockStart.d.ts +1 -1
  21. package/dist/esm/c_hero_PaddingBlockStart.js +1 -1
  22. package/dist/esm/c_hero_PaddingInlineEnd.d.ts +1 -1
  23. package/dist/esm/c_hero_PaddingInlineEnd.js +1 -1
  24. package/dist/esm/c_hero_m_glass_BackdropFilter.d.ts +6 -0
  25. package/dist/esm/c_hero_m_glass_BackdropFilter.js +6 -0
  26. package/dist/esm/c_hero_m_glass_BackgroundColor.d.ts +6 -0
  27. package/dist/esm/c_hero_m_glass_BackgroundColor.js +6 -0
  28. package/dist/esm/c_hero_m_glass_BorderColor.d.ts +1 -1
  29. package/dist/esm/c_hero_m_glass_BorderColor.js +1 -1
  30. package/dist/esm/c_page.d.ts +70 -0
  31. package/dist/esm/c_page.js +70 -0
  32. package/dist/esm/c_page_section_m_sticky_bottom_BackgroundColor.d.ts +6 -0
  33. package/dist/esm/c_page_section_m_sticky_bottom_BackgroundColor.js +6 -0
  34. package/dist/esm/c_page_section_m_sticky_bottom_TransitionDuration.d.ts +6 -0
  35. package/dist/esm/c_page_section_m_sticky_bottom_TransitionDuration.js +6 -0
  36. package/dist/esm/c_page_section_m_sticky_bottom_TransitionTimingFunction.d.ts +6 -0
  37. package/dist/esm/c_page_section_m_sticky_bottom_TransitionTimingFunction.js +6 -0
  38. package/dist/esm/c_page_section_m_sticky_top_BackgroundColor.d.ts +6 -0
  39. package/dist/esm/c_page_section_m_sticky_top_BackgroundColor.js +6 -0
  40. package/dist/esm/c_page_section_m_sticky_top_TransitionDuration.d.ts +6 -0
  41. package/dist/esm/c_page_section_m_sticky_top_TransitionDuration.js +6 -0
  42. package/dist/esm/c_page_section_m_sticky_top_TransitionTimingFunction.d.ts +6 -0
  43. package/dist/esm/c_page_section_m_sticky_top_TransitionTimingFunction.js +6 -0
  44. package/dist/esm/index.d.ts +11 -3
  45. package/dist/esm/index.js +11 -3
  46. package/dist/js/c_banner.d.ts +9 -0
  47. package/dist/js/c_banner.js +9 -0
  48. package/dist/js/c_banner_m_pill_BorderRadius.d.ts +6 -0
  49. package/dist/js/c_banner_m_pill_BorderRadius.js +8 -0
  50. package/dist/js/c_hero.d.ts +78 -55
  51. package/dist/js/c_hero.js +78 -55
  52. package/dist/js/c_hero_BorderColor.d.ts +1 -1
  53. package/dist/js/c_hero_BorderColor.js +1 -1
  54. package/dist/js/c_hero_BorderEndEndRadius.d.ts +1 -1
  55. package/dist/js/c_hero_BorderEndEndRadius.js +1 -1
  56. package/dist/js/c_hero_BorderEndStartRadius.d.ts +1 -1
  57. package/dist/js/c_hero_BorderEndStartRadius.js +1 -1
  58. package/dist/js/c_hero_BorderStartEndRadius.d.ts +1 -1
  59. package/dist/js/c_hero_BorderStartEndRadius.js +1 -1
  60. package/dist/js/c_hero_BorderStartStartRadius.d.ts +1 -1
  61. package/dist/js/c_hero_BorderStartStartRadius.js +1 -1
  62. package/dist/js/c_hero_PaddingBlockEnd.d.ts +1 -1
  63. package/dist/js/c_hero_PaddingBlockEnd.js +1 -1
  64. package/dist/js/c_hero_PaddingBlockStart.d.ts +1 -1
  65. package/dist/js/c_hero_PaddingBlockStart.js +1 -1
  66. package/dist/js/c_hero_PaddingInlineEnd.d.ts +1 -1
  67. package/dist/js/c_hero_PaddingInlineEnd.js +1 -1
  68. package/dist/js/c_hero_m_glass_BackdropFilter.d.ts +6 -0
  69. package/dist/js/c_hero_m_glass_BackdropFilter.js +8 -0
  70. package/dist/js/c_hero_m_glass_BackgroundColor.d.ts +6 -0
  71. package/dist/js/c_hero_m_glass_BackgroundColor.js +8 -0
  72. package/dist/js/c_hero_m_glass_BorderColor.d.ts +1 -1
  73. package/dist/js/c_hero_m_glass_BorderColor.js +1 -1
  74. package/dist/js/c_page.d.ts +70 -0
  75. package/dist/js/c_page.js +70 -0
  76. package/dist/js/c_page_section_m_sticky_bottom_BackgroundColor.d.ts +6 -0
  77. package/dist/js/c_page_section_m_sticky_bottom_BackgroundColor.js +8 -0
  78. package/dist/js/c_page_section_m_sticky_bottom_TransitionDuration.d.ts +6 -0
  79. package/dist/js/c_page_section_m_sticky_bottom_TransitionDuration.js +8 -0
  80. package/dist/js/c_page_section_m_sticky_bottom_TransitionTimingFunction.d.ts +6 -0
  81. package/dist/js/c_page_section_m_sticky_bottom_TransitionTimingFunction.js +8 -0
  82. package/dist/js/c_page_section_m_sticky_top_BackgroundColor.d.ts +6 -0
  83. package/dist/js/c_page_section_m_sticky_top_BackgroundColor.js +8 -0
  84. package/dist/js/c_page_section_m_sticky_top_TransitionDuration.d.ts +6 -0
  85. package/dist/js/c_page_section_m_sticky_top_TransitionDuration.js +8 -0
  86. package/dist/js/c_page_section_m_sticky_top_TransitionTimingFunction.d.ts +6 -0
  87. package/dist/js/c_page_section_m_sticky_top_TransitionTimingFunction.js +8 -0
  88. package/dist/js/index.d.ts +11 -3
  89. package/dist/js/index.js +11 -3
  90. package/package.json +3 -3
  91. package/dist/esm/c_hero_BackdropFilter.d.ts +0 -6
  92. package/dist/esm/c_hero_BackdropFilter.js +0 -6
  93. package/dist/js/c_hero_BackdropFilter.d.ts +0 -6
  94. package/dist/js/c_hero_BackdropFilter.js +0 -8
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [6.5.0-prerelease.23](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.22...@patternfly/react-tokens@6.5.0-prerelease.23) (2026-05-08)
7
+
8
+ ### Features
9
+
10
+ - **Hero:** glass styling update ([#12412](https://github.com/patternfly/patternfly-react/issues/12412)) ([bea138e](https://github.com/patternfly/patternfly-react/commit/bea138ecd4d33a2f591dac628b875b295ec71c31))
11
+
12
+ # [6.5.0-prerelease.22](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.21...@patternfly/react-tokens@6.5.0-prerelease.22) (2026-05-08)
13
+
14
+ ### Features
15
+
16
+ - **Page:** add dynamic sticky section support ([#12409](https://github.com/patternfly/patternfly-react/issues/12409)) ([97b29d3](https://github.com/patternfly/patternfly-react/commit/97b29d3fafc14ee01f0bbf0d2bdbc527d62f2a16))
17
+
6
18
  # [6.5.0-prerelease.21](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.20...@patternfly/react-tokens@6.5.0-prerelease.21) (2026-05-07)
7
19
 
8
20
  ### Features
@@ -430,6 +430,15 @@ export const c_banner: {
430
430
  "--pf-t--color--gray--95",
431
431
  "#151515"
432
432
  ]
433
+ },
434
+ "c_banner_m_pill_BorderRadius": {
435
+ "name": "--pf-v6-c-banner--m-pill--BorderRadius",
436
+ "value": "999px",
437
+ "values": [
438
+ "--pf-t--global--border--radius--pill",
439
+ "--pf-t--global--border--radius--500",
440
+ "999px"
441
+ ]
433
442
  }
434
443
  },
435
444
  ".pf-v6-c-banner.pf-m-danger": {
@@ -430,6 +430,15 @@ export const c_banner = {
430
430
  "--pf-t--color--gray--95",
431
431
  "#151515"
432
432
  ]
433
+ },
434
+ "c_banner_m_pill_BorderRadius": {
435
+ "name": "--pf-v6-c-banner--m-pill--BorderRadius",
436
+ "value": "999px",
437
+ "values": [
438
+ "--pf-t--global--border--radius--pill",
439
+ "--pf-t--global--border--radius--500",
440
+ "999px"
441
+ ]
433
442
  }
434
443
  },
435
444
  ".pf-v6-c-banner.pf-m-danger": {
@@ -0,0 +1,6 @@
1
+ export const c_banner_m_pill_BorderRadius: {
2
+ "name": "--pf-v6-c-banner--m-pill--BorderRadius",
3
+ "value": "999px",
4
+ "var": "var(--pf-v6-c-banner--m-pill--BorderRadius)"
5
+ };
6
+ export default c_banner_m_pill_BorderRadius;
@@ -0,0 +1,6 @@
1
+ export const c_banner_m_pill_BorderRadius = {
2
+ "name": "--pf-v6-c-banner--m-pill--BorderRadius",
3
+ "value": "999px",
4
+ "var": "var(--pf-v6-c-banner--m-pill--BorderRadius)"
5
+ };
6
+ export default c_banner_m_pill_BorderRadius;
@@ -2,20 +2,20 @@ export const c_hero: {
2
2
  ".pf-v6-c-hero": {
3
3
  "c_hero_PaddingBlockStart": {
4
4
  "name": "--pf-v6-c-hero--PaddingBlockStart",
5
- "value": "2rem",
5
+ "value": "4rem",
6
6
  "values": [
7
- "--pf-t--global--spacer--xl",
8
- "--pf-t--global--spacer--500",
9
- "2rem"
7
+ "--pf-t--global--spacer--3xl",
8
+ "--pf-t--global--spacer--700",
9
+ "4rem"
10
10
  ]
11
11
  },
12
12
  "c_hero_PaddingBlockEnd": {
13
13
  "name": "--pf-v6-c-hero--PaddingBlockEnd",
14
- "value": "2rem",
14
+ "value": "4rem",
15
15
  "values": [
16
- "--pf-t--global--spacer--xl",
17
- "--pf-t--global--spacer--500",
18
- "2rem"
16
+ "--pf-t--global--spacer--3xl",
17
+ "--pf-t--global--spacer--700",
18
+ "4rem"
19
19
  ]
20
20
  },
21
21
  "c_hero_PaddingInlineStart": {
@@ -29,11 +29,11 @@ export const c_hero: {
29
29
  },
30
30
  "c_hero_PaddingInlineEnd": {
31
31
  "name": "--pf-v6-c-hero--PaddingInlineEnd",
32
- "value": "2rem",
32
+ "value": "4rem",
33
33
  "values": [
34
- "--pf-t--global--spacer--xl",
35
- "--pf-t--global--spacer--500",
36
- "2rem"
34
+ "--pf-t--global--spacer--3xl",
35
+ "--pf-t--global--spacer--700",
36
+ "4rem"
37
37
  ]
38
38
  },
39
39
  "c_hero_gradient_angle": {
@@ -66,18 +66,11 @@ export const c_hero: {
66
66
  },
67
67
  "c_hero_BackgroundColor": {
68
68
  "name": "--pf-v6-c-hero--BackgroundColor",
69
- "value": "initial",
70
- "values": [
71
- "--pf-t--global--background--color--glass--primary--default",
72
- "initial"
73
- ]
74
- },
75
- "c_hero_BackdropFilter": {
76
- "name": "--pf-v6-c-hero--BackdropFilter",
77
- "value": "initial",
69
+ "value": "rgba(199, 199, 199, 0.2500)",
78
70
  "values": [
79
- "--pf-t--global--background--filter--glass--blur--primary",
80
- "initial"
71
+ "--pf-t--global--background--color--tertiary--default",
72
+ "--pf-t--global--background--color--600",
73
+ "rgba(199, 199, 199, 0.2500)"
81
74
  ]
82
75
  },
83
76
  "c_hero_BackgroundImage_light": {
@@ -150,42 +143,31 @@ export const c_hero: {
150
143
  "#c7c7c7"
151
144
  ]
152
145
  },
153
- "c_hero_m_glass_BorderColor": {
154
- "name": "--pf-v6-c-hero--m-glass--BorderColor",
155
- "value": "#ffffff",
156
- "values": [
157
- "--pf-t--global--border--color--alt",
158
- "--pf-t--global--background--color--primary--default",
159
- "--pf-t--global--background--color--100",
160
- "--pf-t--color--white",
161
- "#ffffff"
162
- ]
163
- },
164
- "c_hero_m_glass_BoxShadow": {
165
- "name": "--pf-v6-c-hero--m-glass--BoxShadow",
166
- "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
167
- "values": [
168
- "--pf-t--global--box-shadow--md",
169
- "--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default",
170
- "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
171
- "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
172
- ]
173
- },
174
146
  "c_hero_BorderStartStartRadius": {
175
147
  "name": "--pf-v6-c-hero--BorderStartStartRadius",
176
- "value": "24px"
148
+ "value": "16px",
149
+ "values": [
150
+ "--pf-t--global--border--radius--medium",
151
+ "--pf-t--global--border--radius--300",
152
+ "16px"
153
+ ]
177
154
  },
178
155
  "c_hero_BorderStartEndRadius": {
179
156
  "name": "--pf-v6-c-hero--BorderStartEndRadius",
180
- "value": "72px"
157
+ "value": "48px"
181
158
  },
182
159
  "c_hero_BorderEndEndRadius": {
183
160
  "name": "--pf-v6-c-hero--BorderEndEndRadius",
184
- "value": "24px"
161
+ "value": "16px",
162
+ "values": [
163
+ "--pf-t--global--border--radius--medium",
164
+ "--pf-t--global--border--radius--300",
165
+ "16px"
166
+ ]
185
167
  },
186
168
  "c_hero_BorderEndStartRadius": {
187
169
  "name": "--pf-v6-c-hero--BorderEndStartRadius",
188
- "value": "72px"
170
+ "value": "48px"
189
171
  },
190
172
  "c_hero__body_Width": {
191
173
  "name": "--pf-v6-c-hero__body--Width",
@@ -194,19 +176,60 @@ export const c_hero: {
194
176
  "c_hero__body_MaxWidth": {
195
177
  "name": "--pf-v6-c-hero__body--MaxWidth",
196
178
  "value": "80%"
179
+ },
180
+ "c_hero_m_glass_BackgroundColor": {
181
+ "name": "--pf-v6-c-hero--m-glass--BackgroundColor",
182
+ "value": "initial",
183
+ "values": [
184
+ "--pf-t--global--background--color--glass--primary--default",
185
+ "initial"
186
+ ]
187
+ },
188
+ "c_hero_m_glass_BackdropFilter": {
189
+ "name": "--pf-v6-c-hero--m-glass--BackdropFilter",
190
+ "value": "initial",
191
+ "values": [
192
+ "--pf-t--global--background--filter--glass--blur--primary",
193
+ "initial"
194
+ ]
195
+ },
196
+ "c_hero_m_glass_BorderColor": {
197
+ "name": "--pf-v6-c-hero--m-glass--BorderColor",
198
+ "value": "initial",
199
+ "values": [
200
+ "--pf-t--global--border--color--glass--default",
201
+ "initial"
202
+ ]
203
+ },
204
+ "c_hero_m_glass_BoxShadow": {
205
+ "name": "--pf-v6-c-hero--m-glass--BoxShadow",
206
+ "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
207
+ "values": [
208
+ "--pf-t--global--box-shadow--glass--default",
209
+ "--pf-t--global--box-shadow--md",
210
+ "--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default",
211
+ "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
212
+ "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
213
+ ]
197
214
  }
198
215
  },
199
- ":root:where(.pf-v6-theme-glass) .pf-v6-c-hero": {
216
+ ":where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass": {
200
217
  "c_hero_BorderColor": {
201
218
  "name": "--pf-v6-c-hero--BorderColor",
202
- "value": "#ffffff",
219
+ "value": "initial",
203
220
  "values": [
204
221
  "--pf-v6-c-hero--m-glass--BorderColor",
205
- "--pf-t--global--border--color--alt",
206
- "--pf-t--global--background--color--primary--default",
207
- "--pf-t--global--background--color--100",
208
- "--pf-t--color--white",
209
- "#ffffff"
222
+ "--pf-t--global--border--color--glass--default",
223
+ "initial"
224
+ ]
225
+ },
226
+ "c_hero_BackgroundColor": {
227
+ "name": "--pf-v6-c-hero--BackgroundColor",
228
+ "value": "initial",
229
+ "values": [
230
+ "--pf-v6-c-hero--m-glass--BackgroundColor",
231
+ "--pf-t--global--background--color--glass--primary--default",
232
+ "initial"
210
233
  ]
211
234
  }
212
235
  }
@@ -2,20 +2,20 @@ export const c_hero = {
2
2
  ".pf-v6-c-hero": {
3
3
  "c_hero_PaddingBlockStart": {
4
4
  "name": "--pf-v6-c-hero--PaddingBlockStart",
5
- "value": "2rem",
5
+ "value": "4rem",
6
6
  "values": [
7
- "--pf-t--global--spacer--xl",
8
- "--pf-t--global--spacer--500",
9
- "2rem"
7
+ "--pf-t--global--spacer--3xl",
8
+ "--pf-t--global--spacer--700",
9
+ "4rem"
10
10
  ]
11
11
  },
12
12
  "c_hero_PaddingBlockEnd": {
13
13
  "name": "--pf-v6-c-hero--PaddingBlockEnd",
14
- "value": "2rem",
14
+ "value": "4rem",
15
15
  "values": [
16
- "--pf-t--global--spacer--xl",
17
- "--pf-t--global--spacer--500",
18
- "2rem"
16
+ "--pf-t--global--spacer--3xl",
17
+ "--pf-t--global--spacer--700",
18
+ "4rem"
19
19
  ]
20
20
  },
21
21
  "c_hero_PaddingInlineStart": {
@@ -29,11 +29,11 @@ export const c_hero = {
29
29
  },
30
30
  "c_hero_PaddingInlineEnd": {
31
31
  "name": "--pf-v6-c-hero--PaddingInlineEnd",
32
- "value": "2rem",
32
+ "value": "4rem",
33
33
  "values": [
34
- "--pf-t--global--spacer--xl",
35
- "--pf-t--global--spacer--500",
36
- "2rem"
34
+ "--pf-t--global--spacer--3xl",
35
+ "--pf-t--global--spacer--700",
36
+ "4rem"
37
37
  ]
38
38
  },
39
39
  "c_hero_gradient_angle": {
@@ -66,18 +66,11 @@ export const c_hero = {
66
66
  },
67
67
  "c_hero_BackgroundColor": {
68
68
  "name": "--pf-v6-c-hero--BackgroundColor",
69
- "value": "initial",
70
- "values": [
71
- "--pf-t--global--background--color--glass--primary--default",
72
- "initial"
73
- ]
74
- },
75
- "c_hero_BackdropFilter": {
76
- "name": "--pf-v6-c-hero--BackdropFilter",
77
- "value": "initial",
69
+ "value": "rgba(199, 199, 199, 0.2500)",
78
70
  "values": [
79
- "--pf-t--global--background--filter--glass--blur--primary",
80
- "initial"
71
+ "--pf-t--global--background--color--tertiary--default",
72
+ "--pf-t--global--background--color--600",
73
+ "rgba(199, 199, 199, 0.2500)"
81
74
  ]
82
75
  },
83
76
  "c_hero_BackgroundImage_light": {
@@ -150,42 +143,31 @@ export const c_hero = {
150
143
  "#c7c7c7"
151
144
  ]
152
145
  },
153
- "c_hero_m_glass_BorderColor": {
154
- "name": "--pf-v6-c-hero--m-glass--BorderColor",
155
- "value": "#ffffff",
156
- "values": [
157
- "--pf-t--global--border--color--alt",
158
- "--pf-t--global--background--color--primary--default",
159
- "--pf-t--global--background--color--100",
160
- "--pf-t--color--white",
161
- "#ffffff"
162
- ]
163
- },
164
- "c_hero_m_glass_BoxShadow": {
165
- "name": "--pf-v6-c-hero--m-glass--BoxShadow",
166
- "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
167
- "values": [
168
- "--pf-t--global--box-shadow--md",
169
- "--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default",
170
- "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
171
- "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
172
- ]
173
- },
174
146
  "c_hero_BorderStartStartRadius": {
175
147
  "name": "--pf-v6-c-hero--BorderStartStartRadius",
176
- "value": "24px"
148
+ "value": "16px",
149
+ "values": [
150
+ "--pf-t--global--border--radius--medium",
151
+ "--pf-t--global--border--radius--300",
152
+ "16px"
153
+ ]
177
154
  },
178
155
  "c_hero_BorderStartEndRadius": {
179
156
  "name": "--pf-v6-c-hero--BorderStartEndRadius",
180
- "value": "72px"
157
+ "value": "48px"
181
158
  },
182
159
  "c_hero_BorderEndEndRadius": {
183
160
  "name": "--pf-v6-c-hero--BorderEndEndRadius",
184
- "value": "24px"
161
+ "value": "16px",
162
+ "values": [
163
+ "--pf-t--global--border--radius--medium",
164
+ "--pf-t--global--border--radius--300",
165
+ "16px"
166
+ ]
185
167
  },
186
168
  "c_hero_BorderEndStartRadius": {
187
169
  "name": "--pf-v6-c-hero--BorderEndStartRadius",
188
- "value": "72px"
170
+ "value": "48px"
189
171
  },
190
172
  "c_hero__body_Width": {
191
173
  "name": "--pf-v6-c-hero__body--Width",
@@ -194,19 +176,60 @@ export const c_hero = {
194
176
  "c_hero__body_MaxWidth": {
195
177
  "name": "--pf-v6-c-hero__body--MaxWidth",
196
178
  "value": "80%"
179
+ },
180
+ "c_hero_m_glass_BackgroundColor": {
181
+ "name": "--pf-v6-c-hero--m-glass--BackgroundColor",
182
+ "value": "initial",
183
+ "values": [
184
+ "--pf-t--global--background--color--glass--primary--default",
185
+ "initial"
186
+ ]
187
+ },
188
+ "c_hero_m_glass_BackdropFilter": {
189
+ "name": "--pf-v6-c-hero--m-glass--BackdropFilter",
190
+ "value": "initial",
191
+ "values": [
192
+ "--pf-t--global--background--filter--glass--blur--primary",
193
+ "initial"
194
+ ]
195
+ },
196
+ "c_hero_m_glass_BorderColor": {
197
+ "name": "--pf-v6-c-hero--m-glass--BorderColor",
198
+ "value": "initial",
199
+ "values": [
200
+ "--pf-t--global--border--color--glass--default",
201
+ "initial"
202
+ ]
203
+ },
204
+ "c_hero_m_glass_BoxShadow": {
205
+ "name": "--pf-v6-c-hero--m-glass--BoxShadow",
206
+ "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
207
+ "values": [
208
+ "--pf-t--global--box-shadow--glass--default",
209
+ "--pf-t--global--box-shadow--md",
210
+ "--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default",
211
+ "--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
212
+ "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
213
+ ]
197
214
  }
198
215
  },
199
- ":root:where(.pf-v6-theme-glass) .pf-v6-c-hero": {
216
+ ":where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass": {
200
217
  "c_hero_BorderColor": {
201
218
  "name": "--pf-v6-c-hero--BorderColor",
202
- "value": "#ffffff",
219
+ "value": "initial",
203
220
  "values": [
204
221
  "--pf-v6-c-hero--m-glass--BorderColor",
205
- "--pf-t--global--border--color--alt",
206
- "--pf-t--global--background--color--primary--default",
207
- "--pf-t--global--background--color--100",
208
- "--pf-t--color--white",
209
- "#ffffff"
222
+ "--pf-t--global--border--color--glass--default",
223
+ "initial"
224
+ ]
225
+ },
226
+ "c_hero_BackgroundColor": {
227
+ "name": "--pf-v6-c-hero--BackgroundColor",
228
+ "value": "initial",
229
+ "values": [
230
+ "--pf-v6-c-hero--m-glass--BackgroundColor",
231
+ "--pf-t--global--background--color--glass--primary--default",
232
+ "initial"
210
233
  ]
211
234
  }
212
235
  }
@@ -1,6 +1,6 @@
1
1
  export const c_hero_BorderColor: {
2
2
  "name": "--pf-v6-c-hero--BorderColor",
3
- "value": "#ffffff",
3
+ "value": "initial",
4
4
  "var": "var(--pf-v6-c-hero--BorderColor)"
5
5
  };
6
6
  export default c_hero_BorderColor;
@@ -1,6 +1,6 @@
1
1
  export const c_hero_BorderColor = {
2
2
  "name": "--pf-v6-c-hero--BorderColor",
3
- "value": "#ffffff",
3
+ "value": "initial",
4
4
  "var": "var(--pf-v6-c-hero--BorderColor)"
5
5
  };
6
6
  export default c_hero_BorderColor;
@@ -1,6 +1,6 @@
1
1
  export const c_hero_BorderEndEndRadius: {
2
2
  "name": "--pf-v6-c-hero--BorderEndEndRadius",
3
- "value": "24px",
3
+ "value": "16px",
4
4
  "var": "var(--pf-v6-c-hero--BorderEndEndRadius)"
5
5
  };
6
6
  export default c_hero_BorderEndEndRadius;
@@ -1,6 +1,6 @@
1
1
  export const c_hero_BorderEndEndRadius = {
2
2
  "name": "--pf-v6-c-hero--BorderEndEndRadius",
3
- "value": "24px",
3
+ "value": "16px",
4
4
  "var": "var(--pf-v6-c-hero--BorderEndEndRadius)"
5
5
  };
6
6
  export default c_hero_BorderEndEndRadius;
@@ -1,6 +1,6 @@
1
1
  export const c_hero_BorderEndStartRadius: {
2
2
  "name": "--pf-v6-c-hero--BorderEndStartRadius",
3
- "value": "72px",
3
+ "value": "48px",
4
4
  "var": "var(--pf-v6-c-hero--BorderEndStartRadius)"
5
5
  };
6
6
  export default c_hero_BorderEndStartRadius;
@@ -1,6 +1,6 @@
1
1
  export const c_hero_BorderEndStartRadius = {
2
2
  "name": "--pf-v6-c-hero--BorderEndStartRadius",
3
- "value": "72px",
3
+ "value": "48px",
4
4
  "var": "var(--pf-v6-c-hero--BorderEndStartRadius)"
5
5
  };
6
6
  export default c_hero_BorderEndStartRadius;
@@ -1,6 +1,6 @@
1
1
  export const c_hero_BorderStartEndRadius: {
2
2
  "name": "--pf-v6-c-hero--BorderStartEndRadius",
3
- "value": "72px",
3
+ "value": "48px",
4
4
  "var": "var(--pf-v6-c-hero--BorderStartEndRadius)"
5
5
  };
6
6
  export default c_hero_BorderStartEndRadius;
@@ -1,6 +1,6 @@
1
1
  export const c_hero_BorderStartEndRadius = {
2
2
  "name": "--pf-v6-c-hero--BorderStartEndRadius",
3
- "value": "72px",
3
+ "value": "48px",
4
4
  "var": "var(--pf-v6-c-hero--BorderStartEndRadius)"
5
5
  };
6
6
  export default c_hero_BorderStartEndRadius;
@@ -1,6 +1,6 @@
1
1
  export const c_hero_BorderStartStartRadius: {
2
2
  "name": "--pf-v6-c-hero--BorderStartStartRadius",
3
- "value": "24px",
3
+ "value": "16px",
4
4
  "var": "var(--pf-v6-c-hero--BorderStartStartRadius)"
5
5
  };
6
6
  export default c_hero_BorderStartStartRadius;
@@ -1,6 +1,6 @@
1
1
  export const c_hero_BorderStartStartRadius = {
2
2
  "name": "--pf-v6-c-hero--BorderStartStartRadius",
3
- "value": "24px",
3
+ "value": "16px",
4
4
  "var": "var(--pf-v6-c-hero--BorderStartStartRadius)"
5
5
  };
6
6
  export default c_hero_BorderStartStartRadius;
@@ -1,6 +1,6 @@
1
1
  export const c_hero_PaddingBlockEnd: {
2
2
  "name": "--pf-v6-c-hero--PaddingBlockEnd",
3
- "value": "2rem",
3
+ "value": "4rem",
4
4
  "var": "var(--pf-v6-c-hero--PaddingBlockEnd)"
5
5
  };
6
6
  export default c_hero_PaddingBlockEnd;
@@ -1,6 +1,6 @@
1
1
  export const c_hero_PaddingBlockEnd = {
2
2
  "name": "--pf-v6-c-hero--PaddingBlockEnd",
3
- "value": "2rem",
3
+ "value": "4rem",
4
4
  "var": "var(--pf-v6-c-hero--PaddingBlockEnd)"
5
5
  };
6
6
  export default c_hero_PaddingBlockEnd;
@@ -1,6 +1,6 @@
1
1
  export const c_hero_PaddingBlockStart: {
2
2
  "name": "--pf-v6-c-hero--PaddingBlockStart",
3
- "value": "2rem",
3
+ "value": "4rem",
4
4
  "var": "var(--pf-v6-c-hero--PaddingBlockStart)"
5
5
  };
6
6
  export default c_hero_PaddingBlockStart;
@@ -1,6 +1,6 @@
1
1
  export const c_hero_PaddingBlockStart = {
2
2
  "name": "--pf-v6-c-hero--PaddingBlockStart",
3
- "value": "2rem",
3
+ "value": "4rem",
4
4
  "var": "var(--pf-v6-c-hero--PaddingBlockStart)"
5
5
  };
6
6
  export default c_hero_PaddingBlockStart;
@@ -1,6 +1,6 @@
1
1
  export const c_hero_PaddingInlineEnd: {
2
2
  "name": "--pf-v6-c-hero--PaddingInlineEnd",
3
- "value": "2rem",
3
+ "value": "4rem",
4
4
  "var": "var(--pf-v6-c-hero--PaddingInlineEnd)"
5
5
  };
6
6
  export default c_hero_PaddingInlineEnd;
@@ -1,6 +1,6 @@
1
1
  export const c_hero_PaddingInlineEnd = {
2
2
  "name": "--pf-v6-c-hero--PaddingInlineEnd",
3
- "value": "2rem",
3
+ "value": "4rem",
4
4
  "var": "var(--pf-v6-c-hero--PaddingInlineEnd)"
5
5
  };
6
6
  export default c_hero_PaddingInlineEnd;
@@ -0,0 +1,6 @@
1
+ export const c_hero_m_glass_BackdropFilter: {
2
+ "name": "--pf-v6-c-hero--m-glass--BackdropFilter",
3
+ "value": "initial",
4
+ "var": "var(--pf-v6-c-hero--m-glass--BackdropFilter)"
5
+ };
6
+ export default c_hero_m_glass_BackdropFilter;
@@ -0,0 +1,6 @@
1
+ export const c_hero_m_glass_BackdropFilter = {
2
+ "name": "--pf-v6-c-hero--m-glass--BackdropFilter",
3
+ "value": "initial",
4
+ "var": "var(--pf-v6-c-hero--m-glass--BackdropFilter)"
5
+ };
6
+ export default c_hero_m_glass_BackdropFilter;
@@ -0,0 +1,6 @@
1
+ export const c_hero_m_glass_BackgroundColor: {
2
+ "name": "--pf-v6-c-hero--m-glass--BackgroundColor",
3
+ "value": "initial",
4
+ "var": "var(--pf-v6-c-hero--m-glass--BackgroundColor)"
5
+ };
6
+ export default c_hero_m_glass_BackgroundColor;
@@ -0,0 +1,6 @@
1
+ export const c_hero_m_glass_BackgroundColor = {
2
+ "name": "--pf-v6-c-hero--m-glass--BackgroundColor",
3
+ "value": "initial",
4
+ "var": "var(--pf-v6-c-hero--m-glass--BackgroundColor)"
5
+ };
6
+ export default c_hero_m_glass_BackgroundColor;
@@ -1,6 +1,6 @@
1
1
  export const c_hero_m_glass_BorderColor: {
2
2
  "name": "--pf-v6-c-hero--m-glass--BorderColor",
3
- "value": "#ffffff",
3
+ "value": "initial",
4
4
  "var": "var(--pf-v6-c-hero--m-glass--BorderColor)"
5
5
  };
6
6
  export default c_hero_m_glass_BorderColor;
@@ -1,6 +1,6 @@
1
1
  export const c_hero_m_glass_BorderColor = {
2
2
  "name": "--pf-v6-c-hero--m-glass--BorderColor",
3
- "value": "#ffffff",
3
+ "value": "initial",
4
4
  "var": "var(--pf-v6-c-hero--m-glass--BorderColor)"
5
5
  };
6
6
  export default c_hero_m_glass_BorderColor;