@patternfly/react-tokens 6.5.0-prerelease.4 → 6.5.0-prerelease.5

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 (190) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/esm/c_compass.d.ts +0 -44
  3. package/dist/esm/c_compass.js +0 -44
  4. package/dist/esm/c_hero.d.ts +219 -0
  5. package/dist/esm/c_hero.js +219 -0
  6. package/dist/esm/c_hero_BackdropFilter.d.ts +6 -0
  7. package/dist/esm/c_hero_BackdropFilter.js +6 -0
  8. package/dist/esm/c_hero_BackgroundColor.d.ts +6 -0
  9. package/dist/esm/c_hero_BackgroundColor.js +6 -0
  10. package/dist/esm/c_hero_BackgroundImage_dark.d.ts +6 -0
  11. package/dist/esm/c_hero_BackgroundImage_dark.js +6 -0
  12. package/dist/esm/c_hero_BackgroundImage_light.d.ts +6 -0
  13. package/dist/esm/c_hero_BackgroundImage_light.js +6 -0
  14. package/dist/esm/c_hero_BackgroundPosition.d.ts +6 -0
  15. package/dist/esm/c_hero_BackgroundPosition.js +6 -0
  16. package/dist/esm/c_hero_BackgroundRepeat.d.ts +6 -0
  17. package/dist/esm/c_hero_BackgroundRepeat.js +6 -0
  18. package/dist/esm/c_hero_BackgroundSize.d.ts +6 -0
  19. package/dist/esm/c_hero_BackgroundSize.js +6 -0
  20. package/dist/esm/c_hero_BorderBlockEndWidth.d.ts +6 -0
  21. package/dist/esm/c_hero_BorderBlockEndWidth.js +6 -0
  22. package/dist/esm/c_hero_BorderBlockStartWidth.d.ts +6 -0
  23. package/dist/esm/c_hero_BorderBlockStartWidth.js +6 -0
  24. package/dist/esm/c_hero_BorderColor.d.ts +6 -0
  25. package/dist/esm/c_hero_BorderColor.js +6 -0
  26. package/dist/esm/c_hero_BorderEndEndRadius.d.ts +6 -0
  27. package/dist/esm/c_hero_BorderEndEndRadius.js +6 -0
  28. package/dist/esm/c_hero_BorderEndStartRadius.d.ts +6 -0
  29. package/dist/esm/c_hero_BorderEndStartRadius.js +6 -0
  30. package/dist/esm/c_hero_BorderInlineEndWidth.d.ts +6 -0
  31. package/dist/esm/c_hero_BorderInlineEndWidth.js +6 -0
  32. package/dist/esm/c_hero_BorderInlineStartWidth.d.ts +6 -0
  33. package/dist/esm/c_hero_BorderInlineStartWidth.js +6 -0
  34. package/dist/esm/c_hero_BorderStartEndRadius.d.ts +6 -0
  35. package/dist/esm/c_hero_BorderStartEndRadius.js +6 -0
  36. package/dist/esm/c_hero_BorderStartStartRadius.d.ts +6 -0
  37. package/dist/esm/c_hero_BorderStartStartRadius.js +6 -0
  38. package/dist/esm/c_hero_BorderStyle.d.ts +6 -0
  39. package/dist/esm/c_hero_BorderStyle.js +6 -0
  40. package/dist/esm/c_hero_PaddingBlockEnd.d.ts +6 -0
  41. package/dist/esm/c_hero_PaddingBlockEnd.js +6 -0
  42. package/dist/esm/c_hero_PaddingBlockStart.d.ts +6 -0
  43. package/dist/esm/c_hero_PaddingBlockStart.js +6 -0
  44. package/dist/esm/c_hero_PaddingInlineEnd.d.ts +6 -0
  45. package/dist/esm/c_hero_PaddingInlineEnd.js +6 -0
  46. package/dist/esm/c_hero_PaddingInlineStart.d.ts +6 -0
  47. package/dist/esm/c_hero_PaddingInlineStart.js +6 -0
  48. package/dist/esm/c_hero__body_MaxWidth.d.ts +6 -0
  49. package/dist/esm/c_hero__body_MaxWidth.js +6 -0
  50. package/dist/esm/c_hero__body_Width.d.ts +6 -0
  51. package/dist/esm/c_hero__body_Width.js +6 -0
  52. package/dist/esm/c_hero_gradient_angle.d.ts +6 -0
  53. package/dist/esm/c_hero_gradient_angle.js +6 -0
  54. package/dist/esm/c_hero_gradient_stop_1_dark.d.ts +6 -0
  55. package/dist/esm/c_hero_gradient_stop_1_dark.js +6 -0
  56. package/dist/esm/c_hero_gradient_stop_1_light.d.ts +6 -0
  57. package/dist/esm/c_hero_gradient_stop_1_light.js +6 -0
  58. package/dist/esm/c_hero_gradient_stop_2_dark.d.ts +6 -0
  59. package/dist/esm/c_hero_gradient_stop_2_dark.js +6 -0
  60. package/dist/esm/c_hero_gradient_stop_2_light.d.ts +6 -0
  61. package/dist/esm/c_hero_gradient_stop_2_light.js +6 -0
  62. package/dist/esm/c_hero_gradient_stop_3_dark.d.ts +6 -0
  63. package/dist/esm/c_hero_gradient_stop_3_dark.js +6 -0
  64. package/dist/esm/c_hero_gradient_stop_3_light.d.ts +6 -0
  65. package/dist/esm/c_hero_gradient_stop_3_light.js +6 -0
  66. package/dist/esm/c_hero_m_glass_BorderColor.d.ts +6 -0
  67. package/dist/esm/c_hero_m_glass_BorderColor.js +6 -0
  68. package/dist/esm/c_hero_m_glass_BoxShadow.d.ts +6 -0
  69. package/dist/esm/c_hero_m_glass_BoxShadow.js +6 -0
  70. package/dist/esm/componentIndex.d.ts +1 -0
  71. package/dist/esm/componentIndex.js +1 -0
  72. package/dist/esm/index.d.ts +33 -11
  73. package/dist/esm/index.js +33 -11
  74. package/dist/js/c_compass.d.ts +0 -44
  75. package/dist/js/c_compass.js +0 -44
  76. package/dist/js/c_hero.d.ts +219 -0
  77. package/dist/js/c_hero.js +221 -0
  78. package/dist/js/c_hero_BackdropFilter.d.ts +6 -0
  79. package/dist/js/c_hero_BackdropFilter.js +8 -0
  80. package/dist/js/c_hero_BackgroundColor.d.ts +6 -0
  81. package/dist/js/c_hero_BackgroundColor.js +8 -0
  82. package/dist/js/c_hero_BackgroundImage_dark.d.ts +6 -0
  83. package/dist/js/c_hero_BackgroundImage_dark.js +8 -0
  84. package/dist/js/c_hero_BackgroundImage_light.d.ts +6 -0
  85. package/dist/js/c_hero_BackgroundImage_light.js +8 -0
  86. package/dist/js/c_hero_BackgroundPosition.d.ts +6 -0
  87. package/dist/js/c_hero_BackgroundPosition.js +8 -0
  88. package/dist/js/c_hero_BackgroundRepeat.d.ts +6 -0
  89. package/dist/js/c_hero_BackgroundRepeat.js +8 -0
  90. package/dist/js/c_hero_BackgroundSize.d.ts +6 -0
  91. package/dist/js/c_hero_BackgroundSize.js +8 -0
  92. package/dist/js/c_hero_BorderBlockEndWidth.d.ts +6 -0
  93. package/dist/js/c_hero_BorderBlockEndWidth.js +8 -0
  94. package/dist/js/c_hero_BorderBlockStartWidth.d.ts +6 -0
  95. package/dist/js/c_hero_BorderBlockStartWidth.js +8 -0
  96. package/dist/js/c_hero_BorderColor.d.ts +6 -0
  97. package/dist/js/c_hero_BorderColor.js +8 -0
  98. package/dist/js/c_hero_BorderEndEndRadius.d.ts +6 -0
  99. package/dist/js/c_hero_BorderEndEndRadius.js +8 -0
  100. package/dist/js/c_hero_BorderEndStartRadius.d.ts +6 -0
  101. package/dist/js/c_hero_BorderEndStartRadius.js +8 -0
  102. package/dist/js/c_hero_BorderInlineEndWidth.d.ts +6 -0
  103. package/dist/js/c_hero_BorderInlineEndWidth.js +8 -0
  104. package/dist/js/c_hero_BorderInlineStartWidth.d.ts +6 -0
  105. package/dist/js/c_hero_BorderInlineStartWidth.js +8 -0
  106. package/dist/js/c_hero_BorderStartEndRadius.d.ts +6 -0
  107. package/dist/js/c_hero_BorderStartEndRadius.js +8 -0
  108. package/dist/js/c_hero_BorderStartStartRadius.d.ts +6 -0
  109. package/dist/js/c_hero_BorderStartStartRadius.js +8 -0
  110. package/dist/js/c_hero_BorderStyle.d.ts +6 -0
  111. package/dist/js/c_hero_BorderStyle.js +8 -0
  112. package/dist/js/c_hero_PaddingBlockEnd.d.ts +6 -0
  113. package/dist/js/c_hero_PaddingBlockEnd.js +8 -0
  114. package/dist/js/c_hero_PaddingBlockStart.d.ts +6 -0
  115. package/dist/js/c_hero_PaddingBlockStart.js +8 -0
  116. package/dist/js/c_hero_PaddingInlineEnd.d.ts +6 -0
  117. package/dist/js/c_hero_PaddingInlineEnd.js +8 -0
  118. package/dist/js/c_hero_PaddingInlineStart.d.ts +6 -0
  119. package/dist/js/c_hero_PaddingInlineStart.js +8 -0
  120. package/dist/js/c_hero__body_MaxWidth.d.ts +6 -0
  121. package/dist/js/c_hero__body_MaxWidth.js +8 -0
  122. package/dist/js/c_hero__body_Width.d.ts +6 -0
  123. package/dist/js/c_hero__body_Width.js +8 -0
  124. package/dist/js/c_hero_gradient_angle.d.ts +6 -0
  125. package/dist/js/c_hero_gradient_angle.js +8 -0
  126. package/dist/js/c_hero_gradient_stop_1_dark.d.ts +6 -0
  127. package/dist/js/c_hero_gradient_stop_1_dark.js +8 -0
  128. package/dist/js/c_hero_gradient_stop_1_light.d.ts +6 -0
  129. package/dist/js/c_hero_gradient_stop_1_light.js +8 -0
  130. package/dist/js/c_hero_gradient_stop_2_dark.d.ts +6 -0
  131. package/dist/js/c_hero_gradient_stop_2_dark.js +8 -0
  132. package/dist/js/c_hero_gradient_stop_2_light.d.ts +6 -0
  133. package/dist/js/c_hero_gradient_stop_2_light.js +8 -0
  134. package/dist/js/c_hero_gradient_stop_3_dark.d.ts +6 -0
  135. package/dist/js/c_hero_gradient_stop_3_dark.js +8 -0
  136. package/dist/js/c_hero_gradient_stop_3_light.d.ts +6 -0
  137. package/dist/js/c_hero_gradient_stop_3_light.js +8 -0
  138. package/dist/js/c_hero_m_glass_BorderColor.d.ts +6 -0
  139. package/dist/js/c_hero_m_glass_BorderColor.js +8 -0
  140. package/dist/js/c_hero_m_glass_BoxShadow.d.ts +6 -0
  141. package/dist/js/c_hero_m_glass_BoxShadow.js +8 -0
  142. package/dist/js/componentIndex.d.ts +1 -0
  143. package/dist/js/componentIndex.js +1 -0
  144. package/dist/js/index.d.ts +33 -11
  145. package/dist/js/index.js +33 -11
  146. package/package.json +3 -3
  147. package/dist/esm/c_compass__hero_BackgroundImage_dark.d.ts +0 -6
  148. package/dist/esm/c_compass__hero_BackgroundImage_dark.js +0 -6
  149. package/dist/esm/c_compass__hero_BackgroundImage_light.d.ts +0 -6
  150. package/dist/esm/c_compass__hero_BackgroundImage_light.js +0 -6
  151. package/dist/esm/c_compass__hero_body_MaxWidth.d.ts +0 -6
  152. package/dist/esm/c_compass__hero_body_MaxWidth.js +0 -6
  153. package/dist/esm/c_compass__hero_body_Width.d.ts +0 -6
  154. package/dist/esm/c_compass__hero_body_Width.js +0 -6
  155. package/dist/esm/c_compass__hero_gradient_angle.d.ts +0 -6
  156. package/dist/esm/c_compass__hero_gradient_angle.js +0 -6
  157. package/dist/esm/c_compass__hero_gradient_stop_1_dark.d.ts +0 -6
  158. package/dist/esm/c_compass__hero_gradient_stop_1_dark.js +0 -6
  159. package/dist/esm/c_compass__hero_gradient_stop_1_light.d.ts +0 -6
  160. package/dist/esm/c_compass__hero_gradient_stop_1_light.js +0 -6
  161. package/dist/esm/c_compass__hero_gradient_stop_2_dark.d.ts +0 -6
  162. package/dist/esm/c_compass__hero_gradient_stop_2_dark.js +0 -6
  163. package/dist/esm/c_compass__hero_gradient_stop_2_light.d.ts +0 -6
  164. package/dist/esm/c_compass__hero_gradient_stop_2_light.js +0 -6
  165. package/dist/esm/c_compass__hero_gradient_stop_3_dark.d.ts +0 -6
  166. package/dist/esm/c_compass__hero_gradient_stop_3_dark.js +0 -6
  167. package/dist/esm/c_compass__hero_gradient_stop_3_light.d.ts +0 -6
  168. package/dist/esm/c_compass__hero_gradient_stop_3_light.js +0 -6
  169. package/dist/js/c_compass__hero_BackgroundImage_dark.d.ts +0 -6
  170. package/dist/js/c_compass__hero_BackgroundImage_dark.js +0 -8
  171. package/dist/js/c_compass__hero_BackgroundImage_light.d.ts +0 -6
  172. package/dist/js/c_compass__hero_BackgroundImage_light.js +0 -8
  173. package/dist/js/c_compass__hero_body_MaxWidth.d.ts +0 -6
  174. package/dist/js/c_compass__hero_body_MaxWidth.js +0 -8
  175. package/dist/js/c_compass__hero_body_Width.d.ts +0 -6
  176. package/dist/js/c_compass__hero_body_Width.js +0 -8
  177. package/dist/js/c_compass__hero_gradient_angle.d.ts +0 -6
  178. package/dist/js/c_compass__hero_gradient_angle.js +0 -8
  179. package/dist/js/c_compass__hero_gradient_stop_1_dark.d.ts +0 -6
  180. package/dist/js/c_compass__hero_gradient_stop_1_dark.js +0 -8
  181. package/dist/js/c_compass__hero_gradient_stop_1_light.d.ts +0 -6
  182. package/dist/js/c_compass__hero_gradient_stop_1_light.js +0 -8
  183. package/dist/js/c_compass__hero_gradient_stop_2_dark.d.ts +0 -6
  184. package/dist/js/c_compass__hero_gradient_stop_2_dark.js +0 -8
  185. package/dist/js/c_compass__hero_gradient_stop_2_light.d.ts +0 -6
  186. package/dist/js/c_compass__hero_gradient_stop_2_light.js +0 -8
  187. package/dist/js/c_compass__hero_gradient_stop_3_dark.d.ts +0 -6
  188. package/dist/js/c_compass__hero_gradient_stop_3_dark.js +0 -8
  189. package/dist/js/c_compass__hero_gradient_stop_3_light.d.ts +0 -6
  190. package/dist/js/c_compass__hero_gradient_stop_3_light.js +0 -8
package/CHANGELOG.md CHANGED
@@ -3,6 +3,12 @@
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.5](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.4...@patternfly/react-tokens@6.5.0-prerelease.5) (2025-11-12)
7
+
8
+ ### Features
9
+
10
+ - **Hero:** added component ([#12131](https://github.com/patternfly/patternfly-react/issues/12131)) ([8da87a2](https://github.com/patternfly/patternfly-react/commit/8da87a2615bb6cfc350a52677ec6bdae335bb6f8))
11
+
6
12
  # [6.5.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.3...@patternfly/react-tokens@6.5.0-prerelease.4) (2025-11-06)
7
13
 
8
14
  ### Features
@@ -162,50 +162,6 @@ export const c_compass: {
162
162
  "c_compass__message_bar_MaxWidth": {
163
163
  "name": "--pf-v6-c-compass__message-bar--MaxWidth",
164
164
  "value": "600px"
165
- },
166
- "c_compass__hero_gradient_angle": {
167
- "name": "--pf-v6-c-compass__hero--gradient--angle",
168
- "value": "109deg"
169
- },
170
- "c_compass__hero_gradient_stop_1_light": {
171
- "name": "--pf-v6-c-compass__hero--gradient--stop-1--light",
172
- "value": "transparent"
173
- },
174
- "c_compass__hero_gradient_stop_2_light": {
175
- "name": "--pf-v6-c-compass__hero--gradient--stop-2--light",
176
- "value": "transparent"
177
- },
178
- "c_compass__hero_gradient_stop_3_light": {
179
- "name": "--pf-v6-c-compass__hero--gradient--stop-3--light",
180
- "value": "transparent"
181
- },
182
- "c_compass__hero_gradient_stop_1_dark": {
183
- "name": "--pf-v6-c-compass__hero--gradient--stop-1--dark",
184
- "value": "transparent"
185
- },
186
- "c_compass__hero_gradient_stop_2_dark": {
187
- "name": "--pf-v6-c-compass__hero--gradient--stop-2--dark",
188
- "value": "transparent"
189
- },
190
- "c_compass__hero_gradient_stop_3_dark": {
191
- "name": "--pf-v6-c-compass__hero--gradient--stop-3--dark",
192
- "value": "transparent"
193
- },
194
- "c_compass__hero_BackgroundImage_light": {
195
- "name": "--pf-v6-c-compass__hero--BackgroundImage--light",
196
- "value": "none"
197
- },
198
- "c_compass__hero_BackgroundImage_dark": {
199
- "name": "--pf-v6-c-compass__hero--BackgroundImage--dark",
200
- "value": "none"
201
- },
202
- "c_compass__hero_body_Width": {
203
- "name": "--pf-v6-c-compass__hero-body--Width",
204
- "value": "800px"
205
- },
206
- "c_compass__hero_body_MaxWidth": {
207
- "name": "--pf-v6-c-compass__hero-body--MaxWidth",
208
- "value": "80%"
209
165
  }
210
166
  },
211
167
  ".pf-v6-c-compass__panel.pf-m-no-glass": {
@@ -162,50 +162,6 @@ export const c_compass = {
162
162
  "c_compass__message_bar_MaxWidth": {
163
163
  "name": "--pf-v6-c-compass__message-bar--MaxWidth",
164
164
  "value": "600px"
165
- },
166
- "c_compass__hero_gradient_angle": {
167
- "name": "--pf-v6-c-compass__hero--gradient--angle",
168
- "value": "109deg"
169
- },
170
- "c_compass__hero_gradient_stop_1_light": {
171
- "name": "--pf-v6-c-compass__hero--gradient--stop-1--light",
172
- "value": "transparent"
173
- },
174
- "c_compass__hero_gradient_stop_2_light": {
175
- "name": "--pf-v6-c-compass__hero--gradient--stop-2--light",
176
- "value": "transparent"
177
- },
178
- "c_compass__hero_gradient_stop_3_light": {
179
- "name": "--pf-v6-c-compass__hero--gradient--stop-3--light",
180
- "value": "transparent"
181
- },
182
- "c_compass__hero_gradient_stop_1_dark": {
183
- "name": "--pf-v6-c-compass__hero--gradient--stop-1--dark",
184
- "value": "transparent"
185
- },
186
- "c_compass__hero_gradient_stop_2_dark": {
187
- "name": "--pf-v6-c-compass__hero--gradient--stop-2--dark",
188
- "value": "transparent"
189
- },
190
- "c_compass__hero_gradient_stop_3_dark": {
191
- "name": "--pf-v6-c-compass__hero--gradient--stop-3--dark",
192
- "value": "transparent"
193
- },
194
- "c_compass__hero_BackgroundImage_light": {
195
- "name": "--pf-v6-c-compass__hero--BackgroundImage--light",
196
- "value": "none"
197
- },
198
- "c_compass__hero_BackgroundImage_dark": {
199
- "name": "--pf-v6-c-compass__hero--BackgroundImage--dark",
200
- "value": "none"
201
- },
202
- "c_compass__hero_body_Width": {
203
- "name": "--pf-v6-c-compass__hero-body--Width",
204
- "value": "800px"
205
- },
206
- "c_compass__hero_body_MaxWidth": {
207
- "name": "--pf-v6-c-compass__hero-body--MaxWidth",
208
- "value": "80%"
209
165
  }
210
166
  },
211
167
  ".pf-v6-c-compass__panel.pf-m-no-glass": {
@@ -0,0 +1,219 @@
1
+ export const c_hero: {
2
+ ".pf-v6-c-hero": {
3
+ "c_hero_PaddingBlockStart": {
4
+ "name": "--pf-v6-c-hero--PaddingBlockStart",
5
+ "value": "2rem",
6
+ "values": [
7
+ "--pf-t--global--spacer--xl",
8
+ "--pf-t--global--spacer--500",
9
+ "2rem"
10
+ ]
11
+ },
12
+ "c_hero_PaddingBlockEnd": {
13
+ "name": "--pf-v6-c-hero--PaddingBlockEnd",
14
+ "value": "2rem",
15
+ "values": [
16
+ "--pf-t--global--spacer--xl",
17
+ "--pf-t--global--spacer--500",
18
+ "2rem"
19
+ ]
20
+ },
21
+ "c_hero_PaddingInlineStart": {
22
+ "name": "--pf-v6-c-hero--PaddingInlineStart",
23
+ "value": "4rem",
24
+ "values": [
25
+ "--pf-t--global--spacer--3xl",
26
+ "--pf-t--global--spacer--700",
27
+ "4rem"
28
+ ]
29
+ },
30
+ "c_hero_PaddingInlineEnd": {
31
+ "name": "--pf-v6-c-hero--PaddingInlineEnd",
32
+ "value": "2rem",
33
+ "values": [
34
+ "--pf-t--global--spacer--xl",
35
+ "--pf-t--global--spacer--500",
36
+ "2rem"
37
+ ]
38
+ },
39
+ "c_hero_gradient_angle": {
40
+ "name": "--pf-v6-c-hero--gradient--angle",
41
+ "value": "109deg"
42
+ },
43
+ "c_hero_gradient_stop_1_light": {
44
+ "name": "--pf-v6-c-hero--gradient--stop-1--light",
45
+ "value": "transparent"
46
+ },
47
+ "c_hero_gradient_stop_2_light": {
48
+ "name": "--pf-v6-c-hero--gradient--stop-2--light",
49
+ "value": "transparent"
50
+ },
51
+ "c_hero_gradient_stop_3_light": {
52
+ "name": "--pf-v6-c-hero--gradient--stop-3--light",
53
+ "value": "transparent"
54
+ },
55
+ "c_hero_gradient_stop_1_dark": {
56
+ "name": "--pf-v6-c-hero--gradient--stop-1--dark",
57
+ "value": "transparent"
58
+ },
59
+ "c_hero_gradient_stop_2_dark": {
60
+ "name": "--pf-v6-c-hero--gradient--stop-2--dark",
61
+ "value": "transparent"
62
+ },
63
+ "c_hero_gradient_stop_3_dark": {
64
+ "name": "--pf-v6-c-hero--gradient--stop-3--dark",
65
+ "value": "transparent"
66
+ },
67
+ "c_hero_BackgroundColor": {
68
+ "name": "--pf-v6-c-hero--BackgroundColor",
69
+ "value": "#ffffff",
70
+ "values": [
71
+ "--pf-t--global--background--color--glass--default",
72
+ "--pf-t--global--background--color--glass--default--base",
73
+ "--pf-t--global--background--color--primary--default",
74
+ "--pf-t--global--background--color--100",
75
+ "--pf-t--color--white",
76
+ "#ffffff"
77
+ ]
78
+ },
79
+ "c_hero_BackdropFilter": {
80
+ "name": "--pf-v6-c-hero--BackdropFilter",
81
+ "value": "none",
82
+ "values": [
83
+ "--pf-t--global--background--color--glass--filter",
84
+ "--pf-t--global--background--color--glass--filter--base",
85
+ "none"
86
+ ]
87
+ },
88
+ "c_hero_BackgroundImage_light": {
89
+ "name": "--pf-v6-c-hero--BackgroundImage--light",
90
+ "value": "none"
91
+ },
92
+ "c_hero_BackgroundImage_dark": {
93
+ "name": "--pf-v6-c-hero--BackgroundImage--dark",
94
+ "value": "none"
95
+ },
96
+ "c_hero_BackgroundRepeat": {
97
+ "name": "--pf-v6-c-hero--BackgroundRepeat",
98
+ "value": "no-repeat"
99
+ },
100
+ "c_hero_BackgroundPosition": {
101
+ "name": "--pf-v6-c-hero--BackgroundPosition",
102
+ "value": "right center"
103
+ },
104
+ "c_hero_BackgroundSize": {
105
+ "name": "--pf-v6-c-hero--BackgroundSize",
106
+ "value": "contain"
107
+ },
108
+ "c_hero_BorderStyle": {
109
+ "name": "--pf-v6-c-hero--BorderStyle",
110
+ "value": "solid"
111
+ },
112
+ "c_hero_BorderBlockStartWidth": {
113
+ "name": "--pf-v6-c-hero--BorderBlockStartWidth",
114
+ "value": "1px",
115
+ "values": [
116
+ "--pf-t--global--border--width--regular",
117
+ "--pf-t--global--border--width--100",
118
+ "1px"
119
+ ]
120
+ },
121
+ "c_hero_BorderBlockEndWidth": {
122
+ "name": "--pf-v6-c-hero--BorderBlockEndWidth",
123
+ "value": "1px",
124
+ "values": [
125
+ "--pf-t--global--border--width--regular",
126
+ "--pf-t--global--border--width--100",
127
+ "1px"
128
+ ]
129
+ },
130
+ "c_hero_BorderInlineStartWidth": {
131
+ "name": "--pf-v6-c-hero--BorderInlineStartWidth",
132
+ "value": "1px",
133
+ "values": [
134
+ "--pf-t--global--border--width--regular",
135
+ "--pf-t--global--border--width--100",
136
+ "1px"
137
+ ]
138
+ },
139
+ "c_hero_BorderInlineEndWidth": {
140
+ "name": "--pf-v6-c-hero--BorderInlineEndWidth",
141
+ "value": "1px",
142
+ "values": [
143
+ "--pf-t--global--border--width--regular",
144
+ "--pf-t--global--border--width--100",
145
+ "1px"
146
+ ]
147
+ },
148
+ "c_hero_BorderColor": {
149
+ "name": "--pf-v6-c-hero--BorderColor",
150
+ "value": "#c7c7c7",
151
+ "values": [
152
+ "--pf-t--global--border--color--default",
153
+ "--pf-t--global--border--color--100",
154
+ "--pf-t--color--gray--30",
155
+ "#c7c7c7"
156
+ ]
157
+ },
158
+ "c_hero_m_glass_BorderColor": {
159
+ "name": "--pf-v6-c-hero--m-glass--BorderColor",
160
+ "value": "#ffffff",
161
+ "values": [
162
+ "--pf-t--global--border--color--alt",
163
+ "--pf-t--global--background--color--primary--default",
164
+ "--pf-t--global--background--color--100",
165
+ "--pf-t--color--white",
166
+ "#ffffff"
167
+ ]
168
+ },
169
+ "c_hero_m_glass_BoxShadow": {
170
+ "name": "--pf-v6-c-hero--m-glass--BoxShadow",
171
+ "value": "0px\n 4px\n 9px\n 0px\n rgba(41, 41, 41, 0.1500)",
172
+ "values": [
173
+ "--pf-t--global--box-shadow--md",
174
+ "--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",
175
+ "--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",
176
+ "0px\n 4px\n 9px\n 0px\n rgba(41, 41, 41, 0.1500)"
177
+ ]
178
+ },
179
+ "c_hero_BorderStartStartRadius": {
180
+ "name": "--pf-v6-c-hero--BorderStartStartRadius",
181
+ "value": "24px"
182
+ },
183
+ "c_hero_BorderStartEndRadius": {
184
+ "name": "--pf-v6-c-hero--BorderStartEndRadius",
185
+ "value": "72px"
186
+ },
187
+ "c_hero_BorderEndEndRadius": {
188
+ "name": "--pf-v6-c-hero--BorderEndEndRadius",
189
+ "value": "24px"
190
+ },
191
+ "c_hero_BorderEndStartRadius": {
192
+ "name": "--pf-v6-c-hero--BorderEndStartRadius",
193
+ "value": "72px"
194
+ },
195
+ "c_hero__body_Width": {
196
+ "name": "--pf-v6-c-hero__body--Width",
197
+ "value": "800px"
198
+ },
199
+ "c_hero__body_MaxWidth": {
200
+ "name": "--pf-v6-c-hero__body--MaxWidth",
201
+ "value": "80%"
202
+ }
203
+ },
204
+ ":root:where(.pf-v6-theme-glass) .pf-v6-c-hero": {
205
+ "c_hero_BorderColor": {
206
+ "name": "--pf-v6-c-hero--BorderColor",
207
+ "value": "#ffffff",
208
+ "values": [
209
+ "--pf-v6-c-hero--m-glass--BorderColor",
210
+ "--pf-t--global--border--color--alt",
211
+ "--pf-t--global--background--color--primary--default",
212
+ "--pf-t--global--background--color--100",
213
+ "--pf-t--color--white",
214
+ "#ffffff"
215
+ ]
216
+ }
217
+ }
218
+ };
219
+ export default c_hero;
@@ -0,0 +1,219 @@
1
+ export const c_hero = {
2
+ ".pf-v6-c-hero": {
3
+ "c_hero_PaddingBlockStart": {
4
+ "name": "--pf-v6-c-hero--PaddingBlockStart",
5
+ "value": "2rem",
6
+ "values": [
7
+ "--pf-t--global--spacer--xl",
8
+ "--pf-t--global--spacer--500",
9
+ "2rem"
10
+ ]
11
+ },
12
+ "c_hero_PaddingBlockEnd": {
13
+ "name": "--pf-v6-c-hero--PaddingBlockEnd",
14
+ "value": "2rem",
15
+ "values": [
16
+ "--pf-t--global--spacer--xl",
17
+ "--pf-t--global--spacer--500",
18
+ "2rem"
19
+ ]
20
+ },
21
+ "c_hero_PaddingInlineStart": {
22
+ "name": "--pf-v6-c-hero--PaddingInlineStart",
23
+ "value": "4rem",
24
+ "values": [
25
+ "--pf-t--global--spacer--3xl",
26
+ "--pf-t--global--spacer--700",
27
+ "4rem"
28
+ ]
29
+ },
30
+ "c_hero_PaddingInlineEnd": {
31
+ "name": "--pf-v6-c-hero--PaddingInlineEnd",
32
+ "value": "2rem",
33
+ "values": [
34
+ "--pf-t--global--spacer--xl",
35
+ "--pf-t--global--spacer--500",
36
+ "2rem"
37
+ ]
38
+ },
39
+ "c_hero_gradient_angle": {
40
+ "name": "--pf-v6-c-hero--gradient--angle",
41
+ "value": "109deg"
42
+ },
43
+ "c_hero_gradient_stop_1_light": {
44
+ "name": "--pf-v6-c-hero--gradient--stop-1--light",
45
+ "value": "transparent"
46
+ },
47
+ "c_hero_gradient_stop_2_light": {
48
+ "name": "--pf-v6-c-hero--gradient--stop-2--light",
49
+ "value": "transparent"
50
+ },
51
+ "c_hero_gradient_stop_3_light": {
52
+ "name": "--pf-v6-c-hero--gradient--stop-3--light",
53
+ "value": "transparent"
54
+ },
55
+ "c_hero_gradient_stop_1_dark": {
56
+ "name": "--pf-v6-c-hero--gradient--stop-1--dark",
57
+ "value": "transparent"
58
+ },
59
+ "c_hero_gradient_stop_2_dark": {
60
+ "name": "--pf-v6-c-hero--gradient--stop-2--dark",
61
+ "value": "transparent"
62
+ },
63
+ "c_hero_gradient_stop_3_dark": {
64
+ "name": "--pf-v6-c-hero--gradient--stop-3--dark",
65
+ "value": "transparent"
66
+ },
67
+ "c_hero_BackgroundColor": {
68
+ "name": "--pf-v6-c-hero--BackgroundColor",
69
+ "value": "#ffffff",
70
+ "values": [
71
+ "--pf-t--global--background--color--glass--default",
72
+ "--pf-t--global--background--color--glass--default--base",
73
+ "--pf-t--global--background--color--primary--default",
74
+ "--pf-t--global--background--color--100",
75
+ "--pf-t--color--white",
76
+ "#ffffff"
77
+ ]
78
+ },
79
+ "c_hero_BackdropFilter": {
80
+ "name": "--pf-v6-c-hero--BackdropFilter",
81
+ "value": "none",
82
+ "values": [
83
+ "--pf-t--global--background--color--glass--filter",
84
+ "--pf-t--global--background--color--glass--filter--base",
85
+ "none"
86
+ ]
87
+ },
88
+ "c_hero_BackgroundImage_light": {
89
+ "name": "--pf-v6-c-hero--BackgroundImage--light",
90
+ "value": "none"
91
+ },
92
+ "c_hero_BackgroundImage_dark": {
93
+ "name": "--pf-v6-c-hero--BackgroundImage--dark",
94
+ "value": "none"
95
+ },
96
+ "c_hero_BackgroundRepeat": {
97
+ "name": "--pf-v6-c-hero--BackgroundRepeat",
98
+ "value": "no-repeat"
99
+ },
100
+ "c_hero_BackgroundPosition": {
101
+ "name": "--pf-v6-c-hero--BackgroundPosition",
102
+ "value": "right center"
103
+ },
104
+ "c_hero_BackgroundSize": {
105
+ "name": "--pf-v6-c-hero--BackgroundSize",
106
+ "value": "contain"
107
+ },
108
+ "c_hero_BorderStyle": {
109
+ "name": "--pf-v6-c-hero--BorderStyle",
110
+ "value": "solid"
111
+ },
112
+ "c_hero_BorderBlockStartWidth": {
113
+ "name": "--pf-v6-c-hero--BorderBlockStartWidth",
114
+ "value": "1px",
115
+ "values": [
116
+ "--pf-t--global--border--width--regular",
117
+ "--pf-t--global--border--width--100",
118
+ "1px"
119
+ ]
120
+ },
121
+ "c_hero_BorderBlockEndWidth": {
122
+ "name": "--pf-v6-c-hero--BorderBlockEndWidth",
123
+ "value": "1px",
124
+ "values": [
125
+ "--pf-t--global--border--width--regular",
126
+ "--pf-t--global--border--width--100",
127
+ "1px"
128
+ ]
129
+ },
130
+ "c_hero_BorderInlineStartWidth": {
131
+ "name": "--pf-v6-c-hero--BorderInlineStartWidth",
132
+ "value": "1px",
133
+ "values": [
134
+ "--pf-t--global--border--width--regular",
135
+ "--pf-t--global--border--width--100",
136
+ "1px"
137
+ ]
138
+ },
139
+ "c_hero_BorderInlineEndWidth": {
140
+ "name": "--pf-v6-c-hero--BorderInlineEndWidth",
141
+ "value": "1px",
142
+ "values": [
143
+ "--pf-t--global--border--width--regular",
144
+ "--pf-t--global--border--width--100",
145
+ "1px"
146
+ ]
147
+ },
148
+ "c_hero_BorderColor": {
149
+ "name": "--pf-v6-c-hero--BorderColor",
150
+ "value": "#c7c7c7",
151
+ "values": [
152
+ "--pf-t--global--border--color--default",
153
+ "--pf-t--global--border--color--100",
154
+ "--pf-t--color--gray--30",
155
+ "#c7c7c7"
156
+ ]
157
+ },
158
+ "c_hero_m_glass_BorderColor": {
159
+ "name": "--pf-v6-c-hero--m-glass--BorderColor",
160
+ "value": "#ffffff",
161
+ "values": [
162
+ "--pf-t--global--border--color--alt",
163
+ "--pf-t--global--background--color--primary--default",
164
+ "--pf-t--global--background--color--100",
165
+ "--pf-t--color--white",
166
+ "#ffffff"
167
+ ]
168
+ },
169
+ "c_hero_m_glass_BoxShadow": {
170
+ "name": "--pf-v6-c-hero--m-glass--BoxShadow",
171
+ "value": "0px\n 4px\n 9px\n 0px\n rgba(41, 41, 41, 0.1500)",
172
+ "values": [
173
+ "--pf-t--global--box-shadow--md",
174
+ "--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",
175
+ "--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",
176
+ "0px\n 4px\n 9px\n 0px\n rgba(41, 41, 41, 0.1500)"
177
+ ]
178
+ },
179
+ "c_hero_BorderStartStartRadius": {
180
+ "name": "--pf-v6-c-hero--BorderStartStartRadius",
181
+ "value": "24px"
182
+ },
183
+ "c_hero_BorderStartEndRadius": {
184
+ "name": "--pf-v6-c-hero--BorderStartEndRadius",
185
+ "value": "72px"
186
+ },
187
+ "c_hero_BorderEndEndRadius": {
188
+ "name": "--pf-v6-c-hero--BorderEndEndRadius",
189
+ "value": "24px"
190
+ },
191
+ "c_hero_BorderEndStartRadius": {
192
+ "name": "--pf-v6-c-hero--BorderEndStartRadius",
193
+ "value": "72px"
194
+ },
195
+ "c_hero__body_Width": {
196
+ "name": "--pf-v6-c-hero__body--Width",
197
+ "value": "800px"
198
+ },
199
+ "c_hero__body_MaxWidth": {
200
+ "name": "--pf-v6-c-hero__body--MaxWidth",
201
+ "value": "80%"
202
+ }
203
+ },
204
+ ":root:where(.pf-v6-theme-glass) .pf-v6-c-hero": {
205
+ "c_hero_BorderColor": {
206
+ "name": "--pf-v6-c-hero--BorderColor",
207
+ "value": "#ffffff",
208
+ "values": [
209
+ "--pf-v6-c-hero--m-glass--BorderColor",
210
+ "--pf-t--global--border--color--alt",
211
+ "--pf-t--global--background--color--primary--default",
212
+ "--pf-t--global--background--color--100",
213
+ "--pf-t--color--white",
214
+ "#ffffff"
215
+ ]
216
+ }
217
+ }
218
+ };
219
+ export default c_hero;
@@ -0,0 +1,6 @@
1
+ export const c_hero_BackdropFilter: {
2
+ "name": "--pf-v6-c-hero--BackdropFilter",
3
+ "value": "none",
4
+ "var": "var(--pf-v6-c-hero--BackdropFilter)"
5
+ };
6
+ export default c_hero_BackdropFilter;
@@ -0,0 +1,6 @@
1
+ export const c_hero_BackdropFilter = {
2
+ "name": "--pf-v6-c-hero--BackdropFilter",
3
+ "value": "none",
4
+ "var": "var(--pf-v6-c-hero--BackdropFilter)"
5
+ };
6
+ export default c_hero_BackdropFilter;
@@ -0,0 +1,6 @@
1
+ export const c_hero_BackgroundColor: {
2
+ "name": "--pf-v6-c-hero--BackgroundColor",
3
+ "value": "#ffffff",
4
+ "var": "var(--pf-v6-c-hero--BackgroundColor)"
5
+ };
6
+ export default c_hero_BackgroundColor;
@@ -0,0 +1,6 @@
1
+ export const c_hero_BackgroundColor = {
2
+ "name": "--pf-v6-c-hero--BackgroundColor",
3
+ "value": "#ffffff",
4
+ "var": "var(--pf-v6-c-hero--BackgroundColor)"
5
+ };
6
+ export default c_hero_BackgroundColor;
@@ -0,0 +1,6 @@
1
+ export const c_hero_BackgroundImage_dark: {
2
+ "name": "--pf-v6-c-hero--BackgroundImage--dark",
3
+ "value": "none",
4
+ "var": "var(--pf-v6-c-hero--BackgroundImage--dark)"
5
+ };
6
+ export default c_hero_BackgroundImage_dark;
@@ -0,0 +1,6 @@
1
+ export const c_hero_BackgroundImage_dark = {
2
+ "name": "--pf-v6-c-hero--BackgroundImage--dark",
3
+ "value": "none",
4
+ "var": "var(--pf-v6-c-hero--BackgroundImage--dark)"
5
+ };
6
+ export default c_hero_BackgroundImage_dark;
@@ -0,0 +1,6 @@
1
+ export const c_hero_BackgroundImage_light: {
2
+ "name": "--pf-v6-c-hero--BackgroundImage--light",
3
+ "value": "none",
4
+ "var": "var(--pf-v6-c-hero--BackgroundImage--light)"
5
+ };
6
+ export default c_hero_BackgroundImage_light;
@@ -0,0 +1,6 @@
1
+ export const c_hero_BackgroundImage_light = {
2
+ "name": "--pf-v6-c-hero--BackgroundImage--light",
3
+ "value": "none",
4
+ "var": "var(--pf-v6-c-hero--BackgroundImage--light)"
5
+ };
6
+ export default c_hero_BackgroundImage_light;
@@ -0,0 +1,6 @@
1
+ export const c_hero_BackgroundPosition: {
2
+ "name": "--pf-v6-c-hero--BackgroundPosition",
3
+ "value": "right center",
4
+ "var": "var(--pf-v6-c-hero--BackgroundPosition)"
5
+ };
6
+ export default c_hero_BackgroundPosition;
@@ -0,0 +1,6 @@
1
+ export const c_hero_BackgroundPosition = {
2
+ "name": "--pf-v6-c-hero--BackgroundPosition",
3
+ "value": "right center",
4
+ "var": "var(--pf-v6-c-hero--BackgroundPosition)"
5
+ };
6
+ export default c_hero_BackgroundPosition;
@@ -0,0 +1,6 @@
1
+ export const c_hero_BackgroundRepeat: {
2
+ "name": "--pf-v6-c-hero--BackgroundRepeat",
3
+ "value": "no-repeat",
4
+ "var": "var(--pf-v6-c-hero--BackgroundRepeat)"
5
+ };
6
+ export default c_hero_BackgroundRepeat;
@@ -0,0 +1,6 @@
1
+ export const c_hero_BackgroundRepeat = {
2
+ "name": "--pf-v6-c-hero--BackgroundRepeat",
3
+ "value": "no-repeat",
4
+ "var": "var(--pf-v6-c-hero--BackgroundRepeat)"
5
+ };
6
+ export default c_hero_BackgroundRepeat;
@@ -0,0 +1,6 @@
1
+ export const c_hero_BackgroundSize: {
2
+ "name": "--pf-v6-c-hero--BackgroundSize",
3
+ "value": "contain",
4
+ "var": "var(--pf-v6-c-hero--BackgroundSize)"
5
+ };
6
+ export default c_hero_BackgroundSize;
@@ -0,0 +1,6 @@
1
+ export const c_hero_BackgroundSize = {
2
+ "name": "--pf-v6-c-hero--BackgroundSize",
3
+ "value": "contain",
4
+ "var": "var(--pf-v6-c-hero--BackgroundSize)"
5
+ };
6
+ export default c_hero_BackgroundSize;
@@ -0,0 +1,6 @@
1
+ export const c_hero_BorderBlockEndWidth: {
2
+ "name": "--pf-v6-c-hero--BorderBlockEndWidth",
3
+ "value": "1px",
4
+ "var": "var(--pf-v6-c-hero--BorderBlockEndWidth)"
5
+ };
6
+ export default c_hero_BorderBlockEndWidth;