@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/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;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_hero_PaddingInlineEnd = {
4
4
  "name": "--pf-v6-c-hero--PaddingInlineEnd",
5
- "value": "2rem",
5
+ "value": "4rem",
6
6
  "var": "var(--pf-v6-c-hero--PaddingInlineEnd)"
7
7
  };
8
8
  exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_hero_m_glass_BackdropFilter = {
4
+ "name": "--pf-v6-c-hero--m-glass--BackdropFilter",
5
+ "value": "initial",
6
+ "var": "var(--pf-v6-c-hero--m-glass--BackdropFilter)"
7
+ };
8
+ exports["default"] = exports.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,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_hero_m_glass_BackgroundColor = {
4
+ "name": "--pf-v6-c-hero--m-glass--BackgroundColor",
5
+ "value": "initial",
6
+ "var": "var(--pf-v6-c-hero--m-glass--BackgroundColor)"
7
+ };
8
+ exports["default"] = exports.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;
@@ -2,7 +2,7 @@
2
2
  exports.__esModule = true;
3
3
  exports.c_hero_m_glass_BorderColor = {
4
4
  "name": "--pf-v6-c-hero--m-glass--BorderColor",
5
- "value": "#ffffff",
5
+ "value": "initial",
6
6
  "var": "var(--pf-v6-c-hero--m-glass--BorderColor)"
7
7
  };
8
8
  exports["default"] = exports.c_hero_m_glass_BorderColor;
@@ -904,6 +904,16 @@ export const c_page: {
904
904
  "rgba(255, 255, 255, 0.0000)"
905
905
  ]
906
906
  },
907
+ "c_page_section_m_sticky_top_BackgroundColor": {
908
+ "name": "--pf-v6-c-page--section--m-sticky-top--BackgroundColor",
909
+ "value": "#ffffff",
910
+ "values": [
911
+ "--pf-t--global--background--color--sticky--default",
912
+ "--pf-t--global--background--color--100",
913
+ "--pf-t--color--white",
914
+ "#ffffff"
915
+ ]
916
+ },
907
917
  "c_page_section_m_sticky_bottom_ZIndex": {
908
918
  "name": "--pf-v6-c-page--section--m-sticky-bottom--ZIndex",
909
919
  "value": "300",
@@ -939,6 +949,54 @@ export const c_page: {
939
949
  "rgba(255, 255, 255, 0.0000)"
940
950
  ]
941
951
  },
952
+ "c_page_section_m_sticky_bottom_BackgroundColor": {
953
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor",
954
+ "value": "#ffffff",
955
+ "values": [
956
+ "--pf-t--global--background--color--sticky--default",
957
+ "--pf-t--global--background--color--100",
958
+ "--pf-t--color--white",
959
+ "#ffffff"
960
+ ]
961
+ },
962
+ "c_page_section_m_sticky_top_TransitionDuration": {
963
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionDuration",
964
+ "value": "100ms",
965
+ "values": [
966
+ "--pf-t--global--motion--duration--fade--short",
967
+ "--pf-t--global--motion--duration--sm",
968
+ "--pf-t--global--duration--100",
969
+ "100ms"
970
+ ]
971
+ },
972
+ "c_page_section_m_sticky_top_TransitionTimingFunction": {
973
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionTimingFunction",
974
+ "value": "cubic-bezier(.4, 0, .2, 1)",
975
+ "values": [
976
+ "--pf-t--global--motion--timing-function--default",
977
+ "--pf-t--global--timing-function--200",
978
+ "cubic-bezier(.4, 0, .2, 1)"
979
+ ]
980
+ },
981
+ "c_page_section_m_sticky_bottom_TransitionDuration": {
982
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration",
983
+ "value": "100ms",
984
+ "values": [
985
+ "--pf-t--global--motion--duration--fade--short",
986
+ "--pf-t--global--motion--duration--sm",
987
+ "--pf-t--global--duration--100",
988
+ "100ms"
989
+ ]
990
+ },
991
+ "c_page_section_m_sticky_bottom_TransitionTimingFunction": {
992
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction",
993
+ "value": "cubic-bezier(.4, 0, .2, 1)",
994
+ "values": [
995
+ "--pf-t--global--motion--timing-function--default",
996
+ "--pf-t--global--timing-function--200",
997
+ "cubic-bezier(.4, 0, .2, 1)"
998
+ ]
999
+ },
942
1000
  "c_page_section_m_shadow_bottom_BoxShadow": {
943
1001
  "name": "--pf-v6-c-page--section--m-shadow-bottom--BoxShadow",
944
1002
  "value": "0px\n 4px\n 6px\n -4px\n rgba(41, 41, 41, 0.2000)",
@@ -1851,6 +1909,18 @@ export const c_page: {
1851
1909
  "value": "0"
1852
1910
  }
1853
1911
  },
1912
+ ".pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-base": {
1913
+ "c_page__main_breadcrumb_PaddingBlockEnd": {
1914
+ "name": "--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd",
1915
+ "value": "1rem",
1916
+ "values": [
1917
+ "--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd",
1918
+ "--pf-t--global--spacer--md",
1919
+ "--pf-t--global--spacer--300",
1920
+ "1rem"
1921
+ ]
1922
+ }
1923
+ },
1854
1924
  ":where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain": {
1855
1925
  "c_page__main_section_BackgroundColor": {
1856
1926
  "name": "--pf-v6-c-page__main-section--BackgroundColor",
package/dist/js/c_page.js CHANGED
@@ -906,6 +906,16 @@ exports.c_page = {
906
906
  "rgba(255, 255, 255, 0.0000)"
907
907
  ]
908
908
  },
909
+ "c_page_section_m_sticky_top_BackgroundColor": {
910
+ "name": "--pf-v6-c-page--section--m-sticky-top--BackgroundColor",
911
+ "value": "#ffffff",
912
+ "values": [
913
+ "--pf-t--global--background--color--sticky--default",
914
+ "--pf-t--global--background--color--100",
915
+ "--pf-t--color--white",
916
+ "#ffffff"
917
+ ]
918
+ },
909
919
  "c_page_section_m_sticky_bottom_ZIndex": {
910
920
  "name": "--pf-v6-c-page--section--m-sticky-bottom--ZIndex",
911
921
  "value": "300",
@@ -941,6 +951,54 @@ exports.c_page = {
941
951
  "rgba(255, 255, 255, 0.0000)"
942
952
  ]
943
953
  },
954
+ "c_page_section_m_sticky_bottom_BackgroundColor": {
955
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor",
956
+ "value": "#ffffff",
957
+ "values": [
958
+ "--pf-t--global--background--color--sticky--default",
959
+ "--pf-t--global--background--color--100",
960
+ "--pf-t--color--white",
961
+ "#ffffff"
962
+ ]
963
+ },
964
+ "c_page_section_m_sticky_top_TransitionDuration": {
965
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionDuration",
966
+ "value": "100ms",
967
+ "values": [
968
+ "--pf-t--global--motion--duration--fade--short",
969
+ "--pf-t--global--motion--duration--sm",
970
+ "--pf-t--global--duration--100",
971
+ "100ms"
972
+ ]
973
+ },
974
+ "c_page_section_m_sticky_top_TransitionTimingFunction": {
975
+ "name": "--pf-v6-c-page--section--m-sticky-top--TransitionTimingFunction",
976
+ "value": "cubic-bezier(.4, 0, .2, 1)",
977
+ "values": [
978
+ "--pf-t--global--motion--timing-function--default",
979
+ "--pf-t--global--timing-function--200",
980
+ "cubic-bezier(.4, 0, .2, 1)"
981
+ ]
982
+ },
983
+ "c_page_section_m_sticky_bottom_TransitionDuration": {
984
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration",
985
+ "value": "100ms",
986
+ "values": [
987
+ "--pf-t--global--motion--duration--fade--short",
988
+ "--pf-t--global--motion--duration--sm",
989
+ "--pf-t--global--duration--100",
990
+ "100ms"
991
+ ]
992
+ },
993
+ "c_page_section_m_sticky_bottom_TransitionTimingFunction": {
994
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction",
995
+ "value": "cubic-bezier(.4, 0, .2, 1)",
996
+ "values": [
997
+ "--pf-t--global--motion--timing-function--default",
998
+ "--pf-t--global--timing-function--200",
999
+ "cubic-bezier(.4, 0, .2, 1)"
1000
+ ]
1001
+ },
944
1002
  "c_page_section_m_shadow_bottom_BoxShadow": {
945
1003
  "name": "--pf-v6-c-page--section--m-shadow-bottom--BoxShadow",
946
1004
  "value": "0px\n 4px\n 6px\n -4px\n rgba(41, 41, 41, 0.2000)",
@@ -1853,6 +1911,18 @@ exports.c_page = {
1853
1911
  "value": "0"
1854
1912
  }
1855
1913
  },
1914
+ ".pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-base": {
1915
+ "c_page__main_breadcrumb_PaddingBlockEnd": {
1916
+ "name": "--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd",
1917
+ "value": "1rem",
1918
+ "values": [
1919
+ "--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd",
1920
+ "--pf-t--global--spacer--md",
1921
+ "--pf-t--global--spacer--300",
1922
+ "1rem"
1923
+ ]
1924
+ }
1925
+ },
1856
1926
  ":where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain": {
1857
1927
  "c_page__main_section_BackgroundColor": {
1858
1928
  "name": "--pf-v6-c-page__main-section--BackgroundColor",
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_bottom_BackgroundColor: {
2
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor",
3
+ "value": "#ffffff",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor)"
5
+ };
6
+ export default c_page_section_m_sticky_bottom_BackgroundColor;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_page_section_m_sticky_bottom_BackgroundColor = {
4
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor",
5
+ "value": "#ffffff",
6
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--BackgroundColor)"
7
+ };
8
+ exports["default"] = exports.c_page_section_m_sticky_bottom_BackgroundColor;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_bottom_TransitionDuration: {
2
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration",
3
+ "value": "100ms",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration)"
5
+ };
6
+ export default c_page_section_m_sticky_bottom_TransitionDuration;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_page_section_m_sticky_bottom_TransitionDuration = {
4
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration",
5
+ "value": "100ms",
6
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--TransitionDuration)"
7
+ };
8
+ exports["default"] = exports.c_page_section_m_sticky_bottom_TransitionDuration;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_bottom_TransitionTimingFunction: {
2
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction",
3
+ "value": "cubic-bezier(.4, 0, .2, 1)",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction)"
5
+ };
6
+ export default c_page_section_m_sticky_bottom_TransitionTimingFunction;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_page_section_m_sticky_bottom_TransitionTimingFunction = {
4
+ "name": "--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction",
5
+ "value": "cubic-bezier(.4, 0, .2, 1)",
6
+ "var": "var(--pf-v6-c-page--section--m-sticky-bottom--TransitionTimingFunction)"
7
+ };
8
+ exports["default"] = exports.c_page_section_m_sticky_bottom_TransitionTimingFunction;
@@ -0,0 +1,6 @@
1
+ export const c_page_section_m_sticky_top_BackgroundColor: {
2
+ "name": "--pf-v6-c-page--section--m-sticky-top--BackgroundColor",
3
+ "value": "#ffffff",
4
+ "var": "var(--pf-v6-c-page--section--m-sticky-top--BackgroundColor)"
5
+ };
6
+ export default c_page_section_m_sticky_top_BackgroundColor;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ exports.c_page_section_m_sticky_top_BackgroundColor = {
4
+ "name": "--pf-v6-c-page--section--m-sticky-top--BackgroundColor",
5
+ "value": "#ffffff",
6
+ "var": "var(--pf-v6-c-page--section--m-sticky-top--BackgroundColor)"
7
+ };
8
+ exports["default"] = exports.c_page_section_m_sticky_top_BackgroundColor;