@patternfly/react-styles 6.3.0-prerelease.9 → 6.3.1-prerelease.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +36 -0
- package/css/components/Accordion/accordion.css +40 -15
- package/css/components/Alert/alert-group.css +15 -2
- package/css/components/Badge/badge.css +2 -0
- package/css/components/Banner/banner.css +4 -0
- package/css/components/Button/button.css +35 -5
- package/css/components/Card/card.css +5 -4
- package/css/components/CodeBlock/code-block.css +3 -0
- package/css/components/CodeEditor/code-editor.css +8 -3
- package/css/components/Drawer/drawer.css +44 -41
- package/css/components/DualListSelector/dual-list-selector.css +19 -1
- package/css/components/Label/label.css +20 -11
- package/css/components/Login/login.css +3 -0
- package/css/components/Menu/menu.css +11 -0
- package/css/components/MenuToggle/menu-toggle.css +12 -5
- package/css/components/ModalBox/modal-box.css +3 -0
- package/css/components/Nav/nav.css +17 -0
- package/css/components/Page/page.css +62 -23
- package/css/components/Panel/panel.css +7 -1
- package/css/components/Popover/popover.css +4 -0
- package/css/components/Progress/progress.css +10 -0
- package/css/components/SimpleList/simple-list.css +15 -0
- package/css/components/Table/table-grid.css +30 -0
- package/css/components/Table/table-grid.d.ts +2 -1
- package/css/components/Table/table-grid.js +2 -1
- package/css/components/Table/table-grid.mjs +2 -1
- package/css/components/Table/table.css +59 -15
- package/css/components/Tabs/tabs.css +7 -0
- package/css/components/TextInputGroup/text-input-group.css +7 -0
- package/css/components/TreeView/tree-view.css +15 -0
- package/css/components/Wizard/wizard.css +33 -6
- package/css/components/Wizard/wizard.d.ts +1 -1
- package/css/components/Wizard/wizard.js +1 -1
- package/css/components/Wizard/wizard.mjs +1 -1
- package/css/components/_index.css +490 -132
- package/css/components/_index.d.ts +0 -1
- package/css/components/_index.js +0 -1
- package/css/components/_index.mjs +0 -1
- package/package.json +3 -3
@@ -206,6 +206,9 @@
|
|
206
206
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
207
207
|
--pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
208
208
|
--pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
|
209
|
+
--pf-v6-c-accordion__toggle--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
210
|
+
--pf-v6-c-accordion__toggle--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
211
|
+
--pf-v6-c-accordion__toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
209
212
|
--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
210
213
|
--pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
211
214
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
@@ -214,15 +217,22 @@
|
|
214
217
|
--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
215
218
|
--pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
216
219
|
--pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
|
220
|
+
--pf-v6-c-accordion__toggle-icon--Rotate: 0;
|
217
221
|
--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
|
218
222
|
--pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
219
|
-
--pf-v6-c-accordion__expandable-content--MarginBlockEnd:
|
223
|
+
--pf-v6-c-accordion__expandable-content--MarginBlockEnd: 0;
|
220
224
|
--pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
|
221
225
|
--pf-v6-c-accordion__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
222
226
|
--pf-v6-c-accordion__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
223
227
|
--pf-v6-c-accordion__expandable-content--Color: var(--pf-t--global--text--color--regular);
|
224
228
|
--pf-v6-c-accordion__expandable-content--FontSize: var(--pf-t--global--font--size--body--default);
|
229
|
+
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: 0;
|
225
230
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
|
231
|
+
--pf-v6-c-accordion__expandable-content--MaxHeight: 0;
|
232
|
+
--pf-v6-c-accordion__expandable-content--Visibility: hidden;
|
233
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
|
234
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
|
235
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
226
236
|
--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
227
237
|
--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
228
238
|
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--collapse--fade);
|
@@ -259,6 +269,11 @@
|
|
259
269
|
--pf-v6-c-accordion--m-bordered--RowGap: 0;
|
260
270
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
261
271
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
272
|
+
--pf-v6-c-accordion__item--BorderWidth: 0;
|
273
|
+
--pf-v6-c-accordion__item--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
274
|
+
--pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
275
|
+
--pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
276
|
+
--pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
262
277
|
}
|
263
278
|
@media screen and (prefers-reduced-motion: no-preference) {
|
264
279
|
.pf-v6-c-accordion {
|
@@ -297,6 +312,7 @@
|
|
297
312
|
--pf-v6-c-accordion--RowGap: var(--pf-v6-c-accordion--m-bordered--RowGap);
|
298
313
|
--pf-v6-c-accordion__item--BorderRadius: 0;
|
299
314
|
--pf-v6-c-accordion__toggle--BorderRadius: 0;
|
315
|
+
--pf-v6-c-accordion__item--BorderWidth: 0;
|
300
316
|
}
|
301
317
|
.pf-v6-c-accordion.pf-m-bordered .pf-v6-c-accordion__item {
|
302
318
|
border-block-end: var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth) solid var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor);
|
@@ -311,6 +327,7 @@
|
|
311
327
|
pointer-events: none;
|
312
328
|
content: "";
|
313
329
|
background-color: var(--pf-v6-c-accordion__item--m-expanded--BackgroundColor);
|
330
|
+
border: var(--pf-v6-c-accordion__item--BorderWidth) solid var(--pf-v6-c-accordion__item--BorderColor);
|
314
331
|
border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
|
315
332
|
opacity: var(--pf-v6-c-accordion__item--before--Opacity);
|
316
333
|
transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
|
@@ -320,17 +337,21 @@
|
|
320
337
|
.pf-v6-c-accordion__item.pf-m-expanded {
|
321
338
|
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd);
|
322
339
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight);
|
340
|
+
--pf-v6-c-accordion__toggle-icon--Rotate: var(--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate);
|
323
341
|
--pf-v6-c-accordion__item--before--TransitionDuration--slide: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--slide);
|
324
342
|
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
|
325
343
|
--pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
|
326
344
|
--pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
|
345
|
+
--pf-v6-c-accordion__item--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded--BorderWidth);
|
327
346
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
|
328
347
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
|
329
348
|
--pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
|
330
349
|
--pf-v6-c-accordion__expandable-content--TranslateY: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY);
|
331
|
-
|
332
|
-
|
333
|
-
|
350
|
+
--pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd);
|
351
|
+
--pf-v6-c-accordion__expandable-content--MaxHeight: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight);
|
352
|
+
--pf-v6-c-accordion__expandable-content--Visibility: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility);
|
353
|
+
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
|
354
|
+
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
334
355
|
}
|
335
356
|
|
336
357
|
.pf-v6-c-accordion__toggle {
|
@@ -351,8 +372,17 @@
|
|
351
372
|
border: 0;
|
352
373
|
border-radius: var(--pf-v6-c-accordion__toggle--BorderRadius);
|
353
374
|
}
|
375
|
+
.pf-v6-c-accordion__toggle::after {
|
376
|
+
position: absolute;
|
377
|
+
inset: 0;
|
378
|
+
pointer-events: none;
|
379
|
+
content: "";
|
380
|
+
border: var(--pf-v6-c-accordion__toggle--BorderWidth) solid var(--pf-v6-c-accordion__toggle--BorderColor);
|
381
|
+
border-radius: inherit;
|
382
|
+
}
|
354
383
|
.pf-v6-c-accordion__toggle:is(:hover, :focus) {
|
355
384
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-v6-c-accordion__toggle--hover--BackgroundColor);
|
385
|
+
--pf-v6-c-accordion__toggle--BorderWidth: var(--pf-v6-c-accordion__toggle--hover--BorderWidth);
|
356
386
|
}
|
357
387
|
|
358
388
|
.pf-v6-c-accordion__toggle-text {
|
@@ -366,6 +396,7 @@
|
|
366
396
|
|
367
397
|
.pf-v6-c-accordion__toggle-icon {
|
368
398
|
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
399
|
+
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
369
400
|
}
|
370
401
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
|
371
402
|
scale: -1 1;
|
@@ -376,13 +407,15 @@
|
|
376
407
|
}
|
377
408
|
|
378
409
|
.pf-v6-c-accordion__expandable-content {
|
379
|
-
max-height:
|
410
|
+
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
411
|
+
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
380
412
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
381
413
|
margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
|
382
414
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
383
415
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
384
|
-
visibility:
|
416
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
385
417
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
418
|
+
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
386
419
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
387
420
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
388
421
|
transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
|
@@ -392,17 +425,9 @@
|
|
392
425
|
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
393
426
|
}
|
394
427
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
428
|
+
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
|
395
429
|
overflow-y: auto;
|
396
430
|
}
|
397
|
-
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content {
|
398
|
-
max-height: 99999px;
|
399
|
-
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
400
|
-
visibility: revert;
|
401
|
-
transition-delay: 0s;
|
402
|
-
}
|
403
|
-
.pf-v6-c-accordion__item.pf-m-expanded .pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
404
|
-
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
405
|
-
}
|
406
431
|
|
407
432
|
.pf-v6-c-accordion__expandable-content-body {
|
408
433
|
padding-block-start: var(--pf-v6-c-accordion__expandable-content-body--PaddingBlockStart);
|
@@ -705,7 +730,8 @@
|
|
705
730
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
|
706
731
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
|
707
732
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
|
708
|
-
--pf-v6-c-alert-group__overflow-button--BorderWidth:
|
733
|
+
--pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
734
|
+
--pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
709
735
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
710
736
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
711
737
|
--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
@@ -714,6 +740,7 @@
|
|
714
740
|
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
|
715
741
|
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
716
742
|
--pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
743
|
+
--pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
717
744
|
--pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
|
718
745
|
--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
|
719
746
|
--pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
|
@@ -744,10 +771,21 @@
|
|
744
771
|
padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
|
745
772
|
color: var(--pf-v6-c-alert-group__overflow-button--Color);
|
746
773
|
background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
|
747
|
-
border
|
774
|
+
border: 0;
|
748
775
|
border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
|
749
776
|
box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
|
750
777
|
}
|
778
|
+
.pf-v6-c-alert-group__overflow-button::after {
|
779
|
+
position: absolute;
|
780
|
+
inset: 0;
|
781
|
+
pointer-events: none;
|
782
|
+
content: "";
|
783
|
+
border: var(--pf-v6-c-alert-group__overflow-button--BorderWidth) solid var(--pf-v6-c-alert-group__overflow-button--BorderColor);
|
784
|
+
border-radius: inherit;
|
785
|
+
}
|
786
|
+
.pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
|
787
|
+
--pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-v6-c-alert-group__overflow-button--hover--BorderWidth);
|
788
|
+
}
|
751
789
|
|
752
790
|
.pf-v6-c-alert-group__item {
|
753
791
|
display: grid;
|
@@ -1157,6 +1195,7 @@
|
|
1157
1195
|
--pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
1158
1196
|
--pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
1159
1197
|
--pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
1198
|
+
--pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
1160
1199
|
--pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
1161
1200
|
--pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
|
1162
1201
|
--pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
|
@@ -1189,6 +1228,7 @@
|
|
1189
1228
|
border-radius: inherit;
|
1190
1229
|
}
|
1191
1230
|
.pf-v6-c-badge.pf-m-read {
|
1231
|
+
--pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
|
1192
1232
|
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
|
1193
1233
|
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
|
1194
1234
|
--pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
|
@@ -1221,6 +1261,8 @@
|
|
1221
1261
|
--pf-v6-c-banner--FontSize: var(--pf-t--global--font--size--body--default);
|
1222
1262
|
--pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
1223
1263
|
--pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
1264
|
+
--pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
1265
|
+
--pf-v6-c-banner--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
1224
1266
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
1225
1267
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
1226
1268
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
@@ -1271,6 +1313,8 @@
|
|
1271
1313
|
color: var(--pf-v6-c-banner--Color);
|
1272
1314
|
white-space: nowrap;
|
1273
1315
|
background-color: var(--pf-v6-c-banner--BackgroundColor);
|
1316
|
+
border-block-start: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
|
1317
|
+
border-block-end: var(--pf-v6-c-banner--BorderWidth) solid var(--pf-v6-c-banner--BorderColor);
|
1274
1318
|
}
|
1275
1319
|
.pf-v6-c-banner.pf-m-danger {
|
1276
1320
|
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-danger--BackgroundColor);
|
@@ -1553,6 +1597,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1553
1597
|
--pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
|
1554
1598
|
--pf-v6-c-button--ScaleX: 1;
|
1555
1599
|
--pf-v6-c-button--ScaleY: 1;
|
1600
|
+
--pf-v6-c-button--border--offset: 0;
|
1556
1601
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
1557
1602
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
1558
1603
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
@@ -1616,6 +1661,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
1616
1661
|
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
|
1617
1662
|
--pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
1618
1663
|
--pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
1664
|
+
--pf-v6-c-button--m-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
1665
|
+
--pf-v6-c-button--m-link--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
1666
|
+
--pf-v6-c-button--m-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
1667
|
+
--pf-v6-c-button--m-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
1668
|
+
--pf-v6-c-button--m-link--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
1669
|
+
--pf-v6-c-button--m-link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
1619
1670
|
--pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
|
1620
1671
|
--pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
1621
1672
|
--pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
|
@@ -1666,6 +1717,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
1666
1717
|
--pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
|
1667
1718
|
--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
1668
1719
|
--pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
1720
|
+
--pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
1721
|
+
--pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
1722
|
+
--pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
1723
|
+
--pf-v6-c-button--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
1724
|
+
--pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
1725
|
+
--pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
1669
1726
|
--pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
|
1670
1727
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
|
1671
1728
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
@@ -1678,7 +1735,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1678
1735
|
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
1679
1736
|
--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
|
1680
1737
|
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
1681
|
-
--pf-v6-c-
|
1738
|
+
--pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
|
1682
1739
|
--pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
1683
1740
|
--pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
1684
1741
|
--pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
@@ -1813,7 +1870,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1813
1870
|
--pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
1814
1871
|
--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
1815
1872
|
--pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
|
1816
|
-
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--
|
1873
|
+
--pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--alt);
|
1817
1874
|
--pf-v6-c-button--m-block--Display: flex;
|
1818
1875
|
--pf-v6-c-button--m-block--Width: 100%;
|
1819
1876
|
--pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
@@ -1855,7 +1912,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1855
1912
|
cursor: pointer;
|
1856
1913
|
-webkit-user-select: none;
|
1857
1914
|
user-select: none;
|
1858
|
-
background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent)
|
1915
|
+
background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
|
1859
1916
|
border: 0;
|
1860
1917
|
border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
|
1861
1918
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
@@ -1869,7 +1926,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1869
1926
|
}
|
1870
1927
|
.pf-v6-c-button::after {
|
1871
1928
|
position: absolute;
|
1872
|
-
inset:
|
1929
|
+
inset: var(--pf-v6-c-button--border--offset);
|
1873
1930
|
pointer-events: none;
|
1874
1931
|
content: "";
|
1875
1932
|
border: var(--pf-v6-c-button--BorderWidth) solid;
|
@@ -1933,6 +1990,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
1933
1990
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
|
1934
1991
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
|
1935
1992
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
|
1993
|
+
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-link--BorderWidth);
|
1994
|
+
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-link--hover--BorderColor);
|
1995
|
+
--pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-link--hover--BorderWidth);
|
1996
|
+
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-link--m-clicked--BorderColor);
|
1997
|
+
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-link--m-clicked--BorderWidth);
|
1998
|
+
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-link--BorderColor);
|
1936
1999
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
|
1937
2000
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
|
1938
2001
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
|
@@ -1972,6 +2035,9 @@ button.pf-v6-c-breadcrumb__link {
|
|
1972
2035
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
1973
2036
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
1974
2037
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
2038
|
+
--pf-v6-c-button--BorderWidth: 0;
|
2039
|
+
--pf-v6-c-button--hover--BorderWidth: 0;
|
2040
|
+
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
1975
2041
|
text-align: start;
|
1976
2042
|
white-space: normal;
|
1977
2043
|
background: transparent;
|
@@ -2079,6 +2145,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2079
2145
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
|
2080
2146
|
}
|
2081
2147
|
.pf-v6-c-button.pf-m-plain {
|
2148
|
+
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-plain--BorderWidth);
|
2149
|
+
--pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-plain--hover--BorderColor);
|
2150
|
+
--pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-plain--hover--BorderWidth);
|
2151
|
+
--pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-plain--m-clicked--BorderColor);
|
2152
|
+
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-plain--m-clicked--BorderWidth);
|
2153
|
+
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-plain--BorderColor);
|
2082
2154
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
|
2083
2155
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
|
2084
2156
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
|
@@ -2107,6 +2179,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2107
2179
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
|
2108
2180
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
|
2109
2181
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
|
2182
|
+
--pf-v6-c-button--border--offset: var(--pf-v6-c-button--m-plain--m-no-padding--border--offset);
|
2110
2183
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
2111
2184
|
background: var(--pf-v6-c-button--BackgroundColor);
|
2112
2185
|
}
|
@@ -2199,6 +2272,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2199
2272
|
text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
|
2200
2273
|
text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
|
2201
2274
|
text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
|
2275
|
+
outline-offset: var(--pf-t--global--focus-ring--position--offset);
|
2202
2276
|
}
|
2203
2277
|
.pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
|
2204
2278
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
|
@@ -2208,7 +2282,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2208
2282
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
|
2209
2283
|
}
|
2210
2284
|
.pf-v6-c-button:active {
|
2211
|
-
background-size: 100%;
|
2285
|
+
background-size: 100% 100%;
|
2212
2286
|
transition-duration: 0s;
|
2213
2287
|
}
|
2214
2288
|
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
|
@@ -2591,6 +2665,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2591
2665
|
--pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
|
2592
2666
|
--pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
2593
2667
|
--pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
2668
|
+
--pf-v6-c-card--m-selectable--hover--BorderWidth: var(--pf-t--global--border--width--box--hover);
|
2594
2669
|
--pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
|
2595
2670
|
--pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
|
2596
2671
|
--pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
|
@@ -2621,7 +2696,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2621
2696
|
--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
2622
2697
|
--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
2623
2698
|
--pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
2624
|
-
--pf-v6-c-card--m-secondary--BorderColor:
|
2699
|
+
--pf-v6-c-card--m-secondary--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
2625
2700
|
--pf-v6-c-card--m-full-height--Height: 100%;
|
2626
2701
|
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
2627
2702
|
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
@@ -2780,7 +2855,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2780
2855
|
}
|
2781
2856
|
|
2782
2857
|
.pf-v6-c-card__title-text {
|
2783
|
-
overflow: auto;
|
2784
2858
|
font-family: var(--pf-v6-c-card__title-text--FontFamily);
|
2785
2859
|
font-size: var(--pf-v6-c-card__title-text--FontSize);
|
2786
2860
|
font-weight: var(--pf-v6-c-card__title-text--FontWeight);
|
@@ -2822,17 +2896,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
2822
2896
|
z-index: -1;
|
2823
2897
|
content: "";
|
2824
2898
|
background-color: var(--pf-v6-c-card--BackgroundColor, transparent);
|
2825
|
-
border: var(--pf-v6-c-card--
|
2899
|
+
border: var(--pf-v6-c-card--BorderWidth) solid var(--pf-v6-c-card--BorderColor, transparent);
|
2826
2900
|
border-radius: var(--pf-v6-c-card--BorderRadius);
|
2827
2901
|
}
|
2828
2902
|
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover {
|
2829
2903
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--hover--BorderColor);
|
2904
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--hover--BorderWidth);
|
2830
2905
|
}
|
2831
2906
|
|
2832
2907
|
.pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-radio__label, .pf-v6-c-check__label),
|
2833
2908
|
.pf-v6-c-card.pf-m-selected {
|
2834
2909
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--BorderColor);
|
2835
|
-
--pf-v6-c-card--
|
2910
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
|
2836
2911
|
}
|
2837
2912
|
|
2838
2913
|
.pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible),
|
@@ -3086,6 +3161,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
3086
3161
|
}
|
3087
3162
|
|
3088
3163
|
.pf-v6-c-code-block {
|
3164
|
+
--pf-v6-c-code-block--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
3165
|
+
--pf-v6-c-code-block--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
3089
3166
|
--pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
3090
3167
|
--pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
|
3091
3168
|
--pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
@@ -3104,6 +3181,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
3104
3181
|
|
3105
3182
|
.pf-v6-c-code-block {
|
3106
3183
|
background-color: var(--pf-v6-c-code-block--BackgroundColor);
|
3184
|
+
border: var(--pf-v6-c-code-block--BorderWidth) solid var(--pf-v6-c-code-block--BorderColor);
|
3107
3185
|
border-radius: var(--pf-v6-c-code-block--BorderRadius);
|
3108
3186
|
}
|
3109
3187
|
|
@@ -3144,6 +3222,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
3144
3222
|
--pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
3145
3223
|
--pf-v6-c-code-editor__header--before--BorderBlockEndWidth: var(--pf-t--global--border--width--box--default);
|
3146
3224
|
--pf-v6-c-code-editor__header--before--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
3225
|
+
--pf-v6-c-code-editor__header--BorderWidth: var(--pf-t--global--border--width--box--default);
|
3226
|
+
--pf-v6-c-code-editor__header--BorderColor: var(--pf-t--global--border--color--default);
|
3227
|
+
--pf-v6-c-code-editor__header--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
|
3228
|
+
--pf-v6-c-code-editor__header--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
|
3147
3229
|
--pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
3148
3230
|
--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
3149
3231
|
--pf-v6-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
@@ -3215,12 +3297,13 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
3215
3297
|
}
|
3216
3298
|
.pf-v6-c-code-editor__header::before {
|
3217
3299
|
position: absolute;
|
3218
|
-
inset
|
3219
|
-
inset-inline-start: 0;
|
3220
|
-
inset-inline-end: 0;
|
3300
|
+
inset: 0;
|
3221
3301
|
pointer-events: none;
|
3222
3302
|
content: "";
|
3303
|
+
border: var(--pf-v6-c-code-editor__header--BorderWidth) solid var(--pf-v6-c-code-editor__header--BorderColor);
|
3223
3304
|
border-block-end: var(--pf-v6-c-code-editor__header--before--BorderBlockEndWidth) solid var(--pf-v6-c-code-editor__header--before--BorderBlockEndColor);
|
3305
|
+
border-start-start-radius: var(--pf-v6-c-code-editor__header--BorderStartStartRadius);
|
3306
|
+
border-start-end-radius: var(--pf-v6-c-code-editor__header--BorderStartEndRadius);
|
3224
3307
|
}
|
3225
3308
|
.pf-v6-c-code-editor__header.pf-m-plain {
|
3226
3309
|
--pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor);
|
@@ -4878,8 +4961,12 @@ ul) {
|
|
4878
4961
|
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
4879
4962
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
4880
4963
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
4964
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
4965
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
4881
4966
|
--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
4967
|
+
--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
4882
4968
|
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
4969
|
+
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
4883
4970
|
--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
4884
4971
|
--pf-v6-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
|
4885
4972
|
--pf-v6-c-dual-list-selector__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
@@ -4985,6 +5072,7 @@ ul) {
|
|
4985
5072
|
overflow: auto;
|
4986
5073
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
4987
5074
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
5075
|
+
outline-offset: 2px;
|
4988
5076
|
}
|
4989
5077
|
|
4990
5078
|
.pf-v6-c-dual-list-selector__list {
|
@@ -5009,7 +5097,7 @@ ul) {
|
|
5009
5097
|
overflow-anchor: none;
|
5010
5098
|
}
|
5011
5099
|
|
5012
|
-
.pf-v6-c-dual-list-selector__list-item:focus {
|
5100
|
+
.pf-v6-c-dual-list-selector__list-item:focus-visible {
|
5013
5101
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
5014
5102
|
}
|
5015
5103
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
|
@@ -5043,12 +5131,22 @@ ul) {
|
|
5043
5131
|
}
|
5044
5132
|
|
5045
5133
|
.pf-v6-c-dual-list-selector__list-item-row {
|
5134
|
+
position: relative;
|
5046
5135
|
display: flex;
|
5047
5136
|
font-size: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
5048
5137
|
background-color: var(--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor);
|
5049
5138
|
}
|
5139
|
+
.pf-v6-c-dual-list-selector__list-item-row::before {
|
5140
|
+
position: absolute;
|
5141
|
+
inset: 0;
|
5142
|
+
pointer-events: none;
|
5143
|
+
content: "";
|
5144
|
+
border-block-start: var(--pf-v6-c-dual-list-selector__list-item-row--BorderWidth) solid var(--pf-v6-c-dual-list-selector__list-item-row--BorderColor);
|
5145
|
+
border-block-end: var(--pf-v6-c-dual-list-selector__list-item-row--BorderWidth) solid var(--pf-v6-c-dual-list-selector__list-item-row--BorderColor);
|
5146
|
+
}
|
5050
5147
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-selected {
|
5051
5148
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor);
|
5149
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderWidth);
|
5052
5150
|
}
|
5053
5151
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-selected .pf-v6-c-dual-list-selector__item-text {
|
5054
5152
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--Color);
|
@@ -5056,9 +5154,12 @@ ul) {
|
|
5056
5154
|
}
|
5057
5155
|
.pf-v6-c-dual-list-selector__list-item-row:hover {
|
5058
5156
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
5157
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BorderWidth);
|
5059
5158
|
}
|
5060
5159
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-check {
|
5061
5160
|
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
|
5161
|
+
--pf-v6-c-dual-list-selector__list-item-row--m-selected--BorderColor: transparent;
|
5162
|
+
--pf-v6-c-dual-list-selector__list-item-row--BorderWidth: revert;
|
5062
5163
|
}
|
5063
5164
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-ghost-row {
|
5064
5165
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor);
|
@@ -5578,6 +5679,11 @@ ul) {
|
|
5578
5679
|
--pf-v6-c-drawer__panel--MinWidth: 50%;
|
5579
5680
|
--pf-v6-c-drawer__panel--MaxHeight: auto;
|
5580
5681
|
--pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
|
5682
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
|
5683
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
5684
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
5685
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer__panel--after--Width);
|
5686
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
5581
5687
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
5582
5688
|
--pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
5583
5689
|
--pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
@@ -5674,13 +5780,14 @@ ul) {
|
|
5674
5780
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
5675
5781
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
5676
5782
|
--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
5677
|
-
--pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
|
5678
|
-
--pf-v6-c-drawer--m-
|
5679
|
-
--pf-v6-c-
|
5783
|
+
--pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--high-contrast--border--width--divider--default);
|
5784
|
+
--pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-t--global--border--width--divider--default);
|
5785
|
+
--pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--high-contrast--border--width--divider--default);
|
5786
|
+
--pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
|
5680
5787
|
--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
|
5681
|
-
--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart:
|
5682
|
-
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd:
|
5683
|
-
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart:
|
5788
|
+
--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: 0;
|
5789
|
+
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
|
5790
|
+
--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
|
5684
5791
|
}
|
5685
5792
|
@media screen and (prefers-reduced-motion: no-preference) {
|
5686
5793
|
.pf-v6-c-drawer {
|
@@ -5721,6 +5828,7 @@ ul) {
|
|
5721
5828
|
|
5722
5829
|
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
5723
5830
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
|
5831
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
5724
5832
|
}
|
5725
5833
|
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
|
5726
5834
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
@@ -5821,6 +5929,11 @@ ul) {
|
|
5821
5929
|
overflow: auto;
|
5822
5930
|
visibility: hidden;
|
5823
5931
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
5932
|
+
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
5933
|
+
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
5934
|
+
border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
|
5935
|
+
border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
|
5936
|
+
border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
|
5824
5937
|
box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
|
5825
5938
|
opacity: var(--pf-v6-c-drawer__panel--Opacity);
|
5826
5939
|
transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
|
@@ -5829,15 +5942,6 @@ ul) {
|
|
5829
5942
|
transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
|
5830
5943
|
-webkit-overflow-scrolling: touch;
|
5831
5944
|
}
|
5832
|
-
.pf-v6-c-drawer__panel::after {
|
5833
|
-
position: absolute;
|
5834
|
-
inset-block-start: 0;
|
5835
|
-
inset-inline-start: 0;
|
5836
|
-
width: var(--pf-v6-c-drawer__panel--after--Width);
|
5837
|
-
height: 100%;
|
5838
|
-
content: "";
|
5839
|
-
background-color: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
|
5840
|
-
}
|
5841
5945
|
.pf-v6-c-drawer__panel:not(.pf-m-resizable) {
|
5842
5946
|
padding-block-start: var(--pf-v6-c-drawer__panel--PaddingBlockStart);
|
5843
5947
|
padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
|
@@ -5992,13 +6096,13 @@ ul) {
|
|
5992
6096
|
}
|
5993
6097
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
5994
6098
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer__panel--m-resizable--md--FlexBasis--min);
|
6099
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
6100
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
6101
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
6102
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
5995
6103
|
flex-direction: var(--pf-v6-c-drawer__panel--m-resizable--FlexDirection);
|
5996
6104
|
min-width: var(--pf-v6-c-drawer__panel--m-resizable--MinWidth);
|
5997
6105
|
}
|
5998
|
-
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable::after {
|
5999
|
-
width: 0;
|
6000
|
-
height: 0;
|
6001
|
-
}
|
6002
6106
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
|
6003
6107
|
flex-shrink: 0;
|
6004
6108
|
}
|
@@ -6007,18 +6111,17 @@ ul) {
|
|
6007
6111
|
}
|
6008
6112
|
.pf-v6-c-drawer.pf-m-panel-left {
|
6009
6113
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow);
|
6114
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer__panel--after--Width);
|
6115
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
6010
6116
|
}
|
6011
6117
|
.pf-v6-c-drawer.pf-m-panel-left.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-panel-left.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
|
6118
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
6012
6119
|
padding-inline-start: 0;
|
6013
6120
|
padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
|
6014
6121
|
}
|
6015
6122
|
.pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
6016
6123
|
transform: translateX(0);
|
6017
6124
|
}
|
6018
|
-
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
|
6019
|
-
inset-inline-start: auto;
|
6020
|
-
inset-inline-end: 0;
|
6021
|
-
}
|
6022
6125
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
|
6023
6126
|
--pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
|
6024
6127
|
order: 1;
|
@@ -6027,19 +6130,16 @@ ul) {
|
|
6027
6130
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
|
6028
6131
|
--pf-v6-c-drawer__panel--MaxHeight: 100%;
|
6029
6132
|
--pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
|
6133
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
6134
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
6030
6135
|
min-width: auto;
|
6031
6136
|
min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
|
6032
6137
|
}
|
6033
6138
|
.pf-v6-c-drawer.pf-m-panel-bottom.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-panel-bottom.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
|
6139
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
6034
6140
|
padding-block-start: var(--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart);
|
6035
6141
|
padding-inline-start: 0;
|
6036
6142
|
}
|
6037
|
-
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
|
6038
|
-
inset-block-start: 0;
|
6039
|
-
inset-inline-start: auto;
|
6040
|
-
width: 100%;
|
6041
|
-
height: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
6042
|
-
}
|
6043
6143
|
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
6044
6144
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min);
|
6045
6145
|
--pf-v6-c-drawer__panel--m-resizable--FlexDirection: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection);
|
@@ -6068,6 +6168,10 @@ ul) {
|
|
6068
6168
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border,
|
6069
6169
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border {
|
6070
6170
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
6171
|
+
--pf-v6-c-drawer__panel--BorderBlockStartWidth: 0;
|
6172
|
+
--pf-v6-c-drawer__panel--BorderBlockEndWidth: 0;
|
6173
|
+
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
6174
|
+
--pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
|
6071
6175
|
}
|
6072
6176
|
.pf-v6-c-drawer__splitter {
|
6073
6177
|
display: block;
|
@@ -6162,9 +6266,9 @@ ul) {
|
|
6162
6266
|
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
6163
6267
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
6164
6268
|
}
|
6165
|
-
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
6166
|
-
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
6167
|
-
|
6269
|
+
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
6270
|
+
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
6271
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
6168
6272
|
}
|
6169
6273
|
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
6170
6274
|
overflow-x: auto;
|
@@ -6229,9 +6333,9 @@ ul) {
|
|
6229
6333
|
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
6230
6334
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
6231
6335
|
}
|
6232
|
-
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
6233
|
-
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
6234
|
-
|
6336
|
+
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
6337
|
+
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
6338
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
6235
6339
|
}
|
6236
6340
|
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
6237
6341
|
overflow-x: auto;
|
@@ -6296,9 +6400,9 @@ ul) {
|
|
6296
6400
|
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
6297
6401
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
6298
6402
|
}
|
6299
|
-
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
6300
|
-
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
6301
|
-
|
6403
|
+
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
6404
|
+
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
6405
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
6302
6406
|
}
|
6303
6407
|
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
6304
6408
|
overflow-x: auto;
|
@@ -6363,9 +6467,9 @@ ul) {
|
|
6363
6467
|
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
6364
6468
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
6365
6469
|
}
|
6366
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
6367
|
-
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
6368
|
-
|
6470
|
+
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border),
|
6471
|
+
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border) {
|
6472
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
|
6369
6473
|
}
|
6370
6474
|
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
6371
6475
|
overflow-x: auto;
|
@@ -8594,10 +8698,11 @@ label.pf-v6-c-input-group__text {
|
|
8594
8698
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
8595
8699
|
--pf-v6-c-label--MaxWidth: 100%;
|
8596
8700
|
--pf-v6-c-label--MinWidth: calc((var(--pf-v6-c-label--FontSize) * var(--pf-t--global--font--line-height--body) + var(--pf-v6-c-label--PaddingBlockStart) + var(--pf-v6-c-label--PaddingBlockEnd)));
|
8597
|
-
--pf-v6-c-label--BorderWidth:
|
8598
|
-
--pf-v6-c-label--BorderColor:
|
8701
|
+
--pf-v6-c-label--BorderWidth: var(--pf-t--global--border--width--regular);
|
8702
|
+
--pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
8599
8703
|
--pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
|
8600
8704
|
--pf-v6-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
|
8705
|
+
--pf-v6-c-label--Gap: var(--pf-t--global--spacer--gap--text-to-element--compact);
|
8601
8706
|
--pf-v6-c-label--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
8602
8707
|
--pf-v6-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
8603
8708
|
--pf-v6-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
@@ -8720,8 +8825,8 @@ label.pf-v6-c-input-group__text {
|
|
8720
8825
|
--pf-v6-c-label--m-custom--m-outline--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
8721
8826
|
--pf-v6-c-label--m-custom--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--custom--hover);
|
8722
8827
|
--pf-v6-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
|
8723
|
-
--pf-v6-c-label--m-clickable--hover--BorderWidth:
|
8724
|
-
--pf-v6-c-label--m-clickable--hover--BorderColor:
|
8828
|
+
--pf-v6-c-label--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
8829
|
+
--pf-v6-c-label--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
8725
8830
|
--pf-v6-c-label--m-clickable__content--Cursor: pointer;
|
8726
8831
|
--pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label__icon--Color);
|
8727
8832
|
--pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
|
@@ -8734,8 +8839,10 @@ label.pf-v6-c-input-group__text {
|
|
8734
8839
|
--pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
8735
8840
|
--pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
|
8736
8841
|
--pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
8842
|
+
--pf-v6-c-label--m-overflow--BorderWidth: var(--pf-t--global--border--width--action--default);
|
8737
8843
|
--pf-v6-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
8738
8844
|
--pf-v6-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
8845
|
+
--pf-v6-c-label--m-overflow--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
8739
8846
|
--pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
|
8740
8847
|
--pf-v6-c-label--m-add--BackgroundColor: transparent;
|
8741
8848
|
--pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
|
@@ -8756,15 +8863,15 @@ label.pf-v6-c-input-group__text {
|
|
8756
8863
|
--pf-v6-c-label__content--Cursor: initial;
|
8757
8864
|
--pf-v6-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
8758
8865
|
--pf-v6-c-label__text--MaxWidth: 100%;
|
8759
|
-
--pf-v6-c-label__actions--MarginInlineEnd:
|
8866
|
+
--pf-v6-c-label__actions--MarginInlineEnd: 0;
|
8760
8867
|
--pf-v6-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
8761
8868
|
--pf-v6-c-label__actions--c-button--OutlineOffset: -0.1875rem;
|
8762
|
-
--pf-v6-c-label__actions--c-button--MarginBlockStart:
|
8763
|
-
--pf-v6-c-label__actions--c-button--MarginBlockEnd:
|
8764
|
-
--pf-v6-c-label__actions--c-button--PaddingBlockStart:
|
8765
|
-
--pf-v6-c-label__actions--c-button--PaddingInlineEnd:
|
8766
|
-
--pf-v6-c-label__actions--c-button--PaddingBlockEnd:
|
8767
|
-
--pf-v6-c-label__actions--c-button--PaddingInlineStart:
|
8869
|
+
--pf-v6-c-label__actions--c-button--MarginBlockStart: 0;
|
8870
|
+
--pf-v6-c-label__actions--c-button--MarginBlockEnd: 0;
|
8871
|
+
--pf-v6-c-label__actions--c-button--PaddingBlockStart: 0;
|
8872
|
+
--pf-v6-c-label__actions--c-button--PaddingInlineEnd: 0;
|
8873
|
+
--pf-v6-c-label__actions--c-button--PaddingBlockEnd: 0;
|
8874
|
+
--pf-v6-c-label__actions--c-button--PaddingInlineStart: 0;
|
8768
8875
|
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
|
8769
8876
|
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
|
8770
8877
|
--pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
|
@@ -8784,6 +8891,7 @@ label.pf-v6-c-input-group__text {
|
|
8784
8891
|
|
8785
8892
|
.pf-v6-c-label {
|
8786
8893
|
position: relative;
|
8894
|
+
gap: var(--pf-v6-c-label--Gap);
|
8787
8895
|
min-width: var(--pf-v6-c-label--MinWidth);
|
8788
8896
|
max-width: var(--pf-v6-c-label--MaxWidth);
|
8789
8897
|
padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
|
@@ -8983,10 +9091,12 @@ label.pf-v6-c-input-group__text {
|
|
8983
9091
|
.pf-v6-c-label.pf-m-overflow {
|
8984
9092
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-overflow--Color);
|
8985
9093
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-overflow--BackgroundColor);
|
9094
|
+
--pf-v6-c-label--BorderWidth: var(--pf-v6-c-label--m-overflow--BorderWidth);
|
8986
9095
|
}
|
8987
9096
|
.pf-v6-c-label.pf-m-overflow:is(:hover, :focus) {
|
8988
9097
|
--pf-v6-c-label--m-overflow--Color: var(--pf-v6-c-label--m-overflow--hover--Color);
|
8989
9098
|
--pf-v6-c-label--m-overflow--BackgroundColor: var(--pf-v6-c-label--m-overflow--hover--BackgroundColor);
|
9099
|
+
--pf-v6-c-label--m-overflow--BorderWidth: var(--pf-v6-c-label--m-overflow--hover--BorderWidth);
|
8990
9100
|
}
|
8991
9101
|
.pf-v6-c-label.pf-m-add {
|
8992
9102
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-add--Color);
|
@@ -9086,6 +9196,9 @@ input.pf-v6-c-label__content {
|
|
9086
9196
|
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
9087
9197
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
9088
9198
|
}
|
9199
|
+
.pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
|
9200
|
+
--pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
|
9201
|
+
}
|
9089
9202
|
|
9090
9203
|
.pf-v6-c-label-group {
|
9091
9204
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
@@ -9324,6 +9437,8 @@ ul.pf-v6-c-list {
|
|
9324
9437
|
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
9325
9438
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
9326
9439
|
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
9440
|
+
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
|
9441
|
+
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
9327
9442
|
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
9328
9443
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
9329
9444
|
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
@@ -9455,6 +9570,7 @@ ul.pf-v6-c-list {
|
|
9455
9570
|
align-self: start;
|
9456
9571
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
9457
9572
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
9573
|
+
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
9458
9574
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
9459
9575
|
}
|
9460
9576
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
@@ -10101,6 +10217,8 @@ ul.pf-v6-c-list {
|
|
10101
10217
|
--pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
10102
10218
|
--pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
|
10103
10219
|
--pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
|
10220
|
+
--pf-v6-c-menu--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
|
10221
|
+
--pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
10104
10222
|
--pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
|
10105
10223
|
--pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
|
10106
10224
|
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
@@ -10121,6 +10239,9 @@ ul.pf-v6-c-list {
|
|
10121
10239
|
--pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
10122
10240
|
--pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
|
10123
10241
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
10242
|
+
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
10243
|
+
--pf-v6-c-menu__list-item--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
10244
|
+
--pf-v6-c-menu__list-item--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
10124
10245
|
--pf-v6-c-menu__list-item--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
10125
10246
|
--pf-v6-c-menu__list-item--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
10126
10247
|
--pf-v6-c-menu__list-item--TransitionProperty: background-color;
|
@@ -10296,6 +10417,7 @@ ul.pf-v6-c-list {
|
|
10296
10417
|
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
10297
10418
|
--pf-v6-c-menu__list-item--BackgroundColor: transparent;
|
10298
10419
|
--pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
|
10420
|
+
--pf-v6-c-menu__list-item--hover--BorderColor: transparent;
|
10299
10421
|
}
|
10300
10422
|
.pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
|
10301
10423
|
.pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
|
@@ -10320,6 +10442,7 @@ ul.pf-v6-c-list {
|
|
10320
10442
|
overflow: hidden;
|
10321
10443
|
color: var(--pf-v6-c-menu--Color);
|
10322
10444
|
background-color: var(--pf-v6-c-menu--BackgroundColor);
|
10445
|
+
border: var(--pf-v6-c-menu--BorderWidth) solid var(--pf-v6-c-menu--BorderColor);
|
10323
10446
|
border-radius: var(--pf-v6-c-menu--BorderRadius);
|
10324
10447
|
box-shadow: var(--pf-v6-c-menu--BoxShadow);
|
10325
10448
|
transition-timing-function: var(--pf-v6-c-menu--TransitionTimingFunction) !important;
|
@@ -10364,6 +10487,7 @@ ul.pf-v6-c-list {
|
|
10364
10487
|
}
|
10365
10488
|
.pf-v6-c-menu.pf-m-drilldown :where(.pf-v6-c-menu) {
|
10366
10489
|
padding: 0;
|
10490
|
+
border: 0;
|
10367
10491
|
}
|
10368
10492
|
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list,
|
10369
10493
|
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__list {
|
@@ -10506,6 +10630,8 @@ ul.pf-v6-c-list {
|
|
10506
10630
|
inset: 0;
|
10507
10631
|
content: "";
|
10508
10632
|
background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
|
10633
|
+
border-block-start: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
|
10634
|
+
border-block-end: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
|
10509
10635
|
transition: inherit;
|
10510
10636
|
}
|
10511
10637
|
.pf-v6-c-menu__list-item.pf-m-load {
|
@@ -10530,6 +10656,7 @@ ul.pf-v6-c-list {
|
|
10530
10656
|
}
|
10531
10657
|
.pf-v6-c-menu__list-item.pf-m-focus, .pf-v6-c-menu__list-item:focus-within, .pf-v6-c-menu__list-item:has(> :hover) {
|
10532
10658
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-v6-c-menu__list-item--hover--BackgroundColor);
|
10659
|
+
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-v6-c-menu__list-item--hover--BorderWidth);
|
10533
10660
|
}
|
10534
10661
|
.pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-select-icon,
|
10535
10662
|
.pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-external-icon, .pf-v6-c-menu__list-item:focus-within .pf-v6-c-menu__item-select-icon,
|
@@ -10718,19 +10845,19 @@ ul.pf-v6-c-list {
|
|
10718
10845
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
10719
10846
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
10720
10847
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
|
10721
|
-
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--
|
10848
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
10722
10849
|
--pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
|
10723
10850
|
--pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
10724
10851
|
--pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
10725
10852
|
--pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
|
10726
10853
|
--pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
|
10727
10854
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
10728
|
-
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--
|
10855
|
+
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
10729
10856
|
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
10730
10857
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
10731
10858
|
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
|
10732
10859
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
10733
|
-
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--
|
10860
|
+
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
10734
10861
|
--pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
|
10735
10862
|
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
10736
10863
|
--pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
@@ -10817,7 +10944,10 @@ ul.pf-v6-c-list {
|
|
10817
10944
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
10818
10945
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
10819
10946
|
--pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
10820
|
-
--pf-v6-c-menu-toggle--m-plain--BorderColor:
|
10947
|
+
--pf-v6-c-menu-toggle--m-plain--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
10948
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
10949
|
+
--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
10950
|
+
--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
10821
10951
|
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
10822
10952
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
10823
10953
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
@@ -10943,6 +11073,7 @@ ul.pf-v6-c-list {
|
|
10943
11073
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
|
10944
11074
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
10945
11075
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
11076
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
|
10946
11077
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
|
10947
11078
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
10948
11079
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
|
@@ -10955,12 +11086,14 @@ ul.pf-v6-c-list {
|
|
10955
11086
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
|
10956
11087
|
}
|
10957
11088
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
10958
|
-
|
11089
|
+
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--BorderWidth);
|
11090
|
+
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
10959
11091
|
}
|
10960
11092
|
.pf-v6-c-menu-toggle:is(:hover, :focus) {
|
10961
11093
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
|
10962
11094
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
|
10963
11095
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
|
11096
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth);
|
10964
11097
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
|
10965
11098
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
|
10966
11099
|
--pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
|
@@ -10972,6 +11105,7 @@ ul.pf-v6-c-list {
|
|
10972
11105
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
|
10973
11106
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
|
10974
11107
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
|
11108
|
+
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth);
|
10975
11109
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
|
10976
11110
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
|
10977
11111
|
}
|
@@ -11220,6 +11354,8 @@ ul.pf-v6-c-list {
|
|
11220
11354
|
|
11221
11355
|
.pf-v6-c-modal-box {
|
11222
11356
|
--pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
11357
|
+
--pf-v6-c-modal-box--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
11358
|
+
--pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
|
11223
11359
|
--pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
11224
11360
|
--pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
11225
11361
|
--pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
|
@@ -11286,6 +11422,7 @@ ul.pf-v6-c-list {
|
|
11286
11422
|
max-height: var(--pf-v6-c-modal-box--MaxHeight);
|
11287
11423
|
overflow: auto;
|
11288
11424
|
background-color: var(--pf-v6-c-modal-box--BackgroundColor);
|
11425
|
+
border: var(--pf-v6-c-modal-box--BorderWidth) solid var(--pf-v6-c-modal-box--BorderColor);
|
11289
11426
|
border-radius: var(--pf-v6-c-modal-box--BorderRadius);
|
11290
11427
|
box-shadow: var(--pf-v6-c-modal-box--BoxShadow);
|
11291
11428
|
}
|
@@ -11677,6 +11814,10 @@ ul.pf-v6-c-list {
|
|
11677
11814
|
--pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
|
11678
11815
|
--pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
|
11679
11816
|
--pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
11817
|
+
--pf-v6-c-nav__link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
11818
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
11819
|
+
--pf-v6-c-nav__link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
11820
|
+
--pf-v6-c-nav__link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
11680
11821
|
--pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
|
11681
11822
|
--pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
|
11682
11823
|
--pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
|
@@ -11711,6 +11852,8 @@ ul.pf-v6-c-list {
|
|
11711
11852
|
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
|
11712
11853
|
--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
11713
11854
|
--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius: var(--pf-t--global--border--radius--pill);
|
11855
|
+
--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
11856
|
+
--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
11714
11857
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
11715
11858
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
11716
11859
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
@@ -11870,12 +12013,22 @@ ul.pf-v6-c-list {
|
|
11870
12013
|
transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
|
11871
12014
|
transition-property: background-color, color;
|
11872
12015
|
}
|
12016
|
+
.pf-v6-c-nav__link::after {
|
12017
|
+
position: absolute;
|
12018
|
+
inset: 0;
|
12019
|
+
pointer-events: none;
|
12020
|
+
content: "";
|
12021
|
+
border: var(--pf-v6-c-nav__link--BorderWidth) solid var(--pf-v6-c-nav__link--BorderColor);
|
12022
|
+
border-radius: inherit;
|
12023
|
+
}
|
11873
12024
|
.pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
|
12025
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--hover--BorderWidth);
|
11874
12026
|
color: var(--pf-v6-c-nav__link--hover--Color);
|
11875
12027
|
background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
|
11876
12028
|
}
|
11877
12029
|
.pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
|
11878
12030
|
--pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link--m-current__link-icon--Color);
|
12031
|
+
--pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--m-current--BorderWidth);
|
11879
12032
|
color: var(--pf-v6-c-nav__link--m-current--Color);
|
11880
12033
|
background-color: var(--pf-v6-c-nav__link--m-current--BackgroundColor);
|
11881
12034
|
}
|
@@ -11978,6 +12131,7 @@ ul.pf-v6-c-list {
|
|
11978
12131
|
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
|
11979
12132
|
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
|
11980
12133
|
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
|
12134
|
+
border: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth) solid var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor);
|
11981
12135
|
border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
|
11982
12136
|
}
|
11983
12137
|
.pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
|
@@ -12308,7 +12462,7 @@ ul.pf-v6-c-list {
|
|
12308
12462
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
12309
12463
|
--pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
12310
12464
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
12311
|
-
--pf-v6-c-page__sidebar--BoxShadow:
|
12465
|
+
--pf-v6-c-page__sidebar--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
12312
12466
|
--pf-v6-c-page__sidebar--TransitionProperty: opacity;
|
12313
12467
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
12314
12468
|
--pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
@@ -12323,6 +12477,8 @@ ul.pf-v6-c-list {
|
|
12323
12477
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
12324
12478
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
12325
12479
|
--pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
|
12480
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
12481
|
+
--pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
12326
12482
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
12327
12483
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
12328
12484
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
@@ -12347,13 +12503,19 @@ ul.pf-v6-c-list {
|
|
12347
12503
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
12348
12504
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
12349
12505
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
|
12350
|
-
--pf-v6-c-page__main-container--
|
12351
|
-
--pf-v6-c-page__main-container--
|
12506
|
+
--pf-v6-c-page__main-container--BorderBlockStartWidth: var(--pf-t--global--border--width--main--default);
|
12507
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-t--global--border--width--main--default);
|
12508
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-t--global--border--width--main--default);
|
12509
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-t--global--border--width--main--default);
|
12510
|
+
--pf-v6-c-page__main-container--BorderColor: var(--pf-t--global--border--color--main--default);
|
12352
12511
|
--pf-v6-c-page__main-container--xs--AlignSelf: stretch;
|
12353
12512
|
--pf-v6-c-page__main-container--xs--BorderRadius: 0;
|
12354
12513
|
--pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
|
12355
12514
|
--pf-v6-c-page__main-container--xs--MaxHeight: 100%;
|
12356
12515
|
--pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
|
12516
|
+
--pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
|
12517
|
+
--pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
|
12518
|
+
--pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
|
12357
12519
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
12358
12520
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
12359
12521
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
@@ -12366,22 +12528,30 @@ ul.pf-v6-c-list {
|
|
12366
12528
|
--pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
|
12367
12529
|
--pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
|
12368
12530
|
--pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
12531
|
+
--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
12532
|
+
--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
12369
12533
|
--pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-t--global--z-index--md);
|
12370
12534
|
--pf-v6-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
12535
|
+
--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
12536
|
+
--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
12371
12537
|
--pf-v6-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
12372
12538
|
--pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
|
12539
|
+
--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
12540
|
+
--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
12373
12541
|
--pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
12374
12542
|
--pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
|
12543
|
+
--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
12544
|
+
--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
12375
12545
|
--pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
12376
12546
|
--pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
12377
12547
|
--pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
|
12378
|
-
--pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
12379
|
-
--pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
12548
|
+
--pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
12549
|
+
--pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
12380
12550
|
--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
12381
12551
|
--pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
12382
|
-
--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
12552
|
+
--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
12383
12553
|
--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
|
12384
|
-
--pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
12554
|
+
--pf-v6-c-page__main-breadcrumb--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
12385
12555
|
--pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
12386
12556
|
--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
12387
12557
|
--pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
|
@@ -12404,6 +12574,7 @@ ul.pf-v6-c-list {
|
|
12404
12574
|
.pf-v6-c-page {
|
12405
12575
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
12406
12576
|
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
12577
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
12407
12578
|
}
|
12408
12579
|
}
|
12409
12580
|
|
@@ -12497,6 +12668,7 @@ ul.pf-v6-c-list {
|
|
12497
12668
|
overflow-y: auto;
|
12498
12669
|
-webkit-overflow-scrolling: touch;
|
12499
12670
|
background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
12671
|
+
border-inline-end: var(--pf-v6-c-page__sidebar--BorderInlineEndWidth) solid var(--pf-v6-c-page__sidebar--BorderInlineEndColor);
|
12500
12672
|
opacity: var(--pf-v6-c-page__sidebar--Opacity);
|
12501
12673
|
transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
|
12502
12674
|
transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
|
@@ -12512,7 +12684,7 @@ ul.pf-v6-c-list {
|
|
12512
12684
|
}
|
12513
12685
|
@media screen and (min-width: 75rem) {
|
12514
12686
|
.pf-v6-c-page__sidebar.pf-m-expanded {
|
12515
|
-
--pf-v6-c-page__sidebar--BoxShadow:
|
12687
|
+
--pf-v6-c-page__sidebar--BoxShadow: var(--pf-v6-c-page__sidebar--BoxShadow);
|
12516
12688
|
}
|
12517
12689
|
}
|
12518
12690
|
.pf-v6-c-page__sidebar.pf-m-collapsed {
|
@@ -12609,6 +12781,7 @@ ul.pf-v6-c-list {
|
|
12609
12781
|
.pf-v6-c-page__main-group.pf-m-shadow-bottom,
|
12610
12782
|
.pf-v6-c-page__main-subnav.pf-m-shadow-bottom {
|
12611
12783
|
z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
|
12784
|
+
border-block-end: var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor);
|
12612
12785
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
|
12613
12786
|
}
|
12614
12787
|
.pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
|
@@ -12618,6 +12791,7 @@ ul.pf-v6-c-list {
|
|
12618
12791
|
.pf-v6-c-page__main-group.pf-m-shadow-top,
|
12619
12792
|
.pf-v6-c-page__main-subnav.pf-m-shadow-top {
|
12620
12793
|
z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
|
12794
|
+
border-block-start: var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor);
|
12621
12795
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
|
12622
12796
|
}
|
12623
12797
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
|
@@ -12629,6 +12803,7 @@ ul.pf-v6-c-list {
|
|
12629
12803
|
position: sticky;
|
12630
12804
|
inset-block-start: 0;
|
12631
12805
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
12806
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
12632
12807
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
12633
12808
|
}
|
12634
12809
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
|
@@ -12640,6 +12815,7 @@ ul.pf-v6-c-list {
|
|
12640
12815
|
position: sticky;
|
12641
12816
|
inset-block-end: 0;
|
12642
12817
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
12818
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
12643
12819
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
12644
12820
|
}
|
12645
12821
|
@media (min-height: 0) {
|
@@ -12652,6 +12828,7 @@ ul.pf-v6-c-list {
|
|
12652
12828
|
position: sticky;
|
12653
12829
|
inset-block-start: 0;
|
12654
12830
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
12831
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
12655
12832
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
12656
12833
|
}
|
12657
12834
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
@@ -12663,6 +12840,7 @@ ul.pf-v6-c-list {
|
|
12663
12840
|
position: sticky;
|
12664
12841
|
inset-block-end: 0;
|
12665
12842
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
12843
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
12666
12844
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
12667
12845
|
}
|
12668
12846
|
}
|
@@ -12676,6 +12854,7 @@ ul.pf-v6-c-list {
|
|
12676
12854
|
position: sticky;
|
12677
12855
|
inset-block-start: 0;
|
12678
12856
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
12857
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
12679
12858
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
12680
12859
|
}
|
12681
12860
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
@@ -12687,6 +12866,7 @@ ul.pf-v6-c-list {
|
|
12687
12866
|
position: sticky;
|
12688
12867
|
inset-block-end: 0;
|
12689
12868
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
12869
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
12690
12870
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
12691
12871
|
}
|
12692
12872
|
}
|
@@ -12700,6 +12880,7 @@ ul.pf-v6-c-list {
|
|
12700
12880
|
position: sticky;
|
12701
12881
|
inset-block-start: 0;
|
12702
12882
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
12883
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
12703
12884
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
12704
12885
|
}
|
12705
12886
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
@@ -12711,6 +12892,7 @@ ul.pf-v6-c-list {
|
|
12711
12892
|
position: sticky;
|
12712
12893
|
inset-block-end: 0;
|
12713
12894
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
12895
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
12714
12896
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
12715
12897
|
}
|
12716
12898
|
}
|
@@ -12724,6 +12906,7 @@ ul.pf-v6-c-list {
|
|
12724
12906
|
position: sticky;
|
12725
12907
|
inset-block-start: 0;
|
12726
12908
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
12909
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
12727
12910
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
12728
12911
|
}
|
12729
12912
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
@@ -12735,6 +12918,7 @@ ul.pf-v6-c-list {
|
|
12735
12918
|
position: sticky;
|
12736
12919
|
inset-block-end: 0;
|
12737
12920
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
12921
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
12738
12922
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
12739
12923
|
}
|
12740
12924
|
}
|
@@ -12748,6 +12932,7 @@ ul.pf-v6-c-list {
|
|
12748
12932
|
position: sticky;
|
12749
12933
|
inset-block-start: 0;
|
12750
12934
|
z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
|
12935
|
+
border-block-end: var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth) solid var(--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor);
|
12751
12936
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
12752
12937
|
}
|
12753
12938
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
@@ -12759,6 +12944,7 @@ ul.pf-v6-c-list {
|
|
12759
12944
|
position: sticky;
|
12760
12945
|
inset-block-end: 0;
|
12761
12946
|
z-index: var(--pf-v6-c-page--section--m-sticky-bottom--ZIndex);
|
12947
|
+
border-block-start: var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth) solid var(--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor);
|
12762
12948
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
12763
12949
|
}
|
12764
12950
|
}
|
@@ -12771,7 +12957,11 @@ ul.pf-v6-c-list {
|
|
12771
12957
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
12772
12958
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
12773
12959
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
12774
|
-
border:
|
12960
|
+
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
12961
|
+
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
12962
|
+
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
12963
|
+
border-inline-start-width: var(--pf-v6-c-page__main-container--BorderInlineStartWidth);
|
12964
|
+
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
12775
12965
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
12776
12966
|
}
|
12777
12967
|
@media screen and (max-width: calc(48rem - 1px)) {
|
@@ -12781,6 +12971,9 @@ ul.pf-v6-c-list {
|
|
12781
12971
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
12782
12972
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
|
12783
12973
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
|
12974
|
+
--pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
|
12975
|
+
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
|
12976
|
+
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
|
12784
12977
|
}
|
12785
12978
|
}
|
12786
12979
|
|
@@ -12901,8 +13094,8 @@ ul.pf-v6-c-list {
|
|
12901
13094
|
gap: var(--pf-v6-c-page__main-section--RowGap);
|
12902
13095
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12903
13096
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12904
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
12905
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
13097
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
13098
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
12906
13099
|
background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
|
12907
13100
|
}
|
12908
13101
|
.pf-v6-c-page__main-section.pf-m-secondary {
|
@@ -12911,8 +13104,8 @@ ul.pf-v6-c-list {
|
|
12911
13104
|
.pf-v6-c-page__main-section.pf-m-padding {
|
12912
13105
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12913
13106
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12914
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
12915
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
13107
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
13108
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
12916
13109
|
}
|
12917
13110
|
.pf-v6-c-page__main-section.pf-m-no-padding {
|
12918
13111
|
padding: 0;
|
@@ -12921,8 +13114,8 @@ ul.pf-v6-c-list {
|
|
12921
13114
|
.pf-v6-c-page__main-section.pf-m-padding-on-sm {
|
12922
13115
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12923
13116
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12924
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
12925
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
13117
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
13118
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
12926
13119
|
}
|
12927
13120
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
|
12928
13121
|
padding: 0;
|
@@ -12932,8 +13125,8 @@ ul.pf-v6-c-list {
|
|
12932
13125
|
.pf-v6-c-page__main-section.pf-m-padding-on-md {
|
12933
13126
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12934
13127
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12935
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
12936
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
13128
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
13129
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
12937
13130
|
}
|
12938
13131
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-md {
|
12939
13132
|
padding: 0;
|
@@ -12943,8 +13136,8 @@ ul.pf-v6-c-list {
|
|
12943
13136
|
.pf-v6-c-page__main-section.pf-m-padding-on-lg {
|
12944
13137
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12945
13138
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12946
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
12947
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
13139
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
13140
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
12948
13141
|
}
|
12949
13142
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
|
12950
13143
|
padding: 0;
|
@@ -12954,8 +13147,8 @@ ul.pf-v6-c-list {
|
|
12954
13147
|
.pf-v6-c-page__main-section.pf-m-padding-on-xl {
|
12955
13148
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12956
13149
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12957
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
12958
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
13150
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
13151
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
12959
13152
|
}
|
12960
13153
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
|
12961
13154
|
padding: 0;
|
@@ -12965,8 +13158,8 @@ ul.pf-v6-c-list {
|
|
12965
13158
|
.pf-v6-c-page__main-section.pf-m-padding-on-2xl {
|
12966
13159
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
12967
13160
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
12968
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
12969
|
-
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--
|
13161
|
+
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderInlineStartWidth));
|
13162
|
+
padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderInlineEndWidth));
|
12970
13163
|
}
|
12971
13164
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
|
12972
13165
|
padding: 0;
|
@@ -13367,11 +13560,14 @@ ul.pf-v6-c-list {
|
|
13367
13560
|
--pf-v6-c-panel--BoxShadow: none;
|
13368
13561
|
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
|
13369
13562
|
--pf-v6-c-panel--before--BorderWidth: 0;
|
13370
|
-
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--
|
13563
|
+
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
13371
13564
|
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
13565
|
+
--pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
13372
13566
|
--pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
13567
|
+
--pf-v6-c-panel--m-bordered--before--BorderColor: var(--pf-t--global--border--color--default);
|
13373
13568
|
--pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
|
13374
13569
|
--pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
13570
|
+
--pf-v6-c-panel--m-raised--before--BorderWidth: var(--pf-t--global--border--width--box--default);
|
13375
13571
|
--pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
13376
13572
|
--pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
13377
13573
|
--pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
@@ -13413,13 +13609,16 @@ ul.pf-v6-c-list {
|
|
13413
13609
|
}
|
13414
13610
|
.pf-v6-c-panel.pf-m-bordered {
|
13415
13611
|
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
|
13612
|
+
--pf-v6-c-panel--before--BorderColor: var(--pf-v6-c-panel--m-bordered--before--BorderColor);
|
13416
13613
|
}
|
13417
13614
|
.pf-v6-c-panel.pf-m-secondary {
|
13418
13615
|
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-secondary--BackgroundColor);
|
13616
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-secondary--before--BorderWidth);
|
13419
13617
|
}
|
13420
13618
|
.pf-v6-c-panel.pf-m-raised {
|
13421
13619
|
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
|
13422
13620
|
--pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
|
13621
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-raised--before--BorderWidth);
|
13423
13622
|
}
|
13424
13623
|
.pf-v6-c-panel.pf-m-scrollable {
|
13425
13624
|
--pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
|
@@ -13461,6 +13660,8 @@ ul.pf-v6-c-list {
|
|
13461
13660
|
--pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
13462
13661
|
--pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
13463
13662
|
--pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
|
13663
|
+
--pf-v6-c-popover--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
13664
|
+
--pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
13464
13665
|
--pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
|
13465
13666
|
--pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
13466
13667
|
--pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
@@ -13511,6 +13712,7 @@ ul.pf-v6-c-list {
|
|
13511
13712
|
min-width: var(--pf-v6-c-popover--MinWidth);
|
13512
13713
|
max-width: var(--pf-v6-c-popover--MaxWidth);
|
13513
13714
|
font-size: var(--pf-v6-c-popover--FontSize);
|
13715
|
+
border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
|
13514
13716
|
border-radius: var(--pf-v6-c-popover--BorderRadius);
|
13515
13717
|
box-shadow: var(--pf-v6-c-popover--BoxShadow);
|
13516
13718
|
}
|
@@ -13625,6 +13827,7 @@ ul.pf-v6-c-list {
|
|
13625
13827
|
height: var(--pf-v6-c-popover__arrow--Height);
|
13626
13828
|
pointer-events: none;
|
13627
13829
|
background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
|
13830
|
+
border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
|
13628
13831
|
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
|
13629
13832
|
transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
|
13630
13833
|
}
|
@@ -13665,6 +13868,8 @@ ul.pf-v6-c-list {
|
|
13665
13868
|
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
13666
13869
|
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
13667
13870
|
--pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
|
13871
|
+
--pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
13872
|
+
--pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--regular);
|
13668
13873
|
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
13669
13874
|
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
13670
13875
|
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
@@ -13826,6 +14031,14 @@ ul.pf-v6-c-list {
|
|
13826
14031
|
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
13827
14032
|
border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
|
13828
14033
|
}
|
14034
|
+
.pf-v6-c-progress__bar::before {
|
14035
|
+
position: absolute;
|
14036
|
+
inset: 0;
|
14037
|
+
pointer-events: none;
|
14038
|
+
content: "";
|
14039
|
+
border: var(--pf-v6-c-progress__bar--BorderWidth) solid var(--pf-v6-c-progress__bar--BorderColor);
|
14040
|
+
border-radius: inherit;
|
14041
|
+
}
|
13829
14042
|
|
13830
14043
|
.pf-v6-c-progress__indicator {
|
13831
14044
|
position: absolute;
|
@@ -14892,6 +15105,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14892
15105
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
|
14893
15106
|
--pf-v6-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
14894
15107
|
--pf-v6-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
15108
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
15109
|
+
--pf-v6-c-simple-list__item-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
15110
|
+
--pf-v6-c-simple-list__item-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
15111
|
+
--pf-v6-c-simple-list__item-link--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
14895
15112
|
--pf-v6-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
|
14896
15113
|
--pf-v6-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
|
14897
15114
|
--pf-v6-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
@@ -14906,6 +15123,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14906
15123
|
}
|
14907
15124
|
|
14908
15125
|
.pf-v6-c-simple-list__item-link {
|
15126
|
+
position: relative;
|
14909
15127
|
display: block;
|
14910
15128
|
width: 100%;
|
14911
15129
|
padding-block-start: var(--pf-v6-c-simple-list__item-link--PaddingBlockStart);
|
@@ -14920,6 +15138,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14920
15138
|
border: none;
|
14921
15139
|
border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
|
14922
15140
|
}
|
15141
|
+
.pf-v6-c-simple-list__item-link::after {
|
15142
|
+
position: absolute;
|
15143
|
+
inset: 0;
|
15144
|
+
pointer-events: none;
|
15145
|
+
content: "";
|
15146
|
+
border: var(--pf-v6-c-simple-list__item-link--BorderWidth) solid var(--pf-v6-c-simple-list__item-link--BorderColor);
|
15147
|
+
border-radius: inherit;
|
15148
|
+
}
|
14923
15149
|
.pf-v6-c-simple-list__item-link.pf-m-link {
|
14924
15150
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-link--Color);
|
14925
15151
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
|
@@ -14928,11 +15154,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
14928
15154
|
.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
|
14929
15155
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
14930
15156
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
15157
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--hover--BorderWidth);
|
14931
15158
|
text-decoration-line: none;
|
14932
15159
|
}
|
14933
15160
|
.pf-v6-c-simple-list__item-link.pf-m-current {
|
14934
15161
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
|
14935
15162
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-current--Color);
|
15163
|
+
--pf-v6-c-simple-list__item-link--BorderWidth: var(--pf-v6-c-simple-list__item-link--m-current--BorderWidth);
|
14936
15164
|
}
|
14937
15165
|
|
14938
15166
|
.pf-v6-c-simple-list__title {
|
@@ -15747,6 +15975,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
15747
15975
|
.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
|
15748
15976
|
border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
|
15749
15977
|
}
|
15978
|
+
.pf-m-grid.pf-v6-c-table.pf-m-animate-expand {
|
15979
|
+
--pf-v6-c-table__expandable-row--Display: block;
|
15980
|
+
}
|
15981
|
+
.pf-m-grid.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
|
15982
|
+
content: none;
|
15983
|
+
}
|
15750
15984
|
.pf-m-grid.pf-v6-c-table.pf-m-expandable {
|
15751
15985
|
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
15752
15986
|
}
|
@@ -16050,6 +16284,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16050
16284
|
.pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
|
16051
16285
|
border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
|
16052
16286
|
}
|
16287
|
+
.pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand {
|
16288
|
+
--pf-v6-c-table__expandable-row--Display: block;
|
16289
|
+
}
|
16290
|
+
.pf-m-grid-md.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
|
16291
|
+
content: none;
|
16292
|
+
}
|
16053
16293
|
.pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
|
16054
16294
|
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
16055
16295
|
}
|
@@ -16356,6 +16596,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16356
16596
|
.pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
|
16357
16597
|
border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
|
16358
16598
|
}
|
16599
|
+
.pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand {
|
16600
|
+
--pf-v6-c-table__expandable-row--Display: block;
|
16601
|
+
}
|
16602
|
+
.pf-m-grid-lg.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
|
16603
|
+
content: none;
|
16604
|
+
}
|
16359
16605
|
.pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
|
16360
16606
|
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
16361
16607
|
}
|
@@ -16662,6 +16908,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16662
16908
|
.pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
|
16663
16909
|
border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
|
16664
16910
|
}
|
16911
|
+
.pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand {
|
16912
|
+
--pf-v6-c-table__expandable-row--Display: block;
|
16913
|
+
}
|
16914
|
+
.pf-m-grid-xl.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
|
16915
|
+
content: none;
|
16916
|
+
}
|
16665
16917
|
.pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
|
16666
16918
|
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
16667
16919
|
}
|
@@ -16968,6 +17220,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
16968
17220
|
.pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
|
16969
17221
|
border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
|
16970
17222
|
}
|
17223
|
+
.pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand {
|
17224
|
+
--pf-v6-c-table__expandable-row--Display: block;
|
17225
|
+
}
|
17226
|
+
.pf-m-grid-2xl.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th)[data-label]::before {
|
17227
|
+
content: none;
|
17228
|
+
}
|
16971
17229
|
.pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
|
16972
17230
|
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
16973
17231
|
}
|
@@ -17246,7 +17504,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
17246
17504
|
--pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
17247
17505
|
--pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
|
17248
17506
|
--pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
17249
|
-
--pf-v6-c-table__thead__toggle--
|
17507
|
+
--pf-v6-c-table__thead__toggle--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
|
17508
|
+
--pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
|
17250
17509
|
--pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
|
17251
17510
|
--pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
|
17252
17511
|
--pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
@@ -17296,6 +17555,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
17296
17555
|
--pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
|
17297
17556
|
--pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
17298
17557
|
--pf-v6-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
|
17558
|
+
--pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
17559
|
+
--pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
17560
|
+
--pf-v6-c-table__button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
17299
17561
|
--pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
|
17300
17562
|
--pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
|
17301
17563
|
--pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
@@ -17325,6 +17587,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
17325
17587
|
--pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
17326
17588
|
--pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
17327
17589
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
17590
|
+
--pf-v6-c-table__expandable-row-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
17591
|
+
--pf-v6-c-table__expandable-row-content--BorderWidth: 0;
|
17328
17592
|
--pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
17329
17593
|
--pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
17330
17594
|
--pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
@@ -17346,10 +17610,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
17346
17610
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
17347
17611
|
--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
17348
17612
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
17613
|
+
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
|
17349
17614
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
|
17350
17615
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
17351
17616
|
--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
17352
17617
|
--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
17618
|
+
--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
|
17353
17619
|
--pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
|
17354
17620
|
--pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
17355
17621
|
--pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
@@ -17658,8 +17924,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
17658
17924
|
.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
|
17659
17925
|
--pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
|
17660
17926
|
}
|
17927
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody.pf-m-expanded > .pf-v6-c-table__control-row {
|
17928
|
+
border-block-end: 0;
|
17929
|
+
}
|
17661
17930
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row {
|
17662
|
-
display: revert;
|
17931
|
+
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
17663
17932
|
visibility: hidden;
|
17664
17933
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
17665
17934
|
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
@@ -17669,7 +17938,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
17669
17938
|
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
17670
17939
|
}
|
17671
17940
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
17672
|
-
display: revert;
|
17941
|
+
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
17673
17942
|
}
|
17674
17943
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
17675
17944
|
visibility: visible;
|
@@ -17691,6 +17960,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
17691
17960
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
17692
17961
|
max-height: 0;
|
17693
17962
|
}
|
17963
|
+
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
|
17964
|
+
border-block-end: 0;
|
17965
|
+
}
|
17694
17966
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row {
|
17695
17967
|
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
|
17696
17968
|
--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
|
@@ -17755,6 +18027,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
17755
18027
|
}
|
17756
18028
|
|
17757
18029
|
.pf-v6-c-table__button {
|
18030
|
+
position: relative;
|
17758
18031
|
width: auto;
|
17759
18032
|
padding-block-start: var(--pf-v6-c-table__button--PaddingBlockStart);
|
17760
18033
|
padding-block-end: var(--pf-v6-c-table__button--PaddingBlockEnd);
|
@@ -17773,6 +18046,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
17773
18046
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
17774
18047
|
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
17775
18048
|
}
|
18049
|
+
.pf-v6-c-table__button::after {
|
18050
|
+
position: absolute;
|
18051
|
+
inset: 0;
|
18052
|
+
pointer-events: none;
|
18053
|
+
content: "";
|
18054
|
+
border: var(--pf-v6-c-table__button--BorderWidth) solid var(--pf-v6-c-table__button--BorderColor);
|
18055
|
+
border-radius: inherit;
|
18056
|
+
}
|
17776
18057
|
.pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
|
17777
18058
|
margin-block-end: 0;
|
17778
18059
|
}
|
@@ -17843,6 +18124,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
17843
18124
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
|
17844
18125
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
|
17845
18126
|
}
|
18127
|
+
.pf-v6-c-table__thead .pf-v6-c-table__toggle .pf-v6-c-button {
|
18128
|
+
margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
|
18129
|
+
margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
|
18130
|
+
line-height: 1lh;
|
18131
|
+
}
|
18132
|
+
|
17846
18133
|
.pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
|
17847
18134
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
17848
18135
|
}
|
@@ -17942,6 +18229,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17942
18229
|
content: "";
|
17943
18230
|
border: 0;
|
17944
18231
|
border-block-start: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth) solid var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor);
|
18232
|
+
border-radius: var(--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius);
|
17945
18233
|
}
|
17946
18234
|
.pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
|
17947
18235
|
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
|
@@ -17965,6 +18253,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17965
18253
|
align-self: last baseline;
|
17966
18254
|
margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
|
17967
18255
|
}
|
18256
|
+
.pf-v6-c-table__column-help-action .pf-v6-c-button {
|
18257
|
+
line-height: 1lh;
|
18258
|
+
}
|
17968
18259
|
|
17969
18260
|
.pf-v6-c-table__sort {
|
17970
18261
|
vertical-align: bottom;
|
@@ -17973,6 +18264,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
17973
18264
|
--pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
|
17974
18265
|
--pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
|
17975
18266
|
--pf-v6-c-table__button--BackgroundColor: var(--pf-v6-c-table__button--hover--BackgroundColor);
|
18267
|
+
--pf-v6-c-table__button--BorderWidth: var(--pf-v6-c-table__button--hover--BorderWidth);
|
17976
18268
|
}
|
17977
18269
|
.pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
|
17978
18270
|
color: var(--pf-v6-c-table__sort__button__text--Color);
|
@@ -18002,37 +18294,46 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18002
18294
|
position: relative;
|
18003
18295
|
border-block-end: 0 solid transparent;
|
18004
18296
|
}
|
18005
|
-
.pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
18006
|
-
.pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
18297
|
+
:not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
18298
|
+
:not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
18007
18299
|
padding-block-start: 0;
|
18008
18300
|
}
|
18009
|
-
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
|
18010
|
-
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
|
18301
|
+
.pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):not(.pf-m-no-padding) {
|
18011
18302
|
padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
|
18012
18303
|
}
|
18013
|
-
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding,
|
18014
|
-
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding {
|
18304
|
+
.pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
|
18305
|
+
.pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
|
18015
18306
|
padding-block-start: 0;
|
18016
18307
|
padding-block-end: 0;
|
18017
18308
|
padding-inline-start: 0;
|
18018
18309
|
padding-inline-end: 0;
|
18019
18310
|
}
|
18020
|
-
.pf-v6-c-table__expandable-row .pf-v6-c-table__td.pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
18021
|
-
.pf-v6-c-table__expandable-row .pf-v6-c-table__th.pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
18311
|
+
.pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
|
18312
|
+
.pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding .pf-v6-c-table__expandable-row-content {
|
18022
18313
|
padding: 0;
|
18023
18314
|
border-radius: 0;
|
18024
18315
|
}
|
18025
18316
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
18317
|
+
position: relative;
|
18026
18318
|
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
|
18027
18319
|
padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
|
18028
18320
|
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
|
18029
18321
|
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
|
18030
18322
|
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
18323
|
+
border: 0;
|
18031
18324
|
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
18032
18325
|
}
|
18033
18326
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
|
18034
18327
|
background-color: transparent;
|
18035
18328
|
}
|
18329
|
+
.pf-v6-c-table__expandable-row .pf-v6-c-table__td:not(.pf-m-no-padding) > .pf-v6-c-table__expandable-row-content::after {
|
18330
|
+
position: absolute;
|
18331
|
+
inset: 0;
|
18332
|
+
pointer-events: none;
|
18333
|
+
content: "";
|
18334
|
+
border: var(--pf-v6-c-table__expandable-row-content--BorderWidth) solid var(--pf-v6-c-table__expandable-row-content--BorderColor);
|
18335
|
+
border-radius: inherit;
|
18336
|
+
}
|
18036
18337
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
18037
18338
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
18038
18339
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
@@ -18044,10 +18345,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18044
18345
|
border-block-end: 0;
|
18045
18346
|
}
|
18046
18347
|
|
18047
|
-
.pf-v6-c-table__tr:has(~ .pf-v6-c-table__expandable-row) {
|
18048
|
-
border-block-end: 0;
|
18049
|
-
}
|
18050
|
-
|
18051
18348
|
.pf-v6-c-table.pf-m-compact {
|
18052
18349
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
|
18053
18350
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
|
@@ -18080,6 +18377,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18080
18377
|
|
18081
18378
|
.pf-v6-c-table__thead {
|
18082
18379
|
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
18380
|
+
--pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-v6-c-table__thead__toggle--PaddingBlockStart);
|
18083
18381
|
--pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
|
18084
18382
|
vertical-align: bottom;
|
18085
18383
|
}
|
@@ -18093,6 +18391,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18093
18391
|
vertical-align: top;
|
18094
18392
|
}
|
18095
18393
|
.pf-v6-c-table__tbody .pf-v6-c-table__control-row ~ .pf-v6-c-table__expandable-row.pf-m-expanded {
|
18394
|
+
--pf-v6-c-table__expandable-row-content--BorderWidth: var(--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth);
|
18096
18395
|
background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
|
18097
18396
|
}
|
18098
18397
|
|
@@ -18107,6 +18406,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18107
18406
|
}
|
18108
18407
|
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row {
|
18109
18408
|
background-color: var(--pf-v6-c-table__control-row--BackgroundColor);
|
18409
|
+
border-block-end: var(--pf-v6-c-table__control-row--BorderBlockEndWidth) solid var(--pf-v6-c-table__control-row__tbody--BorderBlockEndColor);
|
18410
|
+
}
|
18411
|
+
.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded .pf-v6-c-table__control-row.pf-m-expanded {
|
18110
18412
|
border-block-end: 0;
|
18111
18413
|
}
|
18112
18414
|
|
@@ -19116,6 +19418,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19116
19418
|
--pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
|
19117
19419
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
19118
19420
|
--pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
|
19421
|
+
--pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
19422
|
+
--pf-v6-c-tabs__link--BorderColor: transparent;
|
19423
|
+
--pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
19424
|
+
--pf-v6-c-tabs__link--disabled--BorderColor: transparent;
|
19119
19425
|
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
19120
19426
|
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
19121
19427
|
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
@@ -19615,6 +19921,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19615
19921
|
color: var(--pf-v6-c-tabs__link--Color);
|
19616
19922
|
text-decoration-line: none;
|
19617
19923
|
background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
|
19924
|
+
border: var(--pf-v6-c-tabs__link--BorderWidth) solid var(--pf-v6-c-tabs__link--BorderColor);
|
19618
19925
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
19619
19926
|
transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
|
19620
19927
|
}
|
@@ -19648,6 +19955,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19648
19955
|
|
19649
19956
|
.pf-v6-c-tabs__link:where(:hover, :focus) {
|
19650
19957
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--hover--BackgroundColor);
|
19958
|
+
--pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--hover--BorderColor);
|
19651
19959
|
}
|
19652
19960
|
.pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled {
|
19653
19961
|
pointer-events: none;
|
@@ -19662,6 +19970,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19662
19970
|
|
19663
19971
|
.pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
|
19664
19972
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
|
19973
|
+
--pf-v6-c-tabs__link--BorderColor: var(--pf-v6-c-tabs__link--disabled--BorderColor);
|
19665
19974
|
}
|
19666
19975
|
.pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
|
19667
19976
|
--pf-v6-c-tabs__link--BackgroundColor: transparent;
|
@@ -19991,6 +20300,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19991
20300
|
--pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
19992
20301
|
--pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
|
19993
20302
|
--pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
|
20303
|
+
--pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
|
19994
20304
|
--pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
19995
20305
|
--pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
|
19996
20306
|
--pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
|
@@ -20037,6 +20347,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
20037
20347
|
}
|
20038
20348
|
.pf-v6-c-text-input-group.pf-m-disabled {
|
20039
20349
|
--pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
|
20350
|
+
--pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
|
20351
|
+
--pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
|
20040
20352
|
--pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
|
20041
20353
|
--pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
|
20042
20354
|
--pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
|
@@ -20085,6 +20397,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
20085
20397
|
.pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) {
|
20086
20398
|
--pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
|
20087
20399
|
}
|
20400
|
+
.pf-v6-c-text-input-group:where(.pf-m-success, .pf-m-warning, .pf-m-error) .pf-v6-c-text-input-group__text {
|
20401
|
+
--pf-v6-c-text-input-group__text--Position: relative;
|
20402
|
+
}
|
20088
20403
|
.pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
|
20089
20404
|
--pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
|
20090
20405
|
--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
|
@@ -20147,6 +20462,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
20147
20462
|
padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
|
20148
20463
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
20149
20464
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
20465
|
+
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
20150
20466
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
20151
20467
|
border: 0;
|
20152
20468
|
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
@@ -22679,6 +22995,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
22679
22995
|
--pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
|
22680
22996
|
--pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
|
22681
22997
|
--pf-v6-c-tree-view__node--BackgroundColor: transparent;
|
22998
|
+
--pf-v6-c-tree-view__node--BorderRadius: var(--pf-v6-c-tree-view__content--BorderRadius);
|
22999
|
+
--pf-v6-c-tree-view__node--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
23000
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
23001
|
+
--pf-v6-c-tree-view__node--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
23002
|
+
--pf-v6-c-tree-view__node--m-current--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
22682
23003
|
--pf-v6-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
|
22683
23004
|
--pf-v6-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
22684
23005
|
--pf-v6-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
@@ -22964,8 +23285,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
22964
23285
|
color: var(--pf-v6-c-tree-view__node--Color);
|
22965
23286
|
background-color: var(--pf-v6-c-tree-view__node--BackgroundColor);
|
22966
23287
|
}
|
23288
|
+
.pf-v6-c-tree-view__node::after {
|
23289
|
+
position: absolute;
|
23290
|
+
inset: 0;
|
23291
|
+
pointer-events: none;
|
23292
|
+
content: "";
|
23293
|
+
border: var(--pf-v6-c-tree-view__node--BorderWidth) solid var(--pf-v6-c-tree-view__node--BorderColor);
|
23294
|
+
border-radius: var(--pf-v6-c-tree-view__node--BorderRadius);
|
23295
|
+
}
|
22967
23296
|
.pf-v6-c-tree-view__node.pf-m-current {
|
22968
23297
|
--pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-current--Color);
|
23298
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--m-current--BorderWidth);
|
22969
23299
|
}
|
22970
23300
|
.pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
|
22971
23301
|
margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
|
@@ -23063,6 +23393,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
23063
23393
|
|
23064
23394
|
.pf-v6-c-tree-view__content:hover,
|
23065
23395
|
.pf-v6-c-tree-view__content:focus-within {
|
23396
|
+
--pf-v6-c-tree-view__node--BorderWidth: var(--pf-v6-c-tree-view__node--hover--BorderWidth);
|
23066
23397
|
background-color: var(--pf-v6-c-tree-view__node--hover--BackgroundColor);
|
23067
23398
|
}
|
23068
23399
|
|
@@ -23199,6 +23530,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
23199
23530
|
--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
23200
23531
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
23201
23532
|
--pf-v6-c-wizard__nav-link-main--BorderRadius: var(--pf-t--global--border--radius--small);
|
23533
|
+
--pf-v6-c-wizard__nav-link-main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
23534
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
23535
|
+
--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
23536
|
+
--pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
23202
23537
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
23203
23538
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
23204
23539
|
--pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
|
@@ -23210,15 +23545,20 @@ label.pf-v6-c-tree-view__node-text {
|
|
23210
23545
|
--pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
|
23211
23546
|
--pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
|
23212
23547
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
23548
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
23549
|
+
--pf-v6-c-wizard__nav-link--before--BorderWidth: var(--pf-t--global--border--width--regular);
|
23213
23550
|
--pf-v6-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
23214
23551
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
|
23215
23552
|
--pf-v6-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
|
23216
23553
|
--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
|
23217
23554
|
--pf-v6-c-wizard__nav-link--m-current--before--Color: var(--pf-t--global--text--color--on-brand--default);
|
23555
|
+
--pf-v6-c-wizard__nav-link--m-current--before--BorderColor: transparent;
|
23218
23556
|
--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
|
23219
23557
|
--pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
|
23558
|
+
--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor: transparent;
|
23220
23559
|
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
|
23221
23560
|
--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
23561
|
+
--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
23222
23562
|
--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
23223
23563
|
--pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
|
23224
23564
|
--pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
|
@@ -23237,6 +23577,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
23237
23577
|
--pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
|
23238
23578
|
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
|
23239
23579
|
--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
23580
|
+
--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
23240
23581
|
--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
23241
23582
|
--pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
|
23242
23583
|
--pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
|
@@ -23397,6 +23738,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
23397
23738
|
.pf-v6-c-wizard__toggle-list-item.pf-m-danger {
|
23398
23739
|
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
|
23399
23740
|
}
|
23741
|
+
.pf-v6-c-wizard__toggle-list-item.pf-m-warning {
|
23742
|
+
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color);
|
23743
|
+
}
|
23400
23744
|
.pf-v6-c-wizard__toggle-list-item.pf-m-success {
|
23401
23745
|
--pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
|
23402
23746
|
}
|
@@ -23530,6 +23874,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
23530
23874
|
.pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
|
23531
23875
|
position: relative;
|
23532
23876
|
display: inline-flex;
|
23877
|
+
flex-shrink: 0;
|
23533
23878
|
align-items: center;
|
23534
23879
|
justify-content: center;
|
23535
23880
|
width: var(--pf-v6-c-wizard__nav-link--before--Width);
|
@@ -23544,28 +23889,35 @@ label.pf-v6-c-tree-view__node-text {
|
|
23544
23889
|
.pf-v6-c-wizard__nav-link::before {
|
23545
23890
|
inset-block-start: var(--pf-v6-c-wizard__nav-link--before--InsetBlockStart);
|
23546
23891
|
content: counter(wizard-nav-count);
|
23892
|
+
border: var(--pf-v6-c-wizard__nav-link--before--BorderWidth) solid var(--pf-v6-c-wizard__nav-link--before--BorderColor);
|
23547
23893
|
}
|
23548
23894
|
.pf-v6-c-wizard__nav-link.pf-m-current {
|
23549
23895
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-current--Color);
|
23550
23896
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--BackgroundColor);
|
23897
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--m-current__nav-link-main--BorderWidth);
|
23551
23898
|
}
|
23552
23899
|
.pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link.pf-m-current::before {
|
23553
23900
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
|
23554
23901
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
|
23902
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BorderColor);
|
23555
23903
|
}
|
23556
23904
|
|
23557
|
-
.pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-danger)::before {
|
23905
|
+
.pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
|
23558
23906
|
display: none;
|
23559
23907
|
}
|
23560
23908
|
.pf-v6-c-wizard__nav-link.pf-m-success {
|
23561
23909
|
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
|
23562
23910
|
}
|
23911
|
+
.pf-v6-c-wizard__nav-link.pf-m-warning {
|
23912
|
+
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color);
|
23913
|
+
}
|
23563
23914
|
.pf-v6-c-wizard__nav-link.pf-m-danger {
|
23564
23915
|
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
|
23565
23916
|
}
|
23566
23917
|
.pf-v6-c-wizard__nav-link:where(:hover, :focus) {
|
23567
23918
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--hover--Color);
|
23568
23919
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--hover--BackgroundColor);
|
23920
|
+
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth);
|
23569
23921
|
}
|
23570
23922
|
.pf-v6-c-wizard__nav-link:disabled, .pf-v6-c-wizard__nav-link.pf-m-disabled {
|
23571
23923
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--Color);
|
@@ -23575,23 +23927,29 @@ label.pf-v6-c-tree-view__node-text {
|
|
23575
23927
|
.pf-v6-c-wizard__nav-link:disabled::before, .pf-v6-c-wizard__nav-link.pf-m-disabled::before {
|
23576
23928
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor);
|
23577
23929
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
|
23578
|
-
|
23579
|
-
|
23580
|
-
.pf-v6-c-wizard__nav-link-text {
|
23581
|
-
flex-grow: 1;
|
23930
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor);
|
23582
23931
|
}
|
23583
23932
|
|
23584
23933
|
.pf-v6-c-wizard__nav-link-main {
|
23934
|
+
position: relative;
|
23585
23935
|
display: flex;
|
23936
|
+
flex-grow: 1;
|
23586
23937
|
justify-content: space-between;
|
23587
23938
|
padding-block-start: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockStart);
|
23588
23939
|
padding-block-end: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockEnd);
|
23589
23940
|
padding-inline-start: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineStart);
|
23590
23941
|
padding-inline-end: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd);
|
23591
23942
|
background-color: var(--pf-v6-c-wizard__nav-link-main--BackgroundColor);
|
23592
|
-
border: none;
|
23593
23943
|
border-radius: var(--pf-v6-c-wizard__nav-link-main--BorderRadius);
|
23594
23944
|
}
|
23945
|
+
.pf-v6-c-wizard__nav-link-main::after {
|
23946
|
+
position: absolute;
|
23947
|
+
inset: 0;
|
23948
|
+
pointer-events: none;
|
23949
|
+
content: "";
|
23950
|
+
border: var(--pf-v6-c-wizard__nav-link-main--BorderWidth) solid var(--pf-v6-c-wizard__nav-link-main--BorderColor);
|
23951
|
+
border-radius: inherit;
|
23952
|
+
}
|
23595
23953
|
|
23596
23954
|
.pf-v6-c-wizard__nav-link-status-icon {
|
23597
23955
|
position: relative;
|