@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.
- package/CHANGELOG.md +12 -0
- package/dist/esm/c_banner.d.ts +9 -0
- package/dist/esm/c_banner.js +9 -0
- package/dist/esm/c_banner_m_pill_BorderRadius.d.ts +6 -0
- package/dist/esm/c_banner_m_pill_BorderRadius.js +6 -0
- package/dist/esm/c_hero.d.ts +78 -55
- package/dist/esm/c_hero.js +78 -55
- package/dist/esm/c_hero_BorderColor.d.ts +1 -1
- package/dist/esm/c_hero_BorderColor.js +1 -1
- package/dist/esm/c_hero_BorderEndEndRadius.d.ts +1 -1
- package/dist/esm/c_hero_BorderEndEndRadius.js +1 -1
- package/dist/esm/c_hero_BorderEndStartRadius.d.ts +1 -1
- package/dist/esm/c_hero_BorderEndStartRadius.js +1 -1
- package/dist/esm/c_hero_BorderStartEndRadius.d.ts +1 -1
- package/dist/esm/c_hero_BorderStartEndRadius.js +1 -1
- package/dist/esm/c_hero_BorderStartStartRadius.d.ts +1 -1
- package/dist/esm/c_hero_BorderStartStartRadius.js +1 -1
- package/dist/esm/c_hero_PaddingBlockEnd.d.ts +1 -1
- package/dist/esm/c_hero_PaddingBlockEnd.js +1 -1
- package/dist/esm/c_hero_PaddingBlockStart.d.ts +1 -1
- package/dist/esm/c_hero_PaddingBlockStart.js +1 -1
- package/dist/esm/c_hero_PaddingInlineEnd.d.ts +1 -1
- package/dist/esm/c_hero_PaddingInlineEnd.js +1 -1
- package/dist/esm/c_hero_m_glass_BackdropFilter.d.ts +6 -0
- package/dist/esm/c_hero_m_glass_BackdropFilter.js +6 -0
- package/dist/esm/c_hero_m_glass_BackgroundColor.d.ts +6 -0
- package/dist/esm/c_hero_m_glass_BackgroundColor.js +6 -0
- package/dist/esm/c_hero_m_glass_BorderColor.d.ts +1 -1
- package/dist/esm/c_hero_m_glass_BorderColor.js +1 -1
- package/dist/esm/c_page.d.ts +70 -0
- package/dist/esm/c_page.js +70 -0
- package/dist/esm/c_page_section_m_sticky_bottom_BackgroundColor.d.ts +6 -0
- package/dist/esm/c_page_section_m_sticky_bottom_BackgroundColor.js +6 -0
- package/dist/esm/c_page_section_m_sticky_bottom_TransitionDuration.d.ts +6 -0
- package/dist/esm/c_page_section_m_sticky_bottom_TransitionDuration.js +6 -0
- package/dist/esm/c_page_section_m_sticky_bottom_TransitionTimingFunction.d.ts +6 -0
- package/dist/esm/c_page_section_m_sticky_bottom_TransitionTimingFunction.js +6 -0
- package/dist/esm/c_page_section_m_sticky_top_BackgroundColor.d.ts +6 -0
- package/dist/esm/c_page_section_m_sticky_top_BackgroundColor.js +6 -0
- package/dist/esm/c_page_section_m_sticky_top_TransitionDuration.d.ts +6 -0
- package/dist/esm/c_page_section_m_sticky_top_TransitionDuration.js +6 -0
- package/dist/esm/c_page_section_m_sticky_top_TransitionTimingFunction.d.ts +6 -0
- package/dist/esm/c_page_section_m_sticky_top_TransitionTimingFunction.js +6 -0
- package/dist/esm/index.d.ts +11 -3
- package/dist/esm/index.js +11 -3
- package/dist/js/c_banner.d.ts +9 -0
- package/dist/js/c_banner.js +9 -0
- package/dist/js/c_banner_m_pill_BorderRadius.d.ts +6 -0
- package/dist/js/c_banner_m_pill_BorderRadius.js +8 -0
- package/dist/js/c_hero.d.ts +78 -55
- package/dist/js/c_hero.js +78 -55
- package/dist/js/c_hero_BorderColor.d.ts +1 -1
- package/dist/js/c_hero_BorderColor.js +1 -1
- package/dist/js/c_hero_BorderEndEndRadius.d.ts +1 -1
- package/dist/js/c_hero_BorderEndEndRadius.js +1 -1
- package/dist/js/c_hero_BorderEndStartRadius.d.ts +1 -1
- package/dist/js/c_hero_BorderEndStartRadius.js +1 -1
- package/dist/js/c_hero_BorderStartEndRadius.d.ts +1 -1
- package/dist/js/c_hero_BorderStartEndRadius.js +1 -1
- package/dist/js/c_hero_BorderStartStartRadius.d.ts +1 -1
- package/dist/js/c_hero_BorderStartStartRadius.js +1 -1
- package/dist/js/c_hero_PaddingBlockEnd.d.ts +1 -1
- package/dist/js/c_hero_PaddingBlockEnd.js +1 -1
- package/dist/js/c_hero_PaddingBlockStart.d.ts +1 -1
- package/dist/js/c_hero_PaddingBlockStart.js +1 -1
- package/dist/js/c_hero_PaddingInlineEnd.d.ts +1 -1
- package/dist/js/c_hero_PaddingInlineEnd.js +1 -1
- package/dist/js/c_hero_m_glass_BackdropFilter.d.ts +6 -0
- package/dist/js/c_hero_m_glass_BackdropFilter.js +8 -0
- package/dist/js/c_hero_m_glass_BackgroundColor.d.ts +6 -0
- package/dist/js/c_hero_m_glass_BackgroundColor.js +8 -0
- package/dist/js/c_hero_m_glass_BorderColor.d.ts +1 -1
- package/dist/js/c_hero_m_glass_BorderColor.js +1 -1
- package/dist/js/c_page.d.ts +70 -0
- package/dist/js/c_page.js +70 -0
- package/dist/js/c_page_section_m_sticky_bottom_BackgroundColor.d.ts +6 -0
- package/dist/js/c_page_section_m_sticky_bottom_BackgroundColor.js +8 -0
- package/dist/js/c_page_section_m_sticky_bottom_TransitionDuration.d.ts +6 -0
- package/dist/js/c_page_section_m_sticky_bottom_TransitionDuration.js +8 -0
- package/dist/js/c_page_section_m_sticky_bottom_TransitionTimingFunction.d.ts +6 -0
- package/dist/js/c_page_section_m_sticky_bottom_TransitionTimingFunction.js +8 -0
- package/dist/js/c_page_section_m_sticky_top_BackgroundColor.d.ts +6 -0
- package/dist/js/c_page_section_m_sticky_top_BackgroundColor.js +8 -0
- package/dist/js/c_page_section_m_sticky_top_TransitionDuration.d.ts +6 -0
- package/dist/js/c_page_section_m_sticky_top_TransitionDuration.js +8 -0
- package/dist/js/c_page_section_m_sticky_top_TransitionTimingFunction.d.ts +6 -0
- package/dist/js/c_page_section_m_sticky_top_TransitionTimingFunction.js +8 -0
- package/dist/js/index.d.ts +11 -3
- package/dist/js/index.js +11 -3
- package/package.json +3 -3
- package/dist/esm/c_hero_BackdropFilter.d.ts +0 -6
- package/dist/esm/c_hero_BackdropFilter.js +0 -6
- package/dist/js/c_hero_BackdropFilter.d.ts +0 -6
- 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
|
package/dist/esm/c_banner.d.ts
CHANGED
|
@@ -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": {
|
package/dist/esm/c_banner.js
CHANGED
|
@@ -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": {
|
package/dist/esm/c_hero.d.ts
CHANGED
|
@@ -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": "
|
|
5
|
+
"value": "4rem",
|
|
6
6
|
"values": [
|
|
7
|
-
"--pf-t--global--spacer--
|
|
8
|
-
"--pf-t--global--spacer--
|
|
9
|
-
"
|
|
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": "
|
|
14
|
+
"value": "4rem",
|
|
15
15
|
"values": [
|
|
16
|
-
"--pf-t--global--spacer--
|
|
17
|
-
"--pf-t--global--spacer--
|
|
18
|
-
"
|
|
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": "
|
|
32
|
+
"value": "4rem",
|
|
33
33
|
"values": [
|
|
34
|
-
"--pf-t--global--spacer--
|
|
35
|
-
"--pf-t--global--spacer--
|
|
36
|
-
"
|
|
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": "
|
|
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--
|
|
80
|
-
"
|
|
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": "
|
|
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": "
|
|
157
|
+
"value": "48px"
|
|
181
158
|
},
|
|
182
159
|
"c_hero_BorderEndEndRadius": {
|
|
183
160
|
"name": "--pf-v6-c-hero--BorderEndEndRadius",
|
|
184
|
-
"value": "
|
|
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": "
|
|
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
|
-
":
|
|
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": "
|
|
219
|
+
"value": "initial",
|
|
203
220
|
"values": [
|
|
204
221
|
"--pf-v6-c-hero--m-glass--BorderColor",
|
|
205
|
-
"--pf-t--global--border--color--
|
|
206
|
-
"
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
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/esm/c_hero.js
CHANGED
|
@@ -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": "
|
|
5
|
+
"value": "4rem",
|
|
6
6
|
"values": [
|
|
7
|
-
"--pf-t--global--spacer--
|
|
8
|
-
"--pf-t--global--spacer--
|
|
9
|
-
"
|
|
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": "
|
|
14
|
+
"value": "4rem",
|
|
15
15
|
"values": [
|
|
16
|
-
"--pf-t--global--spacer--
|
|
17
|
-
"--pf-t--global--spacer--
|
|
18
|
-
"
|
|
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": "
|
|
32
|
+
"value": "4rem",
|
|
33
33
|
"values": [
|
|
34
|
-
"--pf-t--global--spacer--
|
|
35
|
-
"--pf-t--global--spacer--
|
|
36
|
-
"
|
|
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": "
|
|
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--
|
|
80
|
-
"
|
|
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": "
|
|
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": "
|
|
157
|
+
"value": "48px"
|
|
181
158
|
},
|
|
182
159
|
"c_hero_BorderEndEndRadius": {
|
|
183
160
|
"name": "--pf-v6-c-hero--BorderEndEndRadius",
|
|
184
|
-
"value": "
|
|
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": "
|
|
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
|
-
":
|
|
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": "
|
|
219
|
+
"value": "initial",
|
|
203
220
|
"values": [
|
|
204
221
|
"--pf-v6-c-hero--m-glass--BorderColor",
|
|
205
|
-
"--pf-t--global--border--color--
|
|
206
|
-
"
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
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
|
}
|