@patternfly/react-core 4.230.1 → 4.231.2

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 (59) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/esm/components/Menu/Menu.d.ts.map +1 -1
  3. package/dist/esm/components/Menu/Menu.js +3 -2
  4. package/dist/esm/components/Menu/Menu.js.map +1 -1
  5. package/dist/esm/components/MenuToggle/MenuToggle.d.ts +8 -0
  6. package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  7. package/dist/esm/components/MenuToggle/MenuToggle.js +12 -7
  8. package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
  9. package/dist/esm/components/MenuToggle/MenuToggleAction.d.ts +19 -0
  10. package/dist/esm/components/MenuToggle/MenuToggleAction.d.ts.map +1 -0
  11. package/dist/esm/components/MenuToggle/MenuToggleAction.js +17 -0
  12. package/dist/esm/components/MenuToggle/MenuToggleAction.js.map +1 -0
  13. package/dist/esm/components/MenuToggle/MenuToggleCheckbox.d.ts +36 -0
  14. package/dist/esm/components/MenuToggle/MenuToggleCheckbox.d.ts.map +1 -0
  15. package/dist/esm/components/MenuToggle/MenuToggleCheckbox.js +43 -0
  16. package/dist/esm/components/MenuToggle/MenuToggleCheckbox.js.map +1 -0
  17. package/dist/esm/components/MenuToggle/index.d.ts +2 -0
  18. package/dist/esm/components/MenuToggle/index.d.ts.map +1 -1
  19. package/dist/esm/components/MenuToggle/index.js +2 -0
  20. package/dist/esm/components/MenuToggle/index.js.map +1 -1
  21. package/dist/js/components/Menu/Menu.d.ts.map +1 -1
  22. package/dist/js/components/Menu/Menu.js +3 -2
  23. package/dist/js/components/Menu/Menu.js.map +1 -1
  24. package/dist/js/components/MenuToggle/MenuToggle.d.ts +8 -0
  25. package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  26. package/dist/js/components/MenuToggle/MenuToggle.js +12 -7
  27. package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
  28. package/dist/js/components/MenuToggle/MenuToggleAction.d.ts +19 -0
  29. package/dist/js/components/MenuToggle/MenuToggleAction.d.ts.map +1 -0
  30. package/dist/js/components/MenuToggle/MenuToggleAction.js +21 -0
  31. package/dist/js/components/MenuToggle/MenuToggleAction.js.map +1 -0
  32. package/dist/js/components/MenuToggle/MenuToggleCheckbox.d.ts +36 -0
  33. package/dist/js/components/MenuToggle/MenuToggleCheckbox.d.ts.map +1 -0
  34. package/dist/js/components/MenuToggle/MenuToggleCheckbox.js +47 -0
  35. package/dist/js/components/MenuToggle/MenuToggleCheckbox.js.map +1 -0
  36. package/dist/js/components/MenuToggle/index.d.ts +2 -0
  37. package/dist/js/components/MenuToggle/index.d.ts.map +1 -1
  38. package/dist/js/components/MenuToggle/index.js +2 -0
  39. package/dist/js/components/MenuToggle/index.js.map +1 -1
  40. package/dist/umd/react-core.css +79 -79
  41. package/dist/umd/react-core.js +68 -9
  42. package/dist/umd/react-core.min.css +756 -756
  43. package/dist/umd/react-core.min.js +4 -4
  44. package/package.json +6 -6
  45. package/src/components/Menu/Menu.tsx +4 -1
  46. package/src/components/MenuToggle/MenuToggle.tsx +53 -27
  47. package/src/components/MenuToggle/MenuToggleAction.tsx +42 -0
  48. package/src/components/MenuToggle/MenuToggleCheckbox.tsx +104 -0
  49. package/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +1 -1
  50. package/src/components/MenuToggle/examples/MenuToggle.md +35 -2
  51. package/src/components/MenuToggle/examples/MenuToggleSplitButtonAction.tsx +51 -0
  52. package/src/components/MenuToggle/examples/MenuToggleSplitButtonActionPrimary.tsx +58 -0
  53. package/src/components/MenuToggle/examples/MenuToggleSplitButtonActionSecondary.tsx +58 -0
  54. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckbox.tsx +40 -0
  55. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxPrimary.tsx +55 -0
  56. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxSecondary.tsx +55 -0
  57. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithText.tsx +52 -0
  58. package/src/components/MenuToggle/index.ts +2 -0
  59. package/src/demos/ComposableMenu/examples/ComposableSimpleCheckboxSelect.tsx +4 -4
@@ -21,251 +21,6 @@
21
21
  overflow: hidden;
22
22
  }
23
23
 
24
- .pf-c-accordion {
25
- --pf-global--Color--100: var(--pf-global--Color--dark-100);
26
- --pf-global--Color--200: var(--pf-global--Color--dark-200);
27
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
28
- --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
29
- --pf-global--link--Color: var(--pf-global--link--Color--dark);
30
- --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
31
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
32
- }
33
-
34
- .pf-c-accordion {
35
- --pf-c-accordion--BackgroundColor: var(--pf-global--BackgroundColor--100);
36
- --pf-c-accordion__toggle--PaddingTop: var(--pf-global--spacer--sm);
37
- --pf-c-accordion__toggle--PaddingRight: var(--pf-global--spacer--md);
38
- --pf-c-accordion__toggle--PaddingBottom: var(--pf-global--spacer--sm);
39
- --pf-c-accordion__toggle--PaddingLeft: var(--pf-global--spacer--md);
40
- --pf-c-accordion__toggle--before--BackgroundColor: transparent;
41
- --pf-c-accordion__toggle--before--Top: 0;
42
- --pf-c-accordion__toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
43
- --pf-c-accordion__toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
44
- --pf-c-accordion__toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
45
- --pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
46
- --pf-c-accordion__toggle--m-expanded--before--BackgroundColor: var(--pf-global--primary-color--100);
47
- --pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
48
- --pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
49
- --pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
50
- --pf-c-accordion__toggle--active__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
51
- --pf-c-accordion__toggle--focus__toggle-text--Color: var(--pf-global--link--Color);
52
- --pf-c-accordion__toggle--focus__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
53
- --pf-c-accordion__toggle--m-expanded__toggle-text--Color: var(--pf-global--link--Color);
54
- --pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
55
- --pf-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
56
- --pf-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
57
- --pf-c-accordion__expanded-content--Color: var(--pf-global--Color--200);
58
- --pf-c-accordion__expanded-content--FontSize: var(--pf-global--FontSize--sm);
59
- --pf-c-accordion__expanded-content--m-expanded__expanded-content-body--before--BackgroundColor: var(--pf-global--primary-color--100);
60
- --pf-c-accordion__expanded-content--m-fixed--MaxHeight: 9.375rem;
61
- --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-global--spacer--sm);
62
- --pf-c-accordion__expanded-content-body--PaddingRight: var(--pf-global--spacer--md);
63
- --pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-global--spacer--sm);
64
- --pf-c-accordion__expanded-content-body--PaddingLeft: var(--pf-global--spacer--md);
65
- --pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop: 0;
66
- --pf-c-accordion__expanded-content-body--before--BackgroundColor: transparent;
67
- --pf-c-accordion__expanded-content-body--before--Width: var(--pf-global--BorderWidth--lg);
68
- --pf-c-accordion__expanded-content-body--before--Top: 0;
69
- --pf-c-accordion--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
70
- --pf-c-accordion--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
71
- --pf-c-accordion--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
72
- --pf-c-accordion--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--lg);
73
- --pf-c-accordion--m-display-lg__toggle--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
74
- --pf-c-accordion--m-display-lg__toggle--FontSize: var(--pf-global--FontSize--xl);
75
- --pf-c-accordion--m-display-lg__toggle--hover__toggle-text--Color: var(--pf-global--Color--100);
76
- --pf-c-accordion--m-display-lg__toggle--active__toggle-text--Color: var(--pf-global--Color--100);
77
- --pf-c-accordion--m-display-lg__toggle--active__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
78
- --pf-c-accordion--m-display-lg__toggle--focus__toggle-text--Color: var(--pf-global--Color--100);
79
- --pf-c-accordion--m-display-lg__toggle--focus__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
80
- --pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--Color: var(--pf-global--Color--100);
81
- --pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
82
- --pf-c-accordion--m-display-lg__expanded-content--FontSize: var(--pf-global--FontSize--md);
83
- --pf-c-accordion--m-display-lg__expanded-content--Color: var(--pf-global--Color--100);
84
- --pf-c-accordion--m-display-lg__expanded-content-body--PaddingTop: 0;
85
- --pf-c-accordion--m-display-lg__expanded-content-body--PaddingRight: var(--pf-global--spacer--md);
86
- --pf-c-accordion--m-display-lg__expanded-content-body--PaddingBottom: var(--pf-global--spacer--md);
87
- --pf-c-accordion--m-display-lg__expanded-content-body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
88
- --pf-c-accordion--m-display-lg__expanded-content-body--PaddingLeft: var(--pf-global--spacer--lg);
89
- --pf-c-accordion--m-bordered--BorderTopWidth: var(--pf-global--BorderWidth--sm);
90
- --pf-c-accordion--m-bordered--BorderTopColor: var(--pf-global--BorderColor--100);
91
- --pf-c-accordion--m-bordered__toggle--before--Top: calc(-1 * var(--pf-global--BorderWidth--sm));
92
- --pf-c-accordion--m-bordered__toggle--after--BorderColor: var(--pf-global--BorderColor--100);
93
- --pf-c-accordion--m-bordered__toggle--after--BorderTopWidth: 0;
94
- --pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
95
- --pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
96
- --pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor: var(--pf-global--BorderColor--100);
97
- color: var(--pf-global--Color--100);
98
- background-color: var(--pf-c-accordion--BackgroundColor);
99
- }
100
-
101
- .pf-c-accordion.pf-m-display-lg {
102
- --pf-c-accordion__toggle--PaddingTop: var(--pf-c-accordion--m-display-lg__toggle--PaddingTop);
103
- --pf-c-accordion__toggle--PaddingRight: var(--pf-c-accordion--m-display-lg__toggle--PaddingRight);
104
- --pf-c-accordion__toggle--PaddingBottom: var(--pf-c-accordion--m-display-lg__toggle--PaddingBottom);
105
- --pf-c-accordion__toggle--PaddingLeft: var(--pf-c-accordion--m-display-lg__toggle--PaddingLeft);
106
- --pf-c-accordion__toggle--FontFamily: var(--pf-c-accordion--m-display-lg__toggle--FontFamily);
107
- --pf-c-accordion__toggle--FontSize: var(--pf-c-accordion--m-display-lg__toggle--FontSize);
108
- --pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--hover__toggle-text--Color);
109
- --pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--active__toggle-text--Color);
110
- --pf-c-accordion__toggle--active__toggle-text--FontWeight: var(--pf-c-accordion--m-display-lg__toggle--active__toggle-text--FontWeight);
111
- --pf-c-accordion__toggle--focus__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--focus__toggle-text--Color);
112
- --pf-c-accordion__toggle--focus__toggle-text--FontWeight: var(--pf-c-accordion--m-display-lg__toggle--focus__toggle-text--FontWeight);
113
- --pf-c-accordion__toggle--m-expanded__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--Color);
114
- --pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
115
- --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingTop);
116
- --pf-c-accordion__expanded-content-body--PaddingRight: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingRight);
117
- --pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingBottom);
118
- --pf-c-accordion__expanded-content-body--PaddingLeft: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingLeft);
119
- --pf-c-accordion__expanded-content--FontSize: var(--pf-c-accordion--m-display-lg__expanded-content--FontSize);
120
- --pf-c-accordion__expanded-content--Color: var(--pf-c-accordion--m-display-lg__expanded-content--Color);
121
- }
122
-
123
- .pf-c-accordion.pf-m-display-lg .pf-c-accordion__expanded-content-body:last-child {
124
- --pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-c-accordion--m-display-lg__expanded-content-body--last-child--PaddingBottom);
125
- }
126
-
127
- .pf-c-accordion.pf-m-bordered {
128
- --pf-c-accordion__toggle--before--Top: var(--pf-c-accordion--m-bordered__toggle--before--Top);
129
- border-top: var(--pf-c-accordion--m-bordered--BorderTopWidth) solid var(--pf-c-accordion--m-bordered--BorderTopColor);
130
- }
131
-
132
- .pf-c-accordion.pf-m-bordered .pf-c-accordion__toggle::before {
133
- position: absolute;
134
- top: 0;
135
- right: 0;
136
- bottom: 0;
137
- left: 0;
138
- content: "";
139
- border: solid var(--pf-c-accordion--m-bordered__toggle--after--BorderColor);
140
- border-width: var(--pf-c-accordion--m-bordered__toggle--after--BorderTopWidth) 0 var(--pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth);
141
- }
142
-
143
- .pf-c-accordion.pf-m-bordered .pf-c-accordion__toggle.pf-m-expanded {
144
- --pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth: 0;
145
- }
146
-
147
- .pf-c-accordion.pf-m-bordered .pf-c-accordion__expanded-content.pf-m-expanded .pf-c-accordion__expanded-content-body:last-child::before {
148
- position: absolute;
149
- top: 0;
150
- right: 0;
151
- bottom: 0;
152
- left: 0;
153
- pointer-events: none;
154
- content: "";
155
- border-bottom: var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth) solid var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor);
156
- }
157
-
158
- .pf-c-accordion__toggle {
159
- position: relative;
160
- display: flex;
161
- align-items: center;
162
- justify-content: space-between;
163
- width: 100%;
164
- padding: var(--pf-c-accordion__toggle--PaddingTop) var(--pf-c-accordion__toggle--PaddingRight) var(--pf-c-accordion__toggle--PaddingBottom) var(--pf-c-accordion__toggle--PaddingLeft);
165
- font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
166
- font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
167
- border: 0;
168
- }
169
-
170
- .pf-c-accordion__toggle::after {
171
- position: absolute;
172
- top: var(--pf-c-accordion__toggle--before--Top);
173
- bottom: 0;
174
- left: 0;
175
- width: var(--pf-c-accordion__toggle--before--Width);
176
- content: "";
177
- background-color: var(--pf-c-accordion__toggle--before--BackgroundColor);
178
- }
179
-
180
- .pf-c-accordion__toggle.pf-m-expanded {
181
- --pf-c-accordion__toggle--before--BackgroundColor: var(--pf-c-accordion__toggle--m-expanded--before--BackgroundColor);
182
- }
183
-
184
- .pf-c-accordion__toggle.pf-m-expanded .pf-c-accordion__toggle-text {
185
- font-weight: var(--pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
186
- color: var(--pf-c-accordion__toggle--m-expanded__toggle-text--Color);
187
- }
188
-
189
- .pf-c-accordion__toggle.pf-m-expanded .pf-c-accordion__toggle-icon {
190
- transform: rotate(var(--pf-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
191
- }
192
-
193
- .pf-c-accordion__toggle:hover {
194
- background-color: var(--pf-c-accordion__toggle--hover--BackgroundColor);
195
- }
196
-
197
- .pf-c-accordion__toggle:hover .pf-c-accordion__toggle-text {
198
- color: var(--pf-c-accordion__toggle--hover__toggle-text--Color);
199
- }
200
-
201
- .pf-c-accordion__toggle:focus {
202
- background-color: var(--pf-c-accordion__toggle--focus--BackgroundColor);
203
- }
204
-
205
- .pf-c-accordion__toggle:focus .pf-c-accordion__toggle-text {
206
- font-weight: var(--pf-c-accordion__toggle--focus__toggle-text--FontWeight);
207
- color: var(--pf-c-accordion__toggle--focus__toggle-text--Color);
208
- }
209
-
210
- .pf-c-accordion__toggle:active {
211
- background-color: var(--pf-c-accordion__toggle--active--BackgroundColor);
212
- }
213
-
214
- .pf-c-accordion__toggle:active .pf-c-accordion__toggle-text {
215
- font-weight: var(--pf-c-accordion__toggle--active__toggle-text--FontWeight);
216
- color: var(--pf-c-accordion__toggle--active__toggle-text--Color);
217
- }
218
-
219
- .pf-c-accordion__toggle-text {
220
- overflow: hidden;
221
- text-overflow: ellipsis;
222
- white-space: nowrap;
223
- max-width: var(--pf-c-accordion__toggle-text--MaxWidth);
224
- }
225
-
226
- .pf-c-accordion__toggle-icon {
227
- transition: var(--pf-c-accordion__toggle-icon--Transition);
228
- }
229
-
230
- .pf-c-accordion__expanded-content {
231
- font-size: var(--pf-c-accordion__expanded-content--FontSize);
232
- color: var(--pf-c-accordion__expanded-content--Color);
233
- }
234
-
235
- .pf-c-accordion__expanded-content.pf-m-fixed {
236
- max-height: var(--pf-c-accordion__expanded-content--m-fixed--MaxHeight);
237
- overflow-y: auto;
238
- }
239
-
240
- .pf-c-accordion__expanded-content.pf-m-expanded {
241
- --pf-c-accordion__expanded-content-body--before--BackgroundColor: var(--pf-c-accordion__expanded-content--m-expanded__expanded-content-body--before--BackgroundColor);
242
- }
243
-
244
- .pf-c-accordion__expanded-content-body {
245
- position: relative;
246
- padding: var(--pf-c-accordion__expanded-content-body--PaddingTop) var(--pf-c-accordion__expanded-content-body--PaddingRight) var(--pf-c-accordion__expanded-content-body--PaddingBottom) var(--pf-c-accordion__expanded-content-body--PaddingLeft);
247
- }
248
-
249
- .pf-c-accordion__expanded-content-body::after {
250
- position: absolute;
251
- top: 0;
252
- bottom: 0;
253
- left: 0;
254
- width: var(--pf-c-accordion__expanded-content-body--before--Width);
255
- content: "";
256
- background-color: var(--pf-c-accordion__expanded-content-body--before--BackgroundColor);
257
- }
258
-
259
- .pf-c-accordion__expanded-content-body + .pf-c-accordion__expanded-content-body {
260
- --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop);
261
- }
262
-
263
- :where(.pf-theme-dark) .pf-c-accordion {
264
- --pf-c-accordion__toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
265
- --pf-c-accordion__toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
266
- --pf-c-accordion__toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--300);
267
- }
268
-
269
24
  .pf-c-action-list {
270
25
  --pf-c-action-list--m-icon--spacer: 0;
271
26
  --pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
@@ -503,30 +258,275 @@
503
258
  padding-top: var(--pf-c-alert__action-group--PaddingTop);
504
259
  }
505
260
 
506
- .pf-c-alert__action-group > .pf-c-button {
507
- --pf-c-button--m-link--m-inline--hover--TextDecoration: none;
261
+ .pf-c-alert__action-group > .pf-c-button {
262
+ --pf-c-button--m-link--m-inline--hover--TextDecoration: none;
263
+ }
264
+
265
+ .pf-c-alert__action-group > .pf-c-button:not(:last-child) {
266
+ margin-right: var(--pf-c-alert__action-group__c-button--not-last-child--MarginRight);
267
+ }
268
+
269
+ .pf-m-overpass-font .pf-c-alert__title {
270
+ --pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
271
+ }
272
+
273
+ :where(.pf-theme-dark) .pf-c-alert {
274
+ --pf-c-alert--BackgroundColor: var(--pf-global--palette--black-600);
275
+ --pf-c-alert__title--Color: var(--pf-global--default-color--200);
276
+ --pf-c-alert--m-success__title--Color: var(--pf-global--success-color--100);
277
+ --pf-c-alert--m-danger__title--Color: var(--pf-global--danger-color--100);
278
+ --pf-c-alert--m-warning__title--Color: var(--pf-global--warning-color--100);
279
+ --pf-c-alert--m-info__title--Color: var(--pf-global--info-color--100);
280
+ --pf-c-alert--m-inline--BackgroundColor: var(--pf-global--palette--black-600);
281
+ --pf-c-alert--m-inline--m-success--BackgroundColor: var(--pf-global--palette--black-600);
282
+ --pf-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-global--palette--black-600);
283
+ --pf-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-global--palette--black-600);
284
+ --pf-c-alert--m-inline--m-info--BackgroundColor: var(--pf-global--palette--black-600);
285
+ }
286
+
287
+ .pf-c-accordion {
288
+ --pf-global--Color--100: var(--pf-global--Color--dark-100);
289
+ --pf-global--Color--200: var(--pf-global--Color--dark-200);
290
+ --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
291
+ --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
292
+ --pf-global--link--Color: var(--pf-global--link--Color--dark);
293
+ --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
294
+ --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
295
+ }
296
+
297
+ .pf-c-accordion {
298
+ --pf-c-accordion--BackgroundColor: var(--pf-global--BackgroundColor--100);
299
+ --pf-c-accordion__toggle--PaddingTop: var(--pf-global--spacer--sm);
300
+ --pf-c-accordion__toggle--PaddingRight: var(--pf-global--spacer--md);
301
+ --pf-c-accordion__toggle--PaddingBottom: var(--pf-global--spacer--sm);
302
+ --pf-c-accordion__toggle--PaddingLeft: var(--pf-global--spacer--md);
303
+ --pf-c-accordion__toggle--before--BackgroundColor: transparent;
304
+ --pf-c-accordion__toggle--before--Top: 0;
305
+ --pf-c-accordion__toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
306
+ --pf-c-accordion__toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
307
+ --pf-c-accordion__toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
308
+ --pf-c-accordion__toggle--before--Width: var(--pf-global--BorderWidth--lg);
309
+ --pf-c-accordion__toggle--m-expanded--before--BackgroundColor: var(--pf-global--primary-color--100);
310
+ --pf-c-accordion__toggle-text--MaxWidth: calc(100% - var(--pf-global--spacer--lg));
311
+ --pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-global--link--Color);
312
+ --pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-global--link--Color);
313
+ --pf-c-accordion__toggle--active__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
314
+ --pf-c-accordion__toggle--focus__toggle-text--Color: var(--pf-global--link--Color);
315
+ --pf-c-accordion__toggle--focus__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
316
+ --pf-c-accordion__toggle--m-expanded__toggle-text--Color: var(--pf-global--link--Color);
317
+ --pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-global--FontWeight--semi-bold);
318
+ --pf-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
319
+ --pf-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
320
+ --pf-c-accordion__expanded-content--Color: var(--pf-global--Color--200);
321
+ --pf-c-accordion__expanded-content--FontSize: var(--pf-global--FontSize--sm);
322
+ --pf-c-accordion__expanded-content--m-expanded__expanded-content-body--before--BackgroundColor: var(--pf-global--primary-color--100);
323
+ --pf-c-accordion__expanded-content--m-fixed--MaxHeight: 9.375rem;
324
+ --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-global--spacer--sm);
325
+ --pf-c-accordion__expanded-content-body--PaddingRight: var(--pf-global--spacer--md);
326
+ --pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-global--spacer--sm);
327
+ --pf-c-accordion__expanded-content-body--PaddingLeft: var(--pf-global--spacer--md);
328
+ --pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop: 0;
329
+ --pf-c-accordion__expanded-content-body--before--BackgroundColor: transparent;
330
+ --pf-c-accordion__expanded-content-body--before--Width: var(--pf-global--BorderWidth--lg);
331
+ --pf-c-accordion__expanded-content-body--before--Top: 0;
332
+ --pf-c-accordion--m-display-lg__toggle--PaddingTop: var(--pf-global--spacer--md);
333
+ --pf-c-accordion--m-display-lg__toggle--PaddingRight: var(--pf-global--spacer--md);
334
+ --pf-c-accordion--m-display-lg__toggle--PaddingBottom: var(--pf-global--spacer--md);
335
+ --pf-c-accordion--m-display-lg__toggle--PaddingLeft: var(--pf-global--spacer--lg);
336
+ --pf-c-accordion--m-display-lg__toggle--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
337
+ --pf-c-accordion--m-display-lg__toggle--FontSize: var(--pf-global--FontSize--xl);
338
+ --pf-c-accordion--m-display-lg__toggle--hover__toggle-text--Color: var(--pf-global--Color--100);
339
+ --pf-c-accordion--m-display-lg__toggle--active__toggle-text--Color: var(--pf-global--Color--100);
340
+ --pf-c-accordion--m-display-lg__toggle--active__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
341
+ --pf-c-accordion--m-display-lg__toggle--focus__toggle-text--Color: var(--pf-global--Color--100);
342
+ --pf-c-accordion--m-display-lg__toggle--focus__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
343
+ --pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--Color: var(--pf-global--Color--100);
344
+ --pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-global--FontWeight--normal);
345
+ --pf-c-accordion--m-display-lg__expanded-content--FontSize: var(--pf-global--FontSize--md);
346
+ --pf-c-accordion--m-display-lg__expanded-content--Color: var(--pf-global--Color--100);
347
+ --pf-c-accordion--m-display-lg__expanded-content-body--PaddingTop: 0;
348
+ --pf-c-accordion--m-display-lg__expanded-content-body--PaddingRight: var(--pf-global--spacer--md);
349
+ --pf-c-accordion--m-display-lg__expanded-content-body--PaddingBottom: var(--pf-global--spacer--md);
350
+ --pf-c-accordion--m-display-lg__expanded-content-body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
351
+ --pf-c-accordion--m-display-lg__expanded-content-body--PaddingLeft: var(--pf-global--spacer--lg);
352
+ --pf-c-accordion--m-bordered--BorderTopWidth: var(--pf-global--BorderWidth--sm);
353
+ --pf-c-accordion--m-bordered--BorderTopColor: var(--pf-global--BorderColor--100);
354
+ --pf-c-accordion--m-bordered__toggle--before--Top: calc(-1 * var(--pf-global--BorderWidth--sm));
355
+ --pf-c-accordion--m-bordered__toggle--after--BorderColor: var(--pf-global--BorderColor--100);
356
+ --pf-c-accordion--m-bordered__toggle--after--BorderTopWidth: 0;
357
+ --pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
358
+ --pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
359
+ --pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor: var(--pf-global--BorderColor--100);
360
+ color: var(--pf-global--Color--100);
361
+ background-color: var(--pf-c-accordion--BackgroundColor);
362
+ }
363
+
364
+ .pf-c-accordion.pf-m-display-lg {
365
+ --pf-c-accordion__toggle--PaddingTop: var(--pf-c-accordion--m-display-lg__toggle--PaddingTop);
366
+ --pf-c-accordion__toggle--PaddingRight: var(--pf-c-accordion--m-display-lg__toggle--PaddingRight);
367
+ --pf-c-accordion__toggle--PaddingBottom: var(--pf-c-accordion--m-display-lg__toggle--PaddingBottom);
368
+ --pf-c-accordion__toggle--PaddingLeft: var(--pf-c-accordion--m-display-lg__toggle--PaddingLeft);
369
+ --pf-c-accordion__toggle--FontFamily: var(--pf-c-accordion--m-display-lg__toggle--FontFamily);
370
+ --pf-c-accordion__toggle--FontSize: var(--pf-c-accordion--m-display-lg__toggle--FontSize);
371
+ --pf-c-accordion__toggle--hover__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--hover__toggle-text--Color);
372
+ --pf-c-accordion__toggle--active__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--active__toggle-text--Color);
373
+ --pf-c-accordion__toggle--active__toggle-text--FontWeight: var(--pf-c-accordion--m-display-lg__toggle--active__toggle-text--FontWeight);
374
+ --pf-c-accordion__toggle--focus__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--focus__toggle-text--Color);
375
+ --pf-c-accordion__toggle--focus__toggle-text--FontWeight: var(--pf-c-accordion--m-display-lg__toggle--focus__toggle-text--FontWeight);
376
+ --pf-c-accordion__toggle--m-expanded__toggle-text--Color: var(--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--Color);
377
+ --pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
378
+ --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingTop);
379
+ --pf-c-accordion__expanded-content-body--PaddingRight: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingRight);
380
+ --pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingBottom);
381
+ --pf-c-accordion__expanded-content-body--PaddingLeft: var(--pf-c-accordion--m-display-lg__expanded-content-body--PaddingLeft);
382
+ --pf-c-accordion__expanded-content--FontSize: var(--pf-c-accordion--m-display-lg__expanded-content--FontSize);
383
+ --pf-c-accordion__expanded-content--Color: var(--pf-c-accordion--m-display-lg__expanded-content--Color);
384
+ }
385
+
386
+ .pf-c-accordion.pf-m-display-lg .pf-c-accordion__expanded-content-body:last-child {
387
+ --pf-c-accordion__expanded-content-body--PaddingBottom: var(--pf-c-accordion--m-display-lg__expanded-content-body--last-child--PaddingBottom);
388
+ }
389
+
390
+ .pf-c-accordion.pf-m-bordered {
391
+ --pf-c-accordion__toggle--before--Top: var(--pf-c-accordion--m-bordered__toggle--before--Top);
392
+ border-top: var(--pf-c-accordion--m-bordered--BorderTopWidth) solid var(--pf-c-accordion--m-bordered--BorderTopColor);
393
+ }
394
+
395
+ .pf-c-accordion.pf-m-bordered .pf-c-accordion__toggle::before {
396
+ position: absolute;
397
+ top: 0;
398
+ right: 0;
399
+ bottom: 0;
400
+ left: 0;
401
+ content: "";
402
+ border: solid var(--pf-c-accordion--m-bordered__toggle--after--BorderColor);
403
+ border-width: var(--pf-c-accordion--m-bordered__toggle--after--BorderTopWidth) 0 var(--pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth);
404
+ }
405
+
406
+ .pf-c-accordion.pf-m-bordered .pf-c-accordion__toggle.pf-m-expanded {
407
+ --pf-c-accordion--m-bordered__toggle--after--BorderBottomWidth: 0;
408
+ }
409
+
410
+ .pf-c-accordion.pf-m-bordered .pf-c-accordion__expanded-content.pf-m-expanded .pf-c-accordion__expanded-content-body:last-child::before {
411
+ position: absolute;
412
+ top: 0;
413
+ right: 0;
414
+ bottom: 0;
415
+ left: 0;
416
+ pointer-events: none;
417
+ content: "";
418
+ border-bottom: var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth) solid var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor);
419
+ }
420
+
421
+ .pf-c-accordion__toggle {
422
+ position: relative;
423
+ display: flex;
424
+ align-items: center;
425
+ justify-content: space-between;
426
+ width: 100%;
427
+ padding: var(--pf-c-accordion__toggle--PaddingTop) var(--pf-c-accordion__toggle--PaddingRight) var(--pf-c-accordion__toggle--PaddingBottom) var(--pf-c-accordion__toggle--PaddingLeft);
428
+ font-family: var(--pf-c-accordion__toggle--FontFamily, inherit);
429
+ font-size: var(--pf-c-accordion__toggle--FontSize, inherit);
430
+ border: 0;
431
+ }
432
+
433
+ .pf-c-accordion__toggle::after {
434
+ position: absolute;
435
+ top: var(--pf-c-accordion__toggle--before--Top);
436
+ bottom: 0;
437
+ left: 0;
438
+ width: var(--pf-c-accordion__toggle--before--Width);
439
+ content: "";
440
+ background-color: var(--pf-c-accordion__toggle--before--BackgroundColor);
441
+ }
442
+
443
+ .pf-c-accordion__toggle.pf-m-expanded {
444
+ --pf-c-accordion__toggle--before--BackgroundColor: var(--pf-c-accordion__toggle--m-expanded--before--BackgroundColor);
445
+ }
446
+
447
+ .pf-c-accordion__toggle.pf-m-expanded .pf-c-accordion__toggle-text {
448
+ font-weight: var(--pf-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
449
+ color: var(--pf-c-accordion__toggle--m-expanded__toggle-text--Color);
450
+ }
451
+
452
+ .pf-c-accordion__toggle.pf-m-expanded .pf-c-accordion__toggle-icon {
453
+ transform: rotate(var(--pf-c-accordion__toggle--m-expanded__toggle-icon--Rotate));
454
+ }
455
+
456
+ .pf-c-accordion__toggle:hover {
457
+ background-color: var(--pf-c-accordion__toggle--hover--BackgroundColor);
458
+ }
459
+
460
+ .pf-c-accordion__toggle:hover .pf-c-accordion__toggle-text {
461
+ color: var(--pf-c-accordion__toggle--hover__toggle-text--Color);
462
+ }
463
+
464
+ .pf-c-accordion__toggle:focus {
465
+ background-color: var(--pf-c-accordion__toggle--focus--BackgroundColor);
466
+ }
467
+
468
+ .pf-c-accordion__toggle:focus .pf-c-accordion__toggle-text {
469
+ font-weight: var(--pf-c-accordion__toggle--focus__toggle-text--FontWeight);
470
+ color: var(--pf-c-accordion__toggle--focus__toggle-text--Color);
471
+ }
472
+
473
+ .pf-c-accordion__toggle:active {
474
+ background-color: var(--pf-c-accordion__toggle--active--BackgroundColor);
475
+ }
476
+
477
+ .pf-c-accordion__toggle:active .pf-c-accordion__toggle-text {
478
+ font-weight: var(--pf-c-accordion__toggle--active__toggle-text--FontWeight);
479
+ color: var(--pf-c-accordion__toggle--active__toggle-text--Color);
480
+ }
481
+
482
+ .pf-c-accordion__toggle-text {
483
+ overflow: hidden;
484
+ text-overflow: ellipsis;
485
+ white-space: nowrap;
486
+ max-width: var(--pf-c-accordion__toggle-text--MaxWidth);
487
+ }
488
+
489
+ .pf-c-accordion__toggle-icon {
490
+ transition: var(--pf-c-accordion__toggle-icon--Transition);
491
+ }
492
+
493
+ .pf-c-accordion__expanded-content {
494
+ font-size: var(--pf-c-accordion__expanded-content--FontSize);
495
+ color: var(--pf-c-accordion__expanded-content--Color);
496
+ }
497
+
498
+ .pf-c-accordion__expanded-content.pf-m-fixed {
499
+ max-height: var(--pf-c-accordion__expanded-content--m-fixed--MaxHeight);
500
+ overflow-y: auto;
501
+ }
502
+
503
+ .pf-c-accordion__expanded-content.pf-m-expanded {
504
+ --pf-c-accordion__expanded-content-body--before--BackgroundColor: var(--pf-c-accordion__expanded-content--m-expanded__expanded-content-body--before--BackgroundColor);
505
+ }
506
+
507
+ .pf-c-accordion__expanded-content-body {
508
+ position: relative;
509
+ padding: var(--pf-c-accordion__expanded-content-body--PaddingTop) var(--pf-c-accordion__expanded-content-body--PaddingRight) var(--pf-c-accordion__expanded-content-body--PaddingBottom) var(--pf-c-accordion__expanded-content-body--PaddingLeft);
508
510
  }
509
511
 
510
- .pf-c-alert__action-group > .pf-c-button:not(:last-child) {
511
- margin-right: var(--pf-c-alert__action-group__c-button--not-last-child--MarginRight);
512
+ .pf-c-accordion__expanded-content-body::after {
513
+ position: absolute;
514
+ top: 0;
515
+ bottom: 0;
516
+ left: 0;
517
+ width: var(--pf-c-accordion__expanded-content-body--before--Width);
518
+ content: "";
519
+ background-color: var(--pf-c-accordion__expanded-content-body--before--BackgroundColor);
512
520
  }
513
521
 
514
- .pf-m-overpass-font .pf-c-alert__title {
515
- --pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
522
+ .pf-c-accordion__expanded-content-body + .pf-c-accordion__expanded-content-body {
523
+ --pf-c-accordion__expanded-content-body--PaddingTop: var(--pf-c-accordion__expanded-content-body--expanded-content-body--PaddingTop);
516
524
  }
517
525
 
518
- :where(.pf-theme-dark) .pf-c-alert {
519
- --pf-c-alert--BackgroundColor: var(--pf-global--palette--black-600);
520
- --pf-c-alert__title--Color: var(--pf-global--default-color--200);
521
- --pf-c-alert--m-success__title--Color: var(--pf-global--success-color--100);
522
- --pf-c-alert--m-danger__title--Color: var(--pf-global--danger-color--100);
523
- --pf-c-alert--m-warning__title--Color: var(--pf-global--warning-color--100);
524
- --pf-c-alert--m-info__title--Color: var(--pf-global--info-color--100);
525
- --pf-c-alert--m-inline--BackgroundColor: var(--pf-global--palette--black-600);
526
- --pf-c-alert--m-inline--m-success--BackgroundColor: var(--pf-global--palette--black-600);
527
- --pf-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-global--palette--black-600);
528
- --pf-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-global--palette--black-600);
529
- --pf-c-alert--m-inline--m-info--BackgroundColor: var(--pf-global--palette--black-600);
526
+ :where(.pf-theme-dark) .pf-c-accordion {
527
+ --pf-c-accordion__toggle--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
528
+ --pf-c-accordion__toggle--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
529
+ --pf-c-accordion__toggle--active--BackgroundColor: var(--pf-global--BackgroundColor--300);
530
530
  }
531
531
 
532
532
  .pf-c-app-launcher {
@@ -1577,6 +1577,45 @@ textarea.pf-c-form-control {
1577
1577
  box-shadow: var(--pf-c-back-to-top--c-button--BoxShadow);
1578
1578
  }
1579
1579
 
1580
+ .pf-c-badge {
1581
+ --pf-c-badge--BorderRadius: var(--pf-global--BorderRadius--lg);
1582
+ --pf-c-badge--FontSize: var(--pf-global--FontSize--xs);
1583
+ --pf-c-badge--FontWeight: var(--pf-global--FontWeight--bold);
1584
+ --pf-c-badge--PaddingRight: var(--pf-global--spacer--sm);
1585
+ --pf-c-badge--PaddingLeft: var(--pf-global--spacer--sm);
1586
+ --pf-c-badge--Color: var(--pf-global--Color--dark-100);
1587
+ --pf-c-badge--MinWidth: var(--pf-global--spacer--xl);
1588
+ --pf-c-badge--m-read--BackgroundColor: var(--pf-global--BackgroundColor--200);
1589
+ --pf-c-badge--m-read--Color: var(--pf-global--Color--dark-100);
1590
+ --pf-c-badge--m-unread--BackgroundColor: var(--pf-global--primary-color--100);
1591
+ --pf-c-badge--m-unread--Color: var(--pf-global--Color--light-100);
1592
+ display: inline-block;
1593
+ min-width: var(--pf-c-badge--MinWidth);
1594
+ padding-right: var(--pf-c-badge--PaddingRight);
1595
+ padding-left: var(--pf-c-badge--PaddingLeft);
1596
+ font-size: var(--pf-c-badge--FontSize);
1597
+ font-weight: var(--pf-c-badge--FontWeight);
1598
+ color: var(--pf-c-badge--Color);
1599
+ text-align: center;
1600
+ background-color: var(--pf-c-badge--BackgroundColor);
1601
+ border-radius: var(--pf-c-badge--BorderRadius);
1602
+ }
1603
+
1604
+ .pf-c-badge.pf-m-read {
1605
+ --pf-c-badge--Color: var(--pf-c-badge--m-read--Color);
1606
+ --pf-c-badge--BackgroundColor: var(--pf-c-badge--m-read--BackgroundColor);
1607
+ }
1608
+
1609
+ .pf-c-badge.pf-m-unread {
1610
+ --pf-c-badge--Color: var(--pf-c-badge--m-unread--Color);
1611
+ --pf-c-badge--BackgroundColor: var(--pf-c-badge--m-unread--BackgroundColor);
1612
+ }
1613
+
1614
+ :where(.pf-theme-dark) .pf-c-badge {
1615
+ --pf-c-badge--m-read--BackgroundColor: var(--pf-global--palette--black-500);
1616
+ --pf-c-badge--m-unread--BackgroundColor: var(--pf-global--primary-color--300);
1617
+ }
1618
+
1580
1619
  .pf-c-background-image {
1581
1620
  --pf-c-background-image--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
1582
1621
  --pf-c-background-image--BackgroundImage: url("../../assets/images/pfbg_576.jpg");
@@ -1626,45 +1665,6 @@ textarea.pf-c-form-control {
1626
1665
  display: block;
1627
1666
  }
1628
1667
 
1629
- .pf-c-badge {
1630
- --pf-c-badge--BorderRadius: var(--pf-global--BorderRadius--lg);
1631
- --pf-c-badge--FontSize: var(--pf-global--FontSize--xs);
1632
- --pf-c-badge--FontWeight: var(--pf-global--FontWeight--bold);
1633
- --pf-c-badge--PaddingRight: var(--pf-global--spacer--sm);
1634
- --pf-c-badge--PaddingLeft: var(--pf-global--spacer--sm);
1635
- --pf-c-badge--Color: var(--pf-global--Color--dark-100);
1636
- --pf-c-badge--MinWidth: var(--pf-global--spacer--xl);
1637
- --pf-c-badge--m-read--BackgroundColor: var(--pf-global--BackgroundColor--200);
1638
- --pf-c-badge--m-read--Color: var(--pf-global--Color--dark-100);
1639
- --pf-c-badge--m-unread--BackgroundColor: var(--pf-global--primary-color--100);
1640
- --pf-c-badge--m-unread--Color: var(--pf-global--Color--light-100);
1641
- display: inline-block;
1642
- min-width: var(--pf-c-badge--MinWidth);
1643
- padding-right: var(--pf-c-badge--PaddingRight);
1644
- padding-left: var(--pf-c-badge--PaddingLeft);
1645
- font-size: var(--pf-c-badge--FontSize);
1646
- font-weight: var(--pf-c-badge--FontWeight);
1647
- color: var(--pf-c-badge--Color);
1648
- text-align: center;
1649
- background-color: var(--pf-c-badge--BackgroundColor);
1650
- border-radius: var(--pf-c-badge--BorderRadius);
1651
- }
1652
-
1653
- .pf-c-badge.pf-m-read {
1654
- --pf-c-badge--Color: var(--pf-c-badge--m-read--Color);
1655
- --pf-c-badge--BackgroundColor: var(--pf-c-badge--m-read--BackgroundColor);
1656
- }
1657
-
1658
- .pf-c-badge.pf-m-unread {
1659
- --pf-c-badge--Color: var(--pf-c-badge--m-unread--Color);
1660
- --pf-c-badge--BackgroundColor: var(--pf-c-badge--m-unread--BackgroundColor);
1661
- }
1662
-
1663
- :where(.pf-theme-dark) .pf-c-badge {
1664
- --pf-c-badge--m-read--BackgroundColor: var(--pf-global--palette--black-500);
1665
- --pf-c-badge--m-unread--BackgroundColor: var(--pf-global--primary-color--300);
1666
- }
1667
-
1668
1668
  .pf-c-banner.pf-m-warning, .pf-c-banner.pf-m-info {
1669
1669
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
1670
1670
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -7863,101 +7863,235 @@ label.pf-c-check, .pf-c-check__label,
7863
7863
  border: none;
7864
7864
  }
7865
7865
 
7866
- .pf-c-dropdown__menu-item:hover, .pf-c-dropdown__menu-item:focus {
7867
- --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--hover--Color);
7868
- --pf-c-dropdown__menu-item--BackgroundColor: var(--pf-c-dropdown__menu-item--hover--BackgroundColor);
7869
- text-decoration: none;
7866
+ .pf-c-dropdown__menu-item:hover, .pf-c-dropdown__menu-item:focus {
7867
+ --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--hover--Color);
7868
+ --pf-c-dropdown__menu-item--BackgroundColor: var(--pf-c-dropdown__menu-item--hover--BackgroundColor);
7869
+ text-decoration: none;
7870
+ }
7871
+
7872
+ .pf-c-dropdown__menu-item:disabled, .pf-c-dropdown__menu-item.pf-m-disabled, .pf-c-dropdown__menu-item.pf-m-aria-disabled {
7873
+ --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--disabled--Color);
7874
+ --pf-c-dropdown__menu-item--BackgroundColor: var(--pf-c-dropdown__menu-item--disabled--BackgroundColor);
7875
+ }
7876
+
7877
+ .pf-c-dropdown__menu-item:disabled, .pf-c-dropdown__menu-item.pf-m-disabled {
7878
+ pointer-events: none;
7879
+ }
7880
+
7881
+ .pf-c-dropdown__menu-item.pf-m-aria-disabled {
7882
+ cursor: default;
7883
+ }
7884
+
7885
+ .pf-c-dropdown__menu-item.pf-m-icon {
7886
+ display: flex;
7887
+ align-items: center;
7888
+ }
7889
+
7890
+ .pf-c-dropdown__menu-item.pf-m-icon.pf-m-description {
7891
+ flex-direction: column;
7892
+ align-items: start;
7893
+ }
7894
+
7895
+ .pf-c-dropdown__menu-item.pf-m-icon .pf-c-dropdown__menu-item-main {
7896
+ display: flex;
7897
+ align-items: center;
7898
+ }
7899
+
7900
+ .pf-c-dropdown__menu-item.pf-m-text {
7901
+ --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--m-text--Color);
7902
+ }
7903
+
7904
+ .pf-c-dropdown__menu-item.pf-m-text:hover, .pf-c-dropdown__menu-item.pf-m-text:focus {
7905
+ --pf-c-dropdown__menu-item--BackgroundColor: transparent;
7906
+ }
7907
+
7908
+ .pf-c-dropdown__menu-item-icon {
7909
+ display: inline-flex;
7910
+ align-items: center;
7911
+ justify-content: center;
7912
+ width: var(--pf-c-dropdown__menu-item-icon--Width);
7913
+ height: var(--pf-c-dropdown__menu-item-icon--Height);
7914
+ margin-right: var(--pf-c-dropdown__menu-item-icon--MarginRight);
7915
+ }
7916
+
7917
+ .pf-c-dropdown__menu-item-icon > * {
7918
+ max-width: 100%;
7919
+ max-height: 100%;
7920
+ }
7921
+
7922
+ .pf-c-dropdown__menu-item-description {
7923
+ font-size: var(--pf-c-dropdown__menu-item-description--FontSize);
7924
+ color: var(--pf-c-dropdown__menu-item-description--Color);
7925
+ }
7926
+
7927
+ .pf-c-dropdown__group + .pf-c-dropdown__group {
7928
+ padding-top: var(--pf-c-dropdown__group--group--PaddingTop);
7929
+ }
7930
+
7931
+ .pf-c-dropdown__group-title {
7932
+ padding-top: var(--pf-c-dropdown__group-title--PaddingTop);
7933
+ padding-right: var(--pf-c-dropdown__group-title--PaddingRight);
7934
+ padding-bottom: var(--pf-c-dropdown__group-title--PaddingBottom);
7935
+ padding-left: var(--pf-c-dropdown__group-title--PaddingLeft);
7936
+ font-size: var(--pf-c-dropdown__group-title--FontSize);
7937
+ font-weight: var(--pf-c-dropdown__group-title--FontWeight);
7938
+ color: var(--pf-c-dropdown__group-title--Color);
7939
+ }
7940
+
7941
+ :where(.pf-theme-dark) .pf-c-dropdown {
7942
+ --pf-c-dropdown__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
7943
+ --pf-c-dropdown__toggle--before--BorderTopColor: transparent;
7944
+ --pf-c-dropdown__toggle--before--BorderRightColor: transparent;
7945
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--400);
7946
+ --pf-c-dropdown__toggle--before--BorderLeftColor: transparent;
7947
+ --pf-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
7948
+ --pf-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
7949
+ --pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
7950
+ --pf-c-dropdown__menu--Top: 100%;
7951
+ --pf-c-dropdown--m-top__menu--TranslateY: -100%;
7952
+ --pf-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
7953
+ }
7954
+
7955
+ :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain):disabled, :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
7956
+ color: var(--pf-global--palette--black-100);
7957
+ }
7958
+
7959
+ :where(.pf-theme-dark) .pf-c-dropdown__toggle.pf-m-plain {
7960
+ background: transparent;
7961
+ }
7962
+
7963
+ .pf-c-empty-state {
7964
+ --pf-c-empty-state--PaddingTop: var(--pf-global--spacer--xl);
7965
+ --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
7966
+ --pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
7967
+ --pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
7968
+ --pf-c-empty-state__content--MaxWidth: none;
7969
+ --pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
7970
+ --pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
7971
+ --pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
7972
+ --pf-c-empty-state__content--c-title--m-lg--FontSize: var(--pf-global--FontSize--xl);
7973
+ --pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
7974
+ --pf-c-empty-state__body--Color: var(--pf-global--Color--200);
7975
+ --pf-c-empty-state__primary--MarginTop: var(--pf-global--spacer--xl);
7976
+ --pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
7977
+ --pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
7978
+ --pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
7979
+ --pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);
7980
+ --pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
7981
+ --pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);
7982
+ --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
7983
+ --pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
7984
+ --pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
7985
+ --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
7986
+ --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
7987
+ --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
7988
+ --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
7989
+ --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
7990
+ --pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
7991
+ --pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
7992
+ --pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
7993
+ --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
7994
+ --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
7995
+ --pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
7996
+ --pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
7997
+ --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
7998
+ --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
7999
+ --pf-c-empty-state--m-xl--c-button__secondary--MarginTop: var(--pf-global--spacer--md);
8000
+ display: flex;
8001
+ align-items: center;
8002
+ justify-content: center;
8003
+ padding: var(--pf-c-empty-state--PaddingTop) var(--pf-c-empty-state--PaddingRight) var(--pf-c-empty-state--PaddingBottom) var(--pf-c-empty-state--PaddingLeft);
8004
+ text-align: center;
8005
+ }
8006
+
8007
+ .pf-c-empty-state.pf-m-xs {
8008
+ --pf-c-empty-state--PaddingTop: var(--pf-c-empty-state--m-xs--PaddingTop);
8009
+ --pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
8010
+ --pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
8011
+ --pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
8012
+ --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
8013
+ --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
8014
+ --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
8015
+ --pf-c-empty-state__primary--MarginTop: var(--pf-c-empty-state--m-xs__primary--MarginTop);
8016
+ --pf-c-empty-state__secondary--MarginTop: var(--pf-c-empty-state--m-xs__secondary--MarginTop);
7870
8017
  }
7871
8018
 
7872
- .pf-c-dropdown__menu-item:disabled, .pf-c-dropdown__menu-item.pf-m-disabled, .pf-c-dropdown__menu-item.pf-m-aria-disabled {
7873
- --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--disabled--Color);
7874
- --pf-c-dropdown__menu-item--BackgroundColor: var(--pf-c-dropdown__menu-item--disabled--BackgroundColor);
8019
+ .pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
8020
+ font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
7875
8021
  }
7876
8022
 
7877
- .pf-c-dropdown__menu-item:disabled, .pf-c-dropdown__menu-item.pf-m-disabled {
7878
- pointer-events: none;
8023
+ .pf-c-empty-state.pf-m-xs .pf-c-button {
8024
+ --pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
7879
8025
  }
7880
8026
 
7881
- .pf-c-dropdown__menu-item.pf-m-aria-disabled {
7882
- cursor: default;
8027
+ .pf-c-empty-state.pf-m-sm {
8028
+ --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
7883
8029
  }
7884
8030
 
7885
- .pf-c-dropdown__menu-item.pf-m-icon {
7886
- display: flex;
7887
- align-items: center;
8031
+ .pf-c-empty-state.pf-m-lg {
8032
+ --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-lg__content--MaxWidth);
7888
8033
  }
7889
8034
 
7890
- .pf-c-dropdown__menu-item.pf-m-icon.pf-m-description {
7891
- flex-direction: column;
7892
- align-items: start;
8035
+ .pf-c-empty-state.pf-m-xl {
8036
+ --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
8037
+ --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
8038
+ --pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
8039
+ --pf-c-empty-state--c-button__secondary--MarginTop: var(--pf-c-empty-state--m-xl--c-button__secondary--MarginTop);
7893
8040
  }
7894
8041
 
7895
- .pf-c-dropdown__menu-item.pf-m-icon .pf-c-dropdown__menu-item-main {
7896
- display: flex;
7897
- align-items: center;
8042
+ .pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
8043
+ font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
7898
8044
  }
7899
8045
 
7900
- .pf-c-dropdown__menu-item.pf-m-text {
7901
- --pf-c-dropdown__menu-item--Color: var(--pf-c-dropdown__menu-item--m-text--Color);
8046
+ .pf-c-empty-state.pf-m-full-height {
8047
+ height: 100%;
7902
8048
  }
7903
8049
 
7904
- .pf-c-dropdown__menu-item.pf-m-text:hover, .pf-c-dropdown__menu-item.pf-m-text:focus {
7905
- --pf-c-dropdown__menu-item--BackgroundColor: transparent;
8050
+ .pf-c-empty-state__content {
8051
+ max-width: var(--pf-c-empty-state__content--MaxWidth);
7906
8052
  }
7907
8053
 
7908
- .pf-c-dropdown__menu-item-icon {
7909
- display: inline-flex;
7910
- align-items: center;
7911
- justify-content: center;
7912
- width: var(--pf-c-dropdown__menu-item-icon--Width);
7913
- height: var(--pf-c-dropdown__menu-item-icon--Height);
7914
- margin-right: var(--pf-c-dropdown__menu-item-icon--MarginRight);
8054
+ .pf-c-empty-state__content > .pf-c-title.pf-m-lg {
8055
+ font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
7915
8056
  }
7916
8057
 
7917
- .pf-c-dropdown__menu-item-icon > * {
7918
- max-width: 100%;
7919
- max-height: 100%;
8058
+ .pf-c-empty-state__icon {
8059
+ margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
8060
+ font-size: var(--pf-c-empty-state__icon--FontSize);
8061
+ color: var(--pf-c-empty-state__icon--Color);
7920
8062
  }
7921
8063
 
7922
- .pf-c-dropdown__menu-item-description {
7923
- font-size: var(--pf-c-dropdown__menu-item-description--FontSize);
7924
- color: var(--pf-c-dropdown__menu-item-description--Color);
8064
+ .pf-c-empty-state__body {
8065
+ margin-top: var(--pf-c-empty-state__body--MarginTop);
8066
+ color: var(--pf-c-empty-state__body--Color);
7925
8067
  }
7926
8068
 
7927
- .pf-c-dropdown__group + .pf-c-dropdown__group {
7928
- padding-top: var(--pf-c-dropdown__group--group--PaddingTop);
8069
+ .pf-c-empty-state__content > .pf-c-button.pf-m-primary,
8070
+ .pf-c-empty-state__primary {
8071
+ margin-top: var(--pf-c-empty-state__primary--MarginTop);
7929
8072
  }
7930
8073
 
7931
- .pf-c-dropdown__group-title {
7932
- padding-top: var(--pf-c-dropdown__group-title--PaddingTop);
7933
- padding-right: var(--pf-c-dropdown__group-title--PaddingRight);
7934
- padding-bottom: var(--pf-c-dropdown__group-title--PaddingBottom);
7935
- padding-left: var(--pf-c-dropdown__group-title--PaddingLeft);
7936
- font-size: var(--pf-c-dropdown__group-title--FontSize);
7937
- font-weight: var(--pf-c-dropdown__group-title--FontWeight);
7938
- color: var(--pf-c-dropdown__group-title--Color);
8074
+ .pf-c-empty-state__content > .pf-c-button.pf-m-primary + .pf-c-empty-state__secondary,
8075
+ .pf-c-empty-state__primary + .pf-c-empty-state__secondary {
8076
+ margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
7939
8077
  }
7940
8078
 
7941
- :where(.pf-theme-dark) .pf-c-dropdown {
7942
- --pf-c-dropdown__toggle--BackgroundColor: var(--pf-global--BackgroundColor--400);
7943
- --pf-c-dropdown__toggle--before--BorderTopColor: transparent;
7944
- --pf-c-dropdown__toggle--before--BorderRightColor: transparent;
7945
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--400);
7946
- --pf-c-dropdown__toggle--before--BorderLeftColor: transparent;
7947
- --pf-c-dropdown__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
7948
- --pf-c-dropdown__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
7949
- --pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
7950
- --pf-c-dropdown__menu--Top: 100%;
7951
- --pf-c-dropdown--m-top__menu--TranslateY: -100%;
7952
- --pf-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
8079
+ .pf-c-empty-state__secondary {
8080
+ display: flex;
8081
+ flex-wrap: wrap;
8082
+ justify-content: center;
8083
+ margin-top: var(--pf-c-empty-state__secondary--MarginTop);
8084
+ margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
7953
8085
  }
7954
8086
 
7955
- :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain):disabled, :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
7956
- color: var(--pf-global--palette--black-100);
8087
+ .pf-c-empty-state__secondary > * {
8088
+ margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
8089
+ margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
8090
+ margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
7957
8091
  }
7958
8092
 
7959
- :where(.pf-theme-dark) .pf-c-dropdown__toggle.pf-m-plain {
7960
- background: transparent;
8093
+ .pf-m-overpass-font .pf-c-empty-state .pf-c-empty-state__content > .pf-c-title.pf-m-lg {
8094
+ font-size: var(--pf-global--FontSize--lg);
7961
8095
  }
7962
8096
 
7963
8097
  .pf-c-dual-list-selector {
@@ -8255,168 +8389,34 @@ label.pf-c-check, .pf-c-check__label,
8255
8389
  --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8256
8390
  }
8257
8391
 
8258
- .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8259
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 5 + var(--pf-c-dual-list-selector__item--indent--base));
8260
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8261
- }
8262
-
8263
- .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8264
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 6 + var(--pf-c-dual-list-selector__item--indent--base));
8265
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8266
- }
8267
-
8268
- .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8269
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 7 + var(--pf-c-dual-list-selector__item--indent--base));
8270
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8271
- }
8272
-
8273
- .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8274
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 8 + var(--pf-c-dual-list-selector__item--indent--base));
8275
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8276
- }
8277
-
8278
- .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8279
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 9 + var(--pf-c-dual-list-selector__item--indent--base));
8280
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8281
- }
8282
-
8283
- .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8284
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 10 + var(--pf-c-dual-list-selector__item--indent--base));
8285
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8286
- }
8287
-
8288
- .pf-c-empty-state {
8289
- --pf-c-empty-state--PaddingTop: var(--pf-global--spacer--xl);
8290
- --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);
8291
- --pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);
8292
- --pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);
8293
- --pf-c-empty-state__content--MaxWidth: none;
8294
- --pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);
8295
- --pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);
8296
- --pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);
8297
- --pf-c-empty-state__content--c-title--m-lg--FontSize: var(--pf-global--FontSize--xl);
8298
- --pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);
8299
- --pf-c-empty-state__body--Color: var(--pf-global--Color--200);
8300
- --pf-c-empty-state__primary--MarginTop: var(--pf-global--spacer--xl);
8301
- --pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);
8302
- --pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);
8303
- --pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
8304
- --pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);
8305
- --pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);
8306
- --pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);
8307
- --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
8308
- --pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);
8309
- --pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);
8310
- --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);
8311
- --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);
8312
- --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);
8313
- --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);
8314
- --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);
8315
- --pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);
8316
- --pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);
8317
- --pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);
8318
- --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;
8319
- --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
8320
- --pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);
8321
- --pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);
8322
- --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);
8323
- --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;
8324
- --pf-c-empty-state--m-xl--c-button__secondary--MarginTop: var(--pf-global--spacer--md);
8325
- display: flex;
8326
- align-items: center;
8327
- justify-content: center;
8328
- padding: var(--pf-c-empty-state--PaddingTop) var(--pf-c-empty-state--PaddingRight) var(--pf-c-empty-state--PaddingBottom) var(--pf-c-empty-state--PaddingLeft);
8329
- text-align: center;
8330
- }
8331
-
8332
- .pf-c-empty-state.pf-m-xs {
8333
- --pf-c-empty-state--PaddingTop: var(--pf-c-empty-state--m-xs--PaddingTop);
8334
- --pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);
8335
- --pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);
8336
- --pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);
8337
- --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);
8338
- --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);
8339
- --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);
8340
- --pf-c-empty-state__primary--MarginTop: var(--pf-c-empty-state--m-xs__primary--MarginTop);
8341
- --pf-c-empty-state__secondary--MarginTop: var(--pf-c-empty-state--m-xs__secondary--MarginTop);
8342
- }
8343
-
8344
- .pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {
8345
- font-size: var(--pf-c-empty-state--m-xs__body--FontSize);
8346
- }
8347
-
8348
- .pf-c-empty-state.pf-m-xs .pf-c-button {
8349
- --pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);
8350
- }
8351
-
8352
- .pf-c-empty-state.pf-m-sm {
8353
- --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
8354
- }
8355
-
8356
- .pf-c-empty-state.pf-m-lg {
8357
- --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-lg__content--MaxWidth);
8358
- }
8359
-
8360
- .pf-c-empty-state.pf-m-xl {
8361
- --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);
8362
- --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);
8363
- --pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);
8364
- --pf-c-empty-state--c-button__secondary--MarginTop: var(--pf-c-empty-state--m-xl--c-button__secondary--MarginTop);
8365
- }
8366
-
8367
- .pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {
8368
- font-size: var(--pf-c-empty-state--m-xl__body--FontSize);
8369
- }
8370
-
8371
- .pf-c-empty-state.pf-m-full-height {
8372
- height: 100%;
8373
- }
8374
-
8375
- .pf-c-empty-state__content {
8376
- max-width: var(--pf-c-empty-state__content--MaxWidth);
8377
- }
8378
-
8379
- .pf-c-empty-state__content > .pf-c-title.pf-m-lg {
8380
- font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);
8381
- }
8382
-
8383
- .pf-c-empty-state__icon {
8384
- margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);
8385
- font-size: var(--pf-c-empty-state__icon--FontSize);
8386
- color: var(--pf-c-empty-state__icon--Color);
8387
- }
8388
-
8389
- .pf-c-empty-state__body {
8390
- margin-top: var(--pf-c-empty-state__body--MarginTop);
8391
- color: var(--pf-c-empty-state__body--Color);
8392
- }
8393
-
8394
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary,
8395
- .pf-c-empty-state__primary {
8396
- margin-top: var(--pf-c-empty-state__primary--MarginTop);
8392
+ .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8393
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 5 + var(--pf-c-dual-list-selector__item--indent--base));
8394
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8397
8395
  }
8398
8396
 
8399
- .pf-c-empty-state__content > .pf-c-button.pf-m-primary + .pf-c-empty-state__secondary,
8400
- .pf-c-empty-state__primary + .pf-c-empty-state__secondary {
8401
- margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);
8397
+ .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8398
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 6 + var(--pf-c-dual-list-selector__item--indent--base));
8399
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8402
8400
  }
8403
8401
 
8404
- .pf-c-empty-state__secondary {
8405
- display: flex;
8406
- flex-wrap: wrap;
8407
- justify-content: center;
8408
- margin-top: var(--pf-c-empty-state__secondary--MarginTop);
8409
- margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);
8402
+ .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8403
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 7 + var(--pf-c-dual-list-selector__item--indent--base));
8404
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8410
8405
  }
8411
8406
 
8412
- .pf-c-empty-state__secondary > * {
8413
- margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);
8414
- margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);
8415
- margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);
8407
+ .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8408
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 8 + var(--pf-c-dual-list-selector__item--indent--base));
8409
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8416
8410
  }
8417
8411
 
8418
- .pf-m-overpass-font .pf-c-empty-state .pf-c-empty-state__content > .pf-c-title.pf-m-lg {
8419
- font-size: var(--pf-global--FontSize--lg);
8412
+ .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8413
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 9 + var(--pf-c-dual-list-selector__item--indent--base));
8414
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8415
+ }
8416
+
8417
+ .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item .pf-c-dual-list-selector__list-item {
8418
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 10 + var(--pf-c-dual-list-selector__item--indent--base));
8419
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8420
8420
  }
8421
8421
 
8422
8422
  .pf-c-expandable-section {
@@ -13427,6 +13427,16 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
13427
13427
  color: var(--pf-c-multiple-file-upload__status-item-progress-size--Color);
13428
13428
  }
13429
13429
 
13430
+ .pf-l-bullseye {
13431
+ --pf-l-bullseye--Padding: 0;
13432
+ display: flex;
13433
+ align-items: center;
13434
+ justify-content: center;
13435
+ height: 100%;
13436
+ padding: var(--pf-l-bullseye--Padding);
13437
+ margin: 0;
13438
+ }
13439
+
13430
13440
  .pf-c-nav {
13431
13441
  --pf-c-nav--Transition: var(--pf-global--Transition);
13432
13442
  --pf-c-nav--m-light__item--before--BorderColor: var(--pf-global--BorderColor--300);
@@ -14480,16 +14490,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
14480
14490
  --pf-c-nav__item--item__link--after--Top: 0;
14481
14491
  }
14482
14492
 
14483
- .pf-l-bullseye {
14484
- --pf-l-bullseye--Padding: 0;
14485
- display: flex;
14486
- align-items: center;
14487
- justify-content: center;
14488
- height: 100%;
14489
- padding: var(--pf-l-bullseye--Padding);
14490
- margin: 0;
14491
- }
14492
-
14493
14493
  .pf-c-notification-badge {
14494
14494
  --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
14495
14495
  --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
@@ -16322,41 +16322,247 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
16322
16322
  --pf-c-page__header--BackgroundColor: var(--pf-global--palette--black-1000);
16323
16323
  }
16324
16324
 
16325
- :where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button {
16326
- color: var(--pf-global--Color--100);
16325
+ :where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button {
16326
+ color: var(--pf-global--Color--100);
16327
+ }
16328
+
16329
+ :where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge:hover::before {
16330
+ background-color: var(--pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
16331
+ }
16332
+
16333
+ :where(.pf-theme-dark) .pf-c-page__sidebar {
16334
+ border-right: var(--pf-global--BorderWidth--sm) solid var(--pf-global--BorderColor--100);
16335
+ }
16336
+
16337
+ :where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-bottom {
16338
+ --pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
16339
+ }
16340
+
16341
+ :where(.pf-theme-dark) .pf-c-page__main-breadcrumb.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-breadcrumb.pf-m-sticky-bottom {
16342
+ --pf-c-page__main-breadcrumb--BackgroundColor: var(--pf-global--BackgroundColor--300);
16343
+ }
16344
+
16345
+ :where(.pf-theme-dark) .pf-c-page__main-group.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-group.pf-m-sticky-bottom {
16346
+ --pf-c-page__main-section--m-light--BackgroundColor: var(--pf-global--BackgroundColor--300);
16347
+ --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--300);
16348
+ --pf-c-page__main-breadcrumb--BackgroundColor: var(--pf-global--BackgroundColor--300);
16349
+ --pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
16350
+ }
16351
+
16352
+ :where(.pf-theme-dark) .pf-c-page__main-section.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-section.pf-m-sticky-bottom {
16353
+ --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--300);
16354
+ }
16355
+
16356
+ :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
16357
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
16358
+ :where(.pf-theme-dark) .pf-c-page__header {
16359
+ color: var(--pf-global--Color--100);
16360
+ }
16361
+
16362
+ .pf-c-popover {
16363
+ --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
16364
+ --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
16365
+ --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
16366
+ --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
16367
+ --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
16368
+ --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
16369
+ --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
16370
+ --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
16371
+ --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
16372
+ --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
16373
+ --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
16374
+ --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
16375
+ --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
16376
+ --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
16377
+ --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
16378
+ --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
16379
+ --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
16380
+ --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
16381
+ --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
16382
+ --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
16383
+ --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
16384
+ --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
16385
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
16386
+ --pf-c-popover__arrow--m-top--TranslateX: -50%;
16387
+ --pf-c-popover__arrow--m-top--TranslateY: 50%;
16388
+ --pf-c-popover__arrow--m-top--Rotate: 45deg;
16389
+ --pf-c-popover__arrow--m-right--TranslateX: -50%;
16390
+ --pf-c-popover__arrow--m-right--TranslateY: -50%;
16391
+ --pf-c-popover__arrow--m-right--Rotate: 45deg;
16392
+ --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
16393
+ --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
16394
+ --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
16395
+ --pf-c-popover__arrow--m-left--TranslateX: 50%;
16396
+ --pf-c-popover__arrow--m-left--TranslateY: -50%;
16397
+ --pf-c-popover__arrow--m-left--Rotate: 45deg;
16398
+ --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
16399
+ --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
16400
+ --pf-c-popover--c-button--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
16401
+ --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
16402
+ --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
16403
+ --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
16404
+ --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
16405
+ --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
16406
+ --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
16407
+ --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
16408
+ --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
16409
+ --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
16410
+ position: relative;
16411
+ min-width: var(--pf-c-popover--MinWidth);
16412
+ max-width: var(--pf-c-popover--MaxWidth);
16413
+ font-size: var(--pf-c-popover--FontSize);
16414
+ box-shadow: var(--pf-c-popover--BoxShadow);
16415
+ }
16416
+
16417
+ .pf-c-popover.pf-m-no-padding {
16418
+ --pf-c-popover__content--PaddingTop: 0px;
16419
+ --pf-c-popover__content--PaddingRight: 0px;
16420
+ --pf-c-popover__content--PaddingBottom: 0px;
16421
+ --pf-c-popover__content--PaddingLeft: 0px;
16422
+ }
16423
+
16424
+ .pf-c-popover.pf-m-width-auto {
16425
+ --pf-c-popover--MinWidth: auto;
16426
+ --pf-c-popover--MaxWidth: none;
16427
+ }
16428
+
16429
+ .pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
16430
+ bottom: 0;
16431
+ left: 50%;
16432
+ transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
16433
+ }
16434
+
16435
+ .pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
16436
+ top: 0;
16437
+ left: 50%;
16438
+ transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
16439
+ }
16440
+
16441
+ .pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
16442
+ top: 50%;
16443
+ right: 0;
16444
+ transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
16445
+ }
16446
+
16447
+ .pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
16448
+ top: 50%;
16449
+ left: 0;
16450
+ transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
16451
+ }
16452
+
16453
+ .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
16454
+ top: var(--pf-c-popover__arrow--Height);
16455
+ }
16456
+
16457
+ .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
16458
+ top: auto;
16459
+ bottom: 0;
16460
+ }
16461
+
16462
+ .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
16463
+ left: var(--pf-c-popover__arrow--Width);
16464
+ }
16465
+
16466
+ .pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
16467
+ right: 0;
16468
+ left: auto;
16469
+ }
16470
+
16471
+ .pf-c-popover.pf-m-danger {
16472
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
16473
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
16474
+ }
16475
+
16476
+ .pf-c-popover.pf-m-warning {
16477
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
16478
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
16479
+ }
16480
+
16481
+ .pf-c-popover.pf-m-success {
16482
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
16483
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
16484
+ }
16485
+
16486
+ .pf-c-popover.pf-m-default {
16487
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
16488
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
16489
+ }
16490
+
16491
+ .pf-c-popover.pf-m-info {
16492
+ --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
16493
+ --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
16494
+ }
16495
+
16496
+ .pf-c-popover__content {
16497
+ position: relative;
16498
+ padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
16499
+ background-color: var(--pf-c-popover__content--BackgroundColor);
16500
+ }
16501
+
16502
+ .pf-c-popover__content > .pf-c-title {
16503
+ margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
16504
+ }
16505
+
16506
+ .pf-c-popover__content > .pf-c-button {
16507
+ position: absolute;
16508
+ top: var(--pf-c-popover--c-button--Top);
16509
+ right: var(--pf-c-popover--c-button--Right);
16510
+ }
16511
+
16512
+ .pf-c-popover__content > .pf-c-button + * {
16513
+ padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
16514
+ }
16515
+
16516
+ .pf-c-popover__arrow {
16517
+ position: absolute;
16518
+ width: var(--pf-c-popover__arrow--Width);
16519
+ height: var(--pf-c-popover__arrow--Height);
16520
+ pointer-events: none;
16521
+ background-color: var(--pf-c-popover__arrow--BackgroundColor);
16522
+ box-shadow: var(--pf-c-popover__arrow--BoxShadow);
16523
+ }
16524
+
16525
+ .pf-c-popover__title {
16526
+ flex: 0 0 auto;
16527
+ margin-bottom: var(--pf-c-popover__title--MarginBottom);
16528
+ font-family: var(--pf-c-popover__title--FontFamily);
16529
+ font-size: var(--pf-c-popover__title--FontSize);
16530
+ line-height: var(--pf-c-popover__title--LineHeight);
16327
16531
  }
16328
16532
 
16329
- :where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge:hover::before {
16330
- background-color: var(--pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
16533
+ .pf-c-popover__title.pf-m-icon {
16534
+ display: flex;
16331
16535
  }
16332
16536
 
16333
- :where(.pf-theme-dark) .pf-c-page__sidebar {
16334
- border-right: var(--pf-global--BorderWidth--sm) solid var(--pf-global--BorderColor--100);
16537
+ .pf-c-popover__title-icon {
16538
+ margin-right: var(--pf-c-popover__title-icon--MarginRight);
16539
+ color: var(--pf-c-popover__title-icon--Color);
16335
16540
  }
16336
16541
 
16337
- :where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-bottom {
16338
- --pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
16542
+ .pf-c-popover__title-text {
16543
+ color: var(--pf-c-popover__title-text--Color, inherit);
16339
16544
  }
16340
16545
 
16341
- :where(.pf-theme-dark) .pf-c-page__main-breadcrumb.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-breadcrumb.pf-m-sticky-bottom {
16342
- --pf-c-page__main-breadcrumb--BackgroundColor: var(--pf-global--BackgroundColor--300);
16546
+ .pf-c-popover__body {
16547
+ word-wrap: break-word;
16343
16548
  }
16344
16549
 
16345
- :where(.pf-theme-dark) .pf-c-page__main-group.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-group.pf-m-sticky-bottom {
16346
- --pf-c-page__main-section--m-light--BackgroundColor: var(--pf-global--BackgroundColor--300);
16347
- --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--300);
16348
- --pf-c-page__main-breadcrumb--BackgroundColor: var(--pf-global--BackgroundColor--300);
16349
- --pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
16550
+ .pf-c-popover__footer {
16551
+ margin-top: var(--pf-c-popover__footer--MarginTop);
16350
16552
  }
16351
16553
 
16352
- :where(.pf-theme-dark) .pf-c-page__main-section.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-section.pf-m-sticky-bottom {
16353
- --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--300);
16554
+ :where(.pf-theme-dark) .pf-c-popover {
16555
+ --pf-c-popover--BoxShadow: none;
16556
+ --pf-c-popover__arrow--BoxShadow: none;
16557
+ --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
16558
+ --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
16559
+ --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
16560
+ --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
16354
16561
  }
16355
16562
 
16356
- :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
16357
- :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
16358
- :where(.pf-theme-dark) .pf-c-page__header {
16359
- color: var(--pf-global--Color--100);
16563
+ :where(.pf-theme-dark) .pf-c-popover,
16564
+ :where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
16565
+ border: 4px solid var(--pf-global--BorderColor--400);
16360
16566
  }
16361
16567
 
16362
16568
  .pf-c-pagination__nav-page-select .pf-c-form-control {
@@ -16723,212 +16929,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
16723
16929
  --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--300);
16724
16930
  }
16725
16931
 
16726
- .pf-c-popover {
16727
- --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
16728
- --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
16729
- --pf-c-popover--MaxWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
16730
- --pf-c-popover--BoxShadow: var(--pf-global--BoxShadow--lg);
16731
- --pf-c-popover--m-danger__title-icon--Color: var(--pf-global--danger-color--100);
16732
- --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
16733
- --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
16734
- --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
16735
- --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
16736
- --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
16737
- --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
16738
- --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
16739
- --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
16740
- --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
16741
- --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
16742
- --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
16743
- --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
16744
- --pf-c-popover__content--PaddingBottom: var(--pf-global--spacer--md);
16745
- --pf-c-popover__content--PaddingLeft: var(--pf-global--spacer--md);
16746
- --pf-c-popover__arrow--Width: var(--pf-global--arrow--width-lg);
16747
- --pf-c-popover__arrow--Height: var(--pf-global--arrow--width-lg);
16748
- --pf-c-popover__arrow--BoxShadow: var(--pf-global--BoxShadow--lg);
16749
- --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--100);
16750
- --pf-c-popover__arrow--m-top--TranslateX: -50%;
16751
- --pf-c-popover__arrow--m-top--TranslateY: 50%;
16752
- --pf-c-popover__arrow--m-top--Rotate: 45deg;
16753
- --pf-c-popover__arrow--m-right--TranslateX: -50%;
16754
- --pf-c-popover__arrow--m-right--TranslateY: -50%;
16755
- --pf-c-popover__arrow--m-right--Rotate: 45deg;
16756
- --pf-c-popover__arrow--m-bottom--TranslateX: -50%;
16757
- --pf-c-popover__arrow--m-bottom--TranslateY: -50%;
16758
- --pf-c-popover__arrow--m-bottom--Rotate: 45deg;
16759
- --pf-c-popover__arrow--m-left--TranslateX: 50%;
16760
- --pf-c-popover__arrow--m-left--TranslateY: -50%;
16761
- --pf-c-popover__arrow--m-left--Rotate: 45deg;
16762
- --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
16763
- --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
16764
- --pf-c-popover--c-button--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
16765
- --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
16766
- --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
16767
- --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
16768
- --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
16769
- --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
16770
- --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
16771
- --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
16772
- --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
16773
- --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
16774
- position: relative;
16775
- min-width: var(--pf-c-popover--MinWidth);
16776
- max-width: var(--pf-c-popover--MaxWidth);
16777
- font-size: var(--pf-c-popover--FontSize);
16778
- box-shadow: var(--pf-c-popover--BoxShadow);
16779
- }
16780
-
16781
- .pf-c-popover.pf-m-no-padding {
16782
- --pf-c-popover__content--PaddingTop: 0px;
16783
- --pf-c-popover__content--PaddingRight: 0px;
16784
- --pf-c-popover__content--PaddingBottom: 0px;
16785
- --pf-c-popover__content--PaddingLeft: 0px;
16786
- }
16787
-
16788
- .pf-c-popover.pf-m-width-auto {
16789
- --pf-c-popover--MinWidth: auto;
16790
- --pf-c-popover--MaxWidth: none;
16791
- }
16792
-
16793
- .pf-c-popover.pf-m-top .pf-c-popover__arrow, .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-top-right .pf-c-popover__arrow {
16794
- bottom: 0;
16795
- left: 50%;
16796
- transform: translateX(var(--pf-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-c-popover__arrow--m-top--Rotate));
16797
- }
16798
-
16799
- .pf-c-popover.pf-m-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
16800
- top: 0;
16801
- left: 50%;
16802
- transform: translateX(var(--pf-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-popover__arrow--m-bottom--Rotate));
16803
- }
16804
-
16805
- .pf-c-popover.pf-m-left .pf-c-popover__arrow, .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow {
16806
- top: 50%;
16807
- right: 0;
16808
- transform: translateX(var(--pf-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-c-popover__arrow--m-left--Rotate));
16809
- }
16810
-
16811
- .pf-c-popover.pf-m-right .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
16812
- top: 50%;
16813
- left: 0;
16814
- transform: translateX(var(--pf-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-c-popover__arrow--m-right--Rotate));
16815
- }
16816
-
16817
- .pf-c-popover.pf-m-left-top .pf-c-popover__arrow, .pf-c-popover.pf-m-right-top .pf-c-popover__arrow {
16818
- top: var(--pf-c-popover__arrow--Height);
16819
- }
16820
-
16821
- .pf-c-popover.pf-m-left-bottom .pf-c-popover__arrow, .pf-c-popover.pf-m-right-bottom .pf-c-popover__arrow {
16822
- top: auto;
16823
- bottom: 0;
16824
- }
16825
-
16826
- .pf-c-popover.pf-m-top-left .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-left .pf-c-popover__arrow {
16827
- left: var(--pf-c-popover__arrow--Width);
16828
- }
16829
-
16830
- .pf-c-popover.pf-m-top-right .pf-c-popover__arrow, .pf-c-popover.pf-m-bottom-right .pf-c-popover__arrow {
16831
- right: 0;
16832
- left: auto;
16833
- }
16834
-
16835
- .pf-c-popover.pf-m-danger {
16836
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-danger__title-icon--Color);
16837
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-danger__title-text--Color);
16838
- }
16839
-
16840
- .pf-c-popover.pf-m-warning {
16841
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-warning__title-icon--Color);
16842
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-warning__title-text--Color);
16843
- }
16844
-
16845
- .pf-c-popover.pf-m-success {
16846
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
16847
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
16848
- }
16849
-
16850
- .pf-c-popover.pf-m-default {
16851
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
16852
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
16853
- }
16854
-
16855
- .pf-c-popover.pf-m-info {
16856
- --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
16857
- --pf-c-popover__title-text--Color: var(--pf-c-popover--m-info__title-text--Color);
16858
- }
16859
-
16860
- .pf-c-popover__content {
16861
- position: relative;
16862
- padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
16863
- background-color: var(--pf-c-popover__content--BackgroundColor);
16864
- }
16865
-
16866
- .pf-c-popover__content > .pf-c-title {
16867
- margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
16868
- }
16869
-
16870
- .pf-c-popover__content > .pf-c-button {
16871
- position: absolute;
16872
- top: var(--pf-c-popover--c-button--Top);
16873
- right: var(--pf-c-popover--c-button--Right);
16874
- }
16875
-
16876
- .pf-c-popover__content > .pf-c-button + * {
16877
- padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
16878
- }
16879
-
16880
- .pf-c-popover__arrow {
16881
- position: absolute;
16882
- width: var(--pf-c-popover__arrow--Width);
16883
- height: var(--pf-c-popover__arrow--Height);
16884
- pointer-events: none;
16885
- background-color: var(--pf-c-popover__arrow--BackgroundColor);
16886
- box-shadow: var(--pf-c-popover__arrow--BoxShadow);
16887
- }
16888
-
16889
- .pf-c-popover__title {
16890
- flex: 0 0 auto;
16891
- margin-bottom: var(--pf-c-popover__title--MarginBottom);
16892
- font-family: var(--pf-c-popover__title--FontFamily);
16893
- font-size: var(--pf-c-popover__title--FontSize);
16894
- line-height: var(--pf-c-popover__title--LineHeight);
16895
- }
16896
-
16897
- .pf-c-popover__title.pf-m-icon {
16898
- display: flex;
16899
- }
16900
-
16901
- .pf-c-popover__title-icon {
16902
- margin-right: var(--pf-c-popover__title-icon--MarginRight);
16903
- color: var(--pf-c-popover__title-icon--Color);
16904
- }
16905
-
16906
- .pf-c-popover__title-text {
16907
- color: var(--pf-c-popover__title-text--Color, inherit);
16908
- }
16909
-
16910
- .pf-c-popover__body {
16911
- word-wrap: break-word;
16912
- }
16913
-
16914
- .pf-c-popover__footer {
16915
- margin-top: var(--pf-c-popover__footer--MarginTop);
16916
- }
16917
-
16918
- :where(.pf-theme-dark) .pf-c-popover {
16919
- --pf-c-popover--BoxShadow: none;
16920
- --pf-c-popover__arrow--BoxShadow: none;
16921
- --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
16922
- --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
16923
- --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
16924
- --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
16925
- }
16926
-
16927
- :where(.pf-theme-dark) .pf-c-popover,
16928
- :where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
16929
- border: 4px solid var(--pf-global--BorderColor--400);
16930
- }
16931
-
16932
16932
  .pf-c-progress {
16933
16933
  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
16934
16934
  --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);