@patternfly/react-core 4.231.2 → 4.231.3

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 (4) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/umd/react-core.css +192 -192
  3. package/dist/umd/react-core.min.css +765 -765
  4. package/package.json +5 -5
package/dist/umd/react-core.min.css CHANGED
@@ -21,6 +21,251 @@
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
+
24
269
  .pf-c-action-list {
25
270
  --pf-c-action-list--m-icon--spacer: 0;
26
271
  --pf-c-action-list--child--spacer-base: var(--pf-global--spacer--md);
@@ -258,275 +503,30 @@
258
503
  padding-top: var(--pf-c-alert__action-group--PaddingTop);
259
504
  }
260
505
 
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);
510
- }
511
-
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);
520
- }
521
-
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);
506
+ .pf-c-alert__action-group > .pf-c-button {
507
+ --pf-c-button--m-link--m-inline--hover--TextDecoration: none;
524
508
  }
525
509
 
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);
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
+ }
513
+
514
+ .pf-m-overpass-font .pf-c-alert__title {
515
+ --pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
516
+ }
517
+
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);
530
530
  }
531
531
 
532
532
  .pf-c-app-launcher {
@@ -1577,45 +1577,6 @@ 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
-
1619
1580
  .pf-c-background-image {
1620
1581
  --pf-c-background-image--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
1621
1582
  --pf-c-background-image--BackgroundImage: url("../../assets/images/pfbg_576.jpg");
@@ -1665,6 +1626,45 @@ textarea.pf-c-form-control {
1665
1626
  display: block;
1666
1627
  }
1667
1628
 
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);
@@ -7852,246 +7852,112 @@ label.pf-c-check, .pf-c-check__label,
7852
7852
  .pf-c-dropdown__menu-item {
7853
7853
  display: block;
7854
7854
  width: 100%;
7855
- padding: var(--pf-c-dropdown__menu-item--PaddingTop) var(--pf-c-dropdown__menu-item--PaddingRight) var(--pf-c-dropdown__menu-item--PaddingBottom) var(--pf-c-dropdown__menu-item--PaddingLeft);
7856
- font-size: var(--pf-c-dropdown__menu-item--FontSize);
7857
- font-weight: var(--pf-c-dropdown__menu-item--FontWeight);
7858
- line-height: var(--pf-c-dropdown__menu-item--LineHeight);
7859
- color: var(--pf-c-dropdown__menu-item--Color);
7860
- text-align: left;
7861
- white-space: nowrap;
7862
- background-color: var(--pf-c-dropdown__menu-item--BackgroundColor);
7863
- border: none;
7864
- }
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;
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;
7855
+ padding: var(--pf-c-dropdown__menu-item--PaddingTop) var(--pf-c-dropdown__menu-item--PaddingRight) var(--pf-c-dropdown__menu-item--PaddingBottom) var(--pf-c-dropdown__menu-item--PaddingLeft);
7856
+ font-size: var(--pf-c-dropdown__menu-item--FontSize);
7857
+ font-weight: var(--pf-c-dropdown__menu-item--FontWeight);
7858
+ line-height: var(--pf-c-dropdown__menu-item--LineHeight);
7859
+ color: var(--pf-c-dropdown__menu-item--Color);
7860
+ text-align: left;
7861
+ white-space: nowrap;
7862
+ background-color: var(--pf-c-dropdown__menu-item--BackgroundColor);
7863
+ border: none;
8005
7864
  }
8006
7865
 
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);
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;
8017
7870
  }
8018
7871
 
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);
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);
8021
7875
  }
8022
7876
 
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);
7877
+ .pf-c-dropdown__menu-item:disabled, .pf-c-dropdown__menu-item.pf-m-disabled {
7878
+ pointer-events: none;
8025
7879
  }
8026
7880
 
8027
- .pf-c-empty-state.pf-m-sm {
8028
- --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);
7881
+ .pf-c-dropdown__menu-item.pf-m-aria-disabled {
7882
+ cursor: default;
8029
7883
  }
8030
7884
 
8031
- .pf-c-empty-state.pf-m-lg {
8032
- --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-lg__content--MaxWidth);
7885
+ .pf-c-dropdown__menu-item.pf-m-icon {
7886
+ display: flex;
7887
+ align-items: center;
8033
7888
  }
8034
7889
 
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);
7890
+ .pf-c-dropdown__menu-item.pf-m-icon.pf-m-description {
7891
+ flex-direction: column;
7892
+ align-items: start;
8040
7893
  }
8041
7894
 
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);
7895
+ .pf-c-dropdown__menu-item.pf-m-icon .pf-c-dropdown__menu-item-main {
7896
+ display: flex;
7897
+ align-items: center;
8044
7898
  }
8045
7899
 
8046
- .pf-c-empty-state.pf-m-full-height {
8047
- height: 100%;
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);
8048
7902
  }
8049
7903
 
8050
- .pf-c-empty-state__content {
8051
- max-width: var(--pf-c-empty-state__content--MaxWidth);
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;
8052
7906
  }
8053
7907
 
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);
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);
8056
7915
  }
8057
7916
 
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);
7917
+ .pf-c-dropdown__menu-item-icon > * {
7918
+ max-width: 100%;
7919
+ max-height: 100%;
8062
7920
  }
8063
7921
 
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);
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);
8067
7925
  }
8068
7926
 
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);
7927
+ .pf-c-dropdown__group + .pf-c-dropdown__group {
7928
+ padding-top: var(--pf-c-dropdown__group--group--PaddingTop);
8072
7929
  }
8073
7930
 
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);
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);
8077
7939
  }
8078
7940
 
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);
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);
8085
7953
  }
8086
7954
 
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);
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);
8091
7957
  }
8092
7958
 
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);
7959
+ :where(.pf-theme-dark) .pf-c-dropdown__toggle.pf-m-plain {
7960
+ background: transparent;
8095
7961
  }
8096
7962
 
8097
7963
  .pf-c-dual-list-selector {
@@ -8379,44 +8245,178 @@ label.pf-c-check, .pf-c-check__label,
8379
8245
  --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8380
8246
  }
8381
8247
 
8382
- .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 {
8383
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 3 + var(--pf-c-dual-list-selector__item--indent--base));
8384
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8248
+ .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 {
8249
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 3 + var(--pf-c-dual-list-selector__item--indent--base));
8250
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8251
+ }
8252
+
8253
+ .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 {
8254
+ --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 4 + var(--pf-c-dual-list-selector__item--indent--base));
8255
+ --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
8256
+ }
8257
+
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);
8385
8381
  }
8386
8382
 
8387
- .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 {
8388
- --pf-c-dual-list-selector__item--PaddingLeft: calc(var(--pf-c-dual-list-selector__item--nested-indent--base) * 4 + var(--pf-c-dual-list-selector__item--indent--base));
8389
- --pf-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-c-dual-list-selector__item--PaddingLeft);
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);
8390
8387
  }
8391
8388
 
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);
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);
8395
8392
  }
8396
8393
 
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);
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);
8400
8397
  }
8401
8398
 
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);
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);
8405
8402
  }
8406
8403
 
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);
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);
8410
8410
  }
8411
8411
 
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);
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);
8415
8416
  }
8416
8417
 
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);
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);
8420
8420
  }
8421
8421
 
8422
8422
  .pf-c-expandable-section {
@@ -16318,251 +16318,45 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
16318
16318
  :where(.pf-theme-dark) .pf-c-page {
16319
16319
  --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--200);
16320
16320
  --pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-global--BackgroundColor--300);
16321
- --pf-c-page__sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
16322
- --pf-c-page__header--BackgroundColor: var(--pf-global--palette--black-1000);
16323
- }
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);
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);
16321
+ --pf-c-page__sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
16322
+ --pf-c-page__header--BackgroundColor: var(--pf-global--palette--black-1000);
16523
16323
  }
16524
16324
 
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);
16325
+ :where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button {
16326
+ color: var(--pf-global--Color--100);
16531
16327
  }
16532
16328
 
16533
- .pf-c-popover__title.pf-m-icon {
16534
- display: flex;
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);
16535
16331
  }
16536
16332
 
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);
16333
+ :where(.pf-theme-dark) .pf-c-page__sidebar {
16334
+ border-right: var(--pf-global--BorderWidth--sm) solid var(--pf-global--BorderColor--100);
16540
16335
  }
16541
16336
 
16542
- .pf-c-popover__title-text {
16543
- color: var(--pf-c-popover__title-text--Color, inherit);
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);
16544
16339
  }
16545
16340
 
16546
- .pf-c-popover__body {
16547
- word-wrap: break-word;
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);
16548
16343
  }
16549
16344
 
16550
- .pf-c-popover__footer {
16551
- margin-top: var(--pf-c-popover__footer--MarginTop);
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);
16552
16350
  }
16553
16351
 
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);
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);
16561
16354
  }
16562
16355
 
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);
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);
16566
16360
  }
16567
16361
 
16568
16362
  .pf-c-pagination__nav-page-select .pf-c-form-control {
@@ -16929,6 +16723,212 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
16929
16723
  --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--300);
16930
16724
  }
16931
16725
 
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);