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