@patternfly/react-tokens 6.5.0-prerelease.22 → 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 (66) hide show
  1. package/CHANGELOG.md +6 -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/index.d.ts +5 -3
  31. package/dist/esm/index.js +5 -3
  32. package/dist/js/c_banner.d.ts +9 -0
  33. package/dist/js/c_banner.js +9 -0
  34. package/dist/js/c_banner_m_pill_BorderRadius.d.ts +6 -0
  35. package/dist/js/c_banner_m_pill_BorderRadius.js +8 -0
  36. package/dist/js/c_hero.d.ts +78 -55
  37. package/dist/js/c_hero.js +78 -55
  38. package/dist/js/c_hero_BorderColor.d.ts +1 -1
  39. package/dist/js/c_hero_BorderColor.js +1 -1
  40. package/dist/js/c_hero_BorderEndEndRadius.d.ts +1 -1
  41. package/dist/js/c_hero_BorderEndEndRadius.js +1 -1
  42. package/dist/js/c_hero_BorderEndStartRadius.d.ts +1 -1
  43. package/dist/js/c_hero_BorderEndStartRadius.js +1 -1
  44. package/dist/js/c_hero_BorderStartEndRadius.d.ts +1 -1
  45. package/dist/js/c_hero_BorderStartEndRadius.js +1 -1
  46. package/dist/js/c_hero_BorderStartStartRadius.d.ts +1 -1
  47. package/dist/js/c_hero_BorderStartStartRadius.js +1 -1
  48. package/dist/js/c_hero_PaddingBlockEnd.d.ts +1 -1
  49. package/dist/js/c_hero_PaddingBlockEnd.js +1 -1
  50. package/dist/js/c_hero_PaddingBlockStart.d.ts +1 -1
  51. package/dist/js/c_hero_PaddingBlockStart.js +1 -1
  52. package/dist/js/c_hero_PaddingInlineEnd.d.ts +1 -1
  53. package/dist/js/c_hero_PaddingInlineEnd.js +1 -1
  54. package/dist/js/c_hero_m_glass_BackdropFilter.d.ts +6 -0
  55. package/dist/js/c_hero_m_glass_BackdropFilter.js +8 -0
  56. package/dist/js/c_hero_m_glass_BackgroundColor.d.ts +6 -0
  57. package/dist/js/c_hero_m_glass_BackgroundColor.js +8 -0
  58. package/dist/js/c_hero_m_glass_BorderColor.d.ts +1 -1
  59. package/dist/js/c_hero_m_glass_BorderColor.js +1 -1
  60. package/dist/js/index.d.ts +5 -3
  61. package/dist/js/index.js +5 -3
  62. package/package.json +3 -3
  63. package/dist/esm/c_hero_BackdropFilter.d.ts +0 -6
  64. package/dist/esm/c_hero_BackdropFilter.js +0 -6
  65. package/dist/js/c_hero_BackdropFilter.d.ts +0 -6
  66. package/dist/js/c_hero_BackdropFilter.js +0 -8
@@ -393,6 +393,7 @@ export { c_banner_m_blue_BackgroundColor } from './c_banner_m_blue_BackgroundCol
393
393
  export { c_banner_m_blue_Color } from './c_banner_m_blue_Color';
394
394
  export { c_banner_m_purple_BackgroundColor } from './c_banner_m_purple_BackgroundColor';
395
395
  export { c_banner_m_purple_Color } from './c_banner_m_purple_Color';
396
+ export { c_banner_m_pill_BorderRadius } from './c_banner_m_pill_BorderRadius';
396
397
  export { c_button_m_link_m_inline_Color } from './c_button_m_link_m_inline_Color';
397
398
  export { c_button_m_link_m_inline_hover_Color } from './c_button_m_link_m_inline_hover_Color';
398
399
  export { c_button_disabled_Color } from './c_button_disabled_Color';
@@ -1982,7 +1983,6 @@ export { c_hero_gradient_stop_1_dark } from './c_hero_gradient_stop_1_dark';
1982
1983
  export { c_hero_gradient_stop_2_dark } from './c_hero_gradient_stop_2_dark';
1983
1984
  export { c_hero_gradient_stop_3_dark } from './c_hero_gradient_stop_3_dark';
1984
1985
  export { c_hero_BackgroundColor } from './c_hero_BackgroundColor';
1985
- export { c_hero_BackdropFilter } from './c_hero_BackdropFilter';
1986
1986
  export { c_hero_BackgroundImage_light } from './c_hero_BackgroundImage_light';
1987
1987
  export { c_hero_BackgroundImage_dark } from './c_hero_BackgroundImage_dark';
1988
1988
  export { c_hero_BackgroundRepeat } from './c_hero_BackgroundRepeat';
@@ -1994,14 +1994,16 @@ export { c_hero_BorderBlockEndWidth } from './c_hero_BorderBlockEndWidth';
1994
1994
  export { c_hero_BorderInlineStartWidth } from './c_hero_BorderInlineStartWidth';
1995
1995
  export { c_hero_BorderInlineEndWidth } from './c_hero_BorderInlineEndWidth';
1996
1996
  export { c_hero_BorderColor } from './c_hero_BorderColor';
1997
- export { c_hero_m_glass_BorderColor } from './c_hero_m_glass_BorderColor';
1998
- export { c_hero_m_glass_BoxShadow } from './c_hero_m_glass_BoxShadow';
1999
1997
  export { c_hero_BorderStartStartRadius } from './c_hero_BorderStartStartRadius';
2000
1998
  export { c_hero_BorderStartEndRadius } from './c_hero_BorderStartEndRadius';
2001
1999
  export { c_hero_BorderEndEndRadius } from './c_hero_BorderEndEndRadius';
2002
2000
  export { c_hero_BorderEndStartRadius } from './c_hero_BorderEndStartRadius';
2003
2001
  export { c_hero__body_Width } from './c_hero__body_Width';
2004
2002
  export { c_hero__body_MaxWidth } from './c_hero__body_MaxWidth';
2003
+ export { c_hero_m_glass_BackgroundColor } from './c_hero_m_glass_BackgroundColor';
2004
+ export { c_hero_m_glass_BackdropFilter } from './c_hero_m_glass_BackdropFilter';
2005
+ export { c_hero_m_glass_BorderColor } from './c_hero_m_glass_BorderColor';
2006
+ export { c_hero_m_glass_BoxShadow } from './c_hero_m_glass_BoxShadow';
2005
2007
  export { c_hint } from './c_hint';
2006
2008
  export { c_hint_GridRowGap } from './c_hint_GridRowGap';
2007
2009
  export { c_hint_PaddingBlockStart } from './c_hint_PaddingBlockStart';
package/dist/esm/index.js CHANGED
@@ -393,6 +393,7 @@ export { c_banner_m_blue_BackgroundColor } from './c_banner_m_blue_BackgroundCol
393
393
  export { c_banner_m_blue_Color } from './c_banner_m_blue_Color';
394
394
  export { c_banner_m_purple_BackgroundColor } from './c_banner_m_purple_BackgroundColor';
395
395
  export { c_banner_m_purple_Color } from './c_banner_m_purple_Color';
396
+ export { c_banner_m_pill_BorderRadius } from './c_banner_m_pill_BorderRadius';
396
397
  export { c_button_m_link_m_inline_Color } from './c_button_m_link_m_inline_Color';
397
398
  export { c_button_m_link_m_inline_hover_Color } from './c_button_m_link_m_inline_hover_Color';
398
399
  export { c_button_disabled_Color } from './c_button_disabled_Color';
@@ -1982,7 +1983,6 @@ export { c_hero_gradient_stop_1_dark } from './c_hero_gradient_stop_1_dark';
1982
1983
  export { c_hero_gradient_stop_2_dark } from './c_hero_gradient_stop_2_dark';
1983
1984
  export { c_hero_gradient_stop_3_dark } from './c_hero_gradient_stop_3_dark';
1984
1985
  export { c_hero_BackgroundColor } from './c_hero_BackgroundColor';
1985
- export { c_hero_BackdropFilter } from './c_hero_BackdropFilter';
1986
1986
  export { c_hero_BackgroundImage_light } from './c_hero_BackgroundImage_light';
1987
1987
  export { c_hero_BackgroundImage_dark } from './c_hero_BackgroundImage_dark';
1988
1988
  export { c_hero_BackgroundRepeat } from './c_hero_BackgroundRepeat';
@@ -1994,14 +1994,16 @@ export { c_hero_BorderBlockEndWidth } from './c_hero_BorderBlockEndWidth';
1994
1994
  export { c_hero_BorderInlineStartWidth } from './c_hero_BorderInlineStartWidth';
1995
1995
  export { c_hero_BorderInlineEndWidth } from './c_hero_BorderInlineEndWidth';
1996
1996
  export { c_hero_BorderColor } from './c_hero_BorderColor';
1997
- export { c_hero_m_glass_BorderColor } from './c_hero_m_glass_BorderColor';
1998
- export { c_hero_m_glass_BoxShadow } from './c_hero_m_glass_BoxShadow';
1999
1997
  export { c_hero_BorderStartStartRadius } from './c_hero_BorderStartStartRadius';
2000
1998
  export { c_hero_BorderStartEndRadius } from './c_hero_BorderStartEndRadius';
2001
1999
  export { c_hero_BorderEndEndRadius } from './c_hero_BorderEndEndRadius';
2002
2000
  export { c_hero_BorderEndStartRadius } from './c_hero_BorderEndStartRadius';
2003
2001
  export { c_hero__body_Width } from './c_hero__body_Width';
2004
2002
  export { c_hero__body_MaxWidth } from './c_hero__body_MaxWidth';
2003
+ export { c_hero_m_glass_BackgroundColor } from './c_hero_m_glass_BackgroundColor';
2004
+ export { c_hero_m_glass_BackdropFilter } from './c_hero_m_glass_BackdropFilter';
2005
+ export { c_hero_m_glass_BorderColor } from './c_hero_m_glass_BorderColor';
2006
+ export { c_hero_m_glass_BoxShadow } from './c_hero_m_glass_BoxShadow';
2005
2007
  export { c_hint } from './c_hint';
2006
2008
  export { c_hint_GridRowGap } from './c_hint_GridRowGap';
2007
2009
  export { c_hint_PaddingBlockStart } from './c_hint_PaddingBlockStart';
@@ -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": {
@@ -432,6 +432,15 @@ exports.c_banner = {
432
432
  "--pf-t--color--gray--95",
433
433
  "#151515"
434
434
  ]
435
+ },
436
+ "c_banner_m_pill_BorderRadius": {
437
+ "name": "--pf-v6-c-banner--m-pill--BorderRadius",
438
+ "value": "999px",
439
+ "values": [
440
+ "--pf-t--global--border--radius--pill",
441
+ "--pf-t--global--border--radius--500",
442
+ "999px"
443
+ ]
435
444
  }
436
445
  },
437
446
  ".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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_banner_m_pill_BorderRadius = {
4
+ "name": "--pf-v6-c-banner--m-pill--BorderRadius",
5
+ "value": "999px",
6
+ "var": "var(--pf-v6-c-banner--m-pill--BorderRadius)"
7
+ };
8
+ exports["default"] = exports.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
  }
package/dist/js/c_hero.js CHANGED
@@ -4,20 +4,20 @@ exports.c_hero = {
4
4
  ".pf-v6-c-hero": {
5
5
  "c_hero_PaddingBlockStart": {
6
6
  "name": "--pf-v6-c-hero--PaddingBlockStart",
7
- "value": "2rem",
7
+ "value": "4rem",
8
8
  "values": [
9
- "--pf-t--global--spacer--xl",
10
- "--pf-t--global--spacer--500",
11
- "2rem"
9
+ "--pf-t--global--spacer--3xl",
10
+ "--pf-t--global--spacer--700",
11
+ "4rem"
12
12
  ]
13
13
  },
14
14
  "c_hero_PaddingBlockEnd": {
15
15
  "name": "--pf-v6-c-hero--PaddingBlockEnd",
16
- "value": "2rem",
16
+ "value": "4rem",
17
17
  "values": [
18
- "--pf-t--global--spacer--xl",
19
- "--pf-t--global--spacer--500",
20
- "2rem"
18
+ "--pf-t--global--spacer--3xl",
19
+ "--pf-t--global--spacer--700",
20
+ "4rem"
21
21
  ]
22
22
  },
23
23
  "c_hero_PaddingInlineStart": {
@@ -31,11 +31,11 @@ exports.c_hero = {
31
31
  },
32
32
  "c_hero_PaddingInlineEnd": {
33
33
  "name": "--pf-v6-c-hero--PaddingInlineEnd",
34
- "value": "2rem",
34
+ "value": "4rem",
35
35
  "values": [
36
- "--pf-t--global--spacer--xl",
37
- "--pf-t--global--spacer--500",
38
- "2rem"
36
+ "--pf-t--global--spacer--3xl",
37
+ "--pf-t--global--spacer--700",
38
+ "4rem"
39
39
  ]
40
40
  },
41
41
  "c_hero_gradient_angle": {
@@ -68,18 +68,11 @@ exports.c_hero = {
68
68
  },
69
69
  "c_hero_BackgroundColor": {
70
70
  "name": "--pf-v6-c-hero--BackgroundColor",
71
- "value": "initial",
72
- "values": [
73
- "--pf-t--global--background--color--glass--primary--default",
74
- "initial"
75
- ]
76
- },
77
- "c_hero_BackdropFilter": {
78
- "name": "--pf-v6-c-hero--BackdropFilter",
79
- "value": "initial",
71
+ "value": "rgba(199, 199, 199, 0.2500)",
80
72
  "values": [
81
- "--pf-t--global--background--filter--glass--blur--primary",
82
- "initial"
73
+ "--pf-t--global--background--color--tertiary--default",
74
+ "--pf-t--global--background--color--600",
75
+ "rgba(199, 199, 199, 0.2500)"
83
76
  ]
84
77
  },
85
78
  "c_hero_BackgroundImage_light": {
@@ -152,42 +145,31 @@ exports.c_hero = {
152
145
  "#c7c7c7"
153
146
  ]
154
147
  },
155
- "c_hero_m_glass_BorderColor": {
156
- "name": "--pf-v6-c-hero--m-glass--BorderColor",
157
- "value": "#ffffff",
158
- "values": [
159
- "--pf-t--global--border--color--alt",
160
- "--pf-t--global--background--color--primary--default",
161
- "--pf-t--global--background--color--100",
162
- "--pf-t--color--white",
163
- "#ffffff"
164
- ]
165
- },
166
- "c_hero_m_glass_BoxShadow": {
167
- "name": "--pf-v6-c-hero--m-glass--BoxShadow",
168
- "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
169
- "values": [
170
- "--pf-t--global--box-shadow--md",
171
- "--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",
172
- "--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",
173
- "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
174
- ]
175
- },
176
148
  "c_hero_BorderStartStartRadius": {
177
149
  "name": "--pf-v6-c-hero--BorderStartStartRadius",
178
- "value": "24px"
150
+ "value": "16px",
151
+ "values": [
152
+ "--pf-t--global--border--radius--medium",
153
+ "--pf-t--global--border--radius--300",
154
+ "16px"
155
+ ]
179
156
  },
180
157
  "c_hero_BorderStartEndRadius": {
181
158
  "name": "--pf-v6-c-hero--BorderStartEndRadius",
182
- "value": "72px"
159
+ "value": "48px"
183
160
  },
184
161
  "c_hero_BorderEndEndRadius": {
185
162
  "name": "--pf-v6-c-hero--BorderEndEndRadius",
186
- "value": "24px"
163
+ "value": "16px",
164
+ "values": [
165
+ "--pf-t--global--border--radius--medium",
166
+ "--pf-t--global--border--radius--300",
167
+ "16px"
168
+ ]
187
169
  },
188
170
  "c_hero_BorderEndStartRadius": {
189
171
  "name": "--pf-v6-c-hero--BorderEndStartRadius",
190
- "value": "72px"
172
+ "value": "48px"
191
173
  },
192
174
  "c_hero__body_Width": {
193
175
  "name": "--pf-v6-c-hero__body--Width",
@@ -196,19 +178,60 @@ exports.c_hero = {
196
178
  "c_hero__body_MaxWidth": {
197
179
  "name": "--pf-v6-c-hero__body--MaxWidth",
198
180
  "value": "80%"
181
+ },
182
+ "c_hero_m_glass_BackgroundColor": {
183
+ "name": "--pf-v6-c-hero--m-glass--BackgroundColor",
184
+ "value": "initial",
185
+ "values": [
186
+ "--pf-t--global--background--color--glass--primary--default",
187
+ "initial"
188
+ ]
189
+ },
190
+ "c_hero_m_glass_BackdropFilter": {
191
+ "name": "--pf-v6-c-hero--m-glass--BackdropFilter",
192
+ "value": "initial",
193
+ "values": [
194
+ "--pf-t--global--background--filter--glass--blur--primary",
195
+ "initial"
196
+ ]
197
+ },
198
+ "c_hero_m_glass_BorderColor": {
199
+ "name": "--pf-v6-c-hero--m-glass--BorderColor",
200
+ "value": "initial",
201
+ "values": [
202
+ "--pf-t--global--border--color--glass--default",
203
+ "initial"
204
+ ]
205
+ },
206
+ "c_hero_m_glass_BoxShadow": {
207
+ "name": "--pf-v6-c-hero--m-glass--BoxShadow",
208
+ "value": "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)",
209
+ "values": [
210
+ "--pf-t--global--box-shadow--glass--default",
211
+ "--pf-t--global--box-shadow--md",
212
+ "--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",
213
+ "--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",
214
+ "0px\n 4px\n 10px\n 0px\n rgba(41, 41, 41, 0.1500)"
215
+ ]
199
216
  }
200
217
  },
201
- ":root:where(.pf-v6-theme-glass) .pf-v6-c-hero": {
218
+ ":where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass": {
202
219
  "c_hero_BorderColor": {
203
220
  "name": "--pf-v6-c-hero--BorderColor",
204
- "value": "#ffffff",
221
+ "value": "initial",
205
222
  "values": [
206
223
  "--pf-v6-c-hero--m-glass--BorderColor",
207
- "--pf-t--global--border--color--alt",
208
- "--pf-t--global--background--color--primary--default",
209
- "--pf-t--global--background--color--100",
210
- "--pf-t--color--white",
211
- "#ffffff"
224
+ "--pf-t--global--border--color--glass--default",
225
+ "initial"
226
+ ]
227
+ },
228
+ "c_hero_BackgroundColor": {
229
+ "name": "--pf-v6-c-hero--BackgroundColor",
230
+ "value": "initial",
231
+ "values": [
232
+ "--pf-v6-c-hero--m-glass--BackgroundColor",
233
+ "--pf-t--global--background--color--glass--primary--default",
234
+ "initial"
212
235
  ]
213
236
  }
214
237
  }
@@ -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;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_hero_BorderColor = {
4
4
  "name": "--pf-v6-c-hero--BorderColor",
5
- "value": "#ffffff",
5
+ "value": "initial",
6
6
  "var": "var(--pf-v6-c-hero--BorderColor)"
7
7
  };
8
8
  exports["default"] = exports.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;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_hero_BorderEndEndRadius = {
4
4
  "name": "--pf-v6-c-hero--BorderEndEndRadius",
5
- "value": "24px",
5
+ "value": "16px",
6
6
  "var": "var(--pf-v6-c-hero--BorderEndEndRadius)"
7
7
  };
8
8
  exports["default"] = exports.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;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_hero_BorderEndStartRadius = {
4
4
  "name": "--pf-v6-c-hero--BorderEndStartRadius",
5
- "value": "72px",
5
+ "value": "48px",
6
6
  "var": "var(--pf-v6-c-hero--BorderEndStartRadius)"
7
7
  };
8
8
  exports["default"] = exports.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;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_hero_BorderStartEndRadius = {
4
4
  "name": "--pf-v6-c-hero--BorderStartEndRadius",
5
- "value": "72px",
5
+ "value": "48px",
6
6
  "var": "var(--pf-v6-c-hero--BorderStartEndRadius)"
7
7
  };
8
8
  exports["default"] = exports.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;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_hero_BorderStartStartRadius = {
4
4
  "name": "--pf-v6-c-hero--BorderStartStartRadius",
5
- "value": "24px",
5
+ "value": "16px",
6
6
  "var": "var(--pf-v6-c-hero--BorderStartStartRadius)"
7
7
  };
8
8
  exports["default"] = exports.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;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_hero_PaddingBlockEnd = {
4
4
  "name": "--pf-v6-c-hero--PaddingBlockEnd",
5
- "value": "2rem",
5
+ "value": "4rem",
6
6
  "var": "var(--pf-v6-c-hero--PaddingBlockEnd)"
7
7
  };
8
8
  exports["default"] = exports.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;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_hero_PaddingBlockStart = {
4
4
  "name": "--pf-v6-c-hero--PaddingBlockStart",
5
- "value": "2rem",
5
+ "value": "4rem",
6
6
  "var": "var(--pf-v6-c-hero--PaddingBlockStart)"
7
7
  };
8
8
  exports["default"] = exports.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;