@patternfly/patternfly 6.3.0-prerelease.53 → 6.3.0-prerelease.55
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/README.md +17 -11
- package/base/patternfly-variables.css +1208 -1
- package/base/patternfly-variables.scss +10 -0
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +13 -1
- package/base/tokens/tokens-default.scss +60 -2
- package/base/tokens/tokens-highcontrast-dark.scss +396 -0
- package/base/tokens/tokens-highcontrast.scss +703 -0
- package/base/tokens/tokens-local.scss +39 -0
- package/base/tokens/tokens-palette.scss +9 -1
- package/components/Accordion/accordion.css +21 -0
- package/components/Accordion/accordion.scss +27 -1
- package/components/Alert/alert-group.css +15 -2
- package/components/Alert/alert-group.scss +18 -2
- package/components/Badge/badge.css +2 -0
- package/components/Badge/badge.scss +2 -0
- package/components/Banner/banner.css +4 -0
- package/components/Banner/banner.scss +4 -0
- package/components/Button/button.css +32 -3
- package/components/Button/button.scss +34 -5
- package/components/Card/card.css +5 -3
- package/components/Card/card.scss +5 -3
- package/components/CodeBlock/code-block.css +3 -0
- package/components/CodeBlock/code-block.scss +3 -0
- package/components/CodeEditor/code-editor.css +8 -3
- package/components/CodeEditor/code-editor.scss +11 -6
- package/components/Drawer/drawer.css +44 -41
- package/components/Drawer/drawer.scss +42 -36
- package/components/DualListSelector/dual-list-selector.css +19 -1
- package/components/DualListSelector/dual-list-selector.scss +20 -1
- package/components/Label/label.css +20 -11
- package/components/Label/label.scss +21 -11
- package/components/Login/login.css +3 -0
- package/components/Login/login.scss +3 -0
- package/components/Menu/menu.css +11 -0
- package/components/Menu/menu.scss +12 -1
- package/components/MenuToggle/menu-toggle.css +12 -5
- package/components/MenuToggle/menu-toggle.scss +12 -5
- package/components/ModalBox/modal-box.css +3 -0
- package/components/ModalBox/modal-box.scss +3 -0
- package/components/Nav/nav.css +17 -0
- package/components/Nav/nav.scss +20 -0
- package/components/Page/page.css +62 -23
- package/components/Page/page.scss +42 -13
- package/components/Panel/panel.css +7 -1
- package/components/Panel/panel.scss +7 -1
- package/components/Popover/popover.css +4 -0
- package/components/Popover/popover.scss +4 -0
- package/components/Progress/progress.css +10 -0
- package/components/Progress/progress.scss +11 -0
- package/components/SimpleList/simple-list.css +15 -0
- package/components/SimpleList/simple-list.scss +17 -1
- package/components/Table/table.css +29 -0
- package/components/Table/table.scss +33 -0
- package/components/Tabs/tabs.css +7 -0
- package/components/Tabs/tabs.scss +8 -1
- package/components/TreeView/tree-view.css +15 -0
- package/components/TreeView/tree-view.scss +17 -0
- package/components/Wizard/wizard.css +22 -1
- package/components/Wizard/wizard.scss +25 -3
- package/components/_index.css +390 -94
- package/docs/components/DualListSelector/examples/DualListSelector.md +0 -195
- package/docs/components/Login/examples/Login.md +22 -22
- package/docs/components/Table/examples/Table.md +936 -1412
- package/package.json +3 -2
- package/patternfly-base-no-globals.css +1208 -1
- package/patternfly-base.css +1208 -1
- package/patternfly-no-globals.css +1598 -95
- package/patternfly.css +1598 -95
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/components/_index.css
CHANGED
|
@@ -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);
|
|
@@ -266,6 +269,11 @@
|
|
|
266
269
|
--pf-v6-c-accordion--m-bordered--RowGap: 0;
|
|
267
270
|
--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
268
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);
|
|
269
277
|
}
|
|
270
278
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
271
279
|
.pf-v6-c-accordion {
|
|
@@ -304,6 +312,7 @@
|
|
|
304
312
|
--pf-v6-c-accordion--RowGap: var(--pf-v6-c-accordion--m-bordered--RowGap);
|
|
305
313
|
--pf-v6-c-accordion__item--BorderRadius: 0;
|
|
306
314
|
--pf-v6-c-accordion__toggle--BorderRadius: 0;
|
|
315
|
+
--pf-v6-c-accordion__item--BorderWidth: 0;
|
|
307
316
|
}
|
|
308
317
|
.pf-v6-c-accordion.pf-m-bordered .pf-v6-c-accordion__item {
|
|
309
318
|
border-block-end: var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndWidth) solid var(--pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor);
|
|
@@ -318,6 +327,7 @@
|
|
|
318
327
|
pointer-events: none;
|
|
319
328
|
content: "";
|
|
320
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);
|
|
321
331
|
border-radius: var(--pf-v6-c-accordion__item--BorderRadius);
|
|
322
332
|
opacity: var(--pf-v6-c-accordion__item--before--Opacity);
|
|
323
333
|
transition-timing-function: var(--pf-v6-c-accordion__item--before--TransitionTimingFunction);
|
|
@@ -332,6 +342,7 @@
|
|
|
332
342
|
--pf-v6-c-accordion__item--before--TransitionDuration--fade: var(--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade);
|
|
333
343
|
--pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
|
|
334
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);
|
|
335
346
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
|
|
336
347
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
|
|
337
348
|
--pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
|
|
@@ -361,8 +372,17 @@
|
|
|
361
372
|
border: 0;
|
|
362
373
|
border-radius: var(--pf-v6-c-accordion__toggle--BorderRadius);
|
|
363
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
|
+
}
|
|
364
383
|
.pf-v6-c-accordion__toggle:is(:hover, :focus) {
|
|
365
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);
|
|
366
386
|
}
|
|
367
387
|
|
|
368
388
|
.pf-v6-c-accordion__toggle-text {
|
|
@@ -395,6 +415,7 @@
|
|
|
395
415
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
396
416
|
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
397
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);
|
|
398
419
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
399
420
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
400
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);
|
|
@@ -709,7 +730,8 @@
|
|
|
709
730
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
|
|
710
731
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
|
|
711
732
|
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
|
|
712
|
-
--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);
|
|
713
735
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
714
736
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
715
737
|
--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -718,6 +740,7 @@
|
|
|
718
740
|
--pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
|
|
719
741
|
--pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
720
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);
|
|
721
744
|
--pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
722
745
|
--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
|
|
723
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);
|
|
@@ -748,10 +771,21 @@
|
|
|
748
771
|
padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
|
|
749
772
|
color: var(--pf-v6-c-alert-group__overflow-button--Color);
|
|
750
773
|
background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
|
|
751
|
-
border
|
|
774
|
+
border: 0;
|
|
752
775
|
border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
|
|
753
776
|
box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
|
|
754
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
|
+
}
|
|
755
789
|
|
|
756
790
|
.pf-v6-c-alert-group__item {
|
|
757
791
|
display: grid;
|
|
@@ -1161,6 +1195,7 @@
|
|
|
1161
1195
|
--pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
1162
1196
|
--pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
1163
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);
|
|
1164
1199
|
--pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
1165
1200
|
--pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
1166
1201
|
--pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
@@ -1193,6 +1228,7 @@
|
|
|
1193
1228
|
border-radius: inherit;
|
|
1194
1229
|
}
|
|
1195
1230
|
.pf-v6-c-badge.pf-m-read {
|
|
1231
|
+
--pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
|
|
1196
1232
|
--pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
|
|
1197
1233
|
--pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
|
|
1198
1234
|
--pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
|
|
@@ -1225,6 +1261,8 @@
|
|
|
1225
1261
|
--pf-v6-c-banner--FontSize: var(--pf-t--global--font--size--body--default);
|
|
1226
1262
|
--pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
1227
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);
|
|
1228
1266
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
1229
1267
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
1230
1268
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
@@ -1275,6 +1313,8 @@
|
|
|
1275
1313
|
color: var(--pf-v6-c-banner--Color);
|
|
1276
1314
|
white-space: nowrap;
|
|
1277
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);
|
|
1278
1318
|
}
|
|
1279
1319
|
.pf-v6-c-banner.pf-m-danger {
|
|
1280
1320
|
--pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-danger--BackgroundColor);
|
|
@@ -1557,6 +1597,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1557
1597
|
--pf-v6-c-button--TransitionProperty: color, background, border-width, border-color;
|
|
1558
1598
|
--pf-v6-c-button--ScaleX: 1;
|
|
1559
1599
|
--pf-v6-c-button--ScaleY: 1;
|
|
1600
|
+
--pf-v6-c-button--border--offset: 0;
|
|
1560
1601
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
1561
1602
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
|
1562
1603
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
@@ -1620,6 +1661,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1620
1661
|
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
1621
1662
|
--pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
1622
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);
|
|
1623
1670
|
--pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
1624
1671
|
--pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
1625
1672
|
--pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
@@ -1670,6 +1717,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1670
1717
|
--pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
|
|
1671
1718
|
--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
|
|
1672
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);
|
|
1673
1726
|
--pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
|
|
1674
1727
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
|
|
1675
1728
|
--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
|
|
@@ -1682,7 +1735,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1682
1735
|
--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
1683
1736
|
--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
|
|
1684
1737
|
--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
|
|
1685
|
-
--pf-v6-c-
|
|
1738
|
+
--pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
|
|
1686
1739
|
--pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
1687
1740
|
--pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
1688
1741
|
--pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
@@ -1817,7 +1870,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1817
1870
|
--pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
1818
1871
|
--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
1819
1872
|
--pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
|
|
1820
|
-
--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);
|
|
1821
1874
|
--pf-v6-c-button--m-block--Display: flex;
|
|
1822
1875
|
--pf-v6-c-button--m-block--Width: 100%;
|
|
1823
1876
|
--pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
@@ -1873,7 +1926,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1873
1926
|
}
|
|
1874
1927
|
.pf-v6-c-button::after {
|
|
1875
1928
|
position: absolute;
|
|
1876
|
-
inset:
|
|
1929
|
+
inset: var(--pf-v6-c-button--border--offset);
|
|
1877
1930
|
pointer-events: none;
|
|
1878
1931
|
content: "";
|
|
1879
1932
|
border: var(--pf-v6-c-button--BorderWidth) solid;
|
|
@@ -1937,6 +1990,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1937
1990
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
|
|
1938
1991
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
|
|
1939
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);
|
|
1940
1999
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
|
|
1941
2000
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
|
|
1942
2001
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
|
|
@@ -1976,6 +2035,9 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1976
2035
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
1977
2036
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
1978
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;
|
|
1979
2041
|
text-align: start;
|
|
1980
2042
|
white-space: normal;
|
|
1981
2043
|
background: transparent;
|
|
@@ -2083,6 +2145,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2083
2145
|
--pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
|
|
2084
2146
|
}
|
|
2085
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);
|
|
2086
2154
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
|
|
2087
2155
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
|
|
2088
2156
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
|
|
@@ -2111,6 +2179,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2111
2179
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
|
|
2112
2180
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
|
|
2113
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);
|
|
2114
2183
|
min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
|
|
2115
2184
|
background: var(--pf-v6-c-button--BackgroundColor);
|
|
2116
2185
|
}
|
|
@@ -2596,6 +2665,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2596
2665
|
--pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
2597
2666
|
--pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
2598
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);
|
|
2599
2669
|
--pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-t--global--border--color--hover);
|
|
2600
2670
|
--pf-v6-c-card--m-selectable--focus--BorderWidth: var(--pf-t--global--border--width--box--hover);
|
|
2601
2671
|
--pf-v6-c-card--m-selectable--m-selected--focus--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
@@ -2626,7 +2696,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2626
2696
|
--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
2627
2697
|
--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
2628
2698
|
--pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2629
|
-
--pf-v6-c-card--m-secondary--BorderColor:
|
|
2699
|
+
--pf-v6-c-card--m-secondary--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
2630
2700
|
--pf-v6-c-card--m-full-height--Height: 100%;
|
|
2631
2701
|
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
|
2632
2702
|
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
|
@@ -2826,17 +2896,18 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2826
2896
|
z-index: -1;
|
|
2827
2897
|
content: "";
|
|
2828
2898
|
background-color: var(--pf-v6-c-card--BackgroundColor, transparent);
|
|
2829
|
-
border: var(--pf-v6-c-card--
|
|
2899
|
+
border: var(--pf-v6-c-card--BorderWidth) solid var(--pf-v6-c-card--BorderColor, transparent);
|
|
2830
2900
|
border-radius: var(--pf-v6-c-card--BorderRadius);
|
|
2831
2901
|
}
|
|
2832
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 {
|
|
2833
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);
|
|
2834
2905
|
}
|
|
2835
2906
|
|
|
2836
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),
|
|
2837
2908
|
.pf-v6-c-card.pf-m-selected {
|
|
2838
2909
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--BorderColor);
|
|
2839
|
-
--pf-v6-c-card--
|
|
2910
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
|
|
2840
2911
|
}
|
|
2841
2912
|
|
|
2842
2913
|
.pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible),
|
|
@@ -3090,6 +3161,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3090
3161
|
}
|
|
3091
3162
|
|
|
3092
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);
|
|
3093
3166
|
--pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3094
3167
|
--pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
3095
3168
|
--pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
@@ -3108,6 +3181,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3108
3181
|
|
|
3109
3182
|
.pf-v6-c-code-block {
|
|
3110
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);
|
|
3111
3185
|
border-radius: var(--pf-v6-c-code-block--BorderRadius);
|
|
3112
3186
|
}
|
|
3113
3187
|
|
|
@@ -3148,6 +3222,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3148
3222
|
--pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
|
|
3149
3223
|
--pf-v6-c-code-editor__header--before--BorderBlockEndWidth: var(--pf-t--global--border--width--box--default);
|
|
3150
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);
|
|
3151
3229
|
--pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3152
3230
|
--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
3153
3231
|
--pf-v6-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -3219,12 +3297,13 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3219
3297
|
}
|
|
3220
3298
|
.pf-v6-c-code-editor__header::before {
|
|
3221
3299
|
position: absolute;
|
|
3222
|
-
inset
|
|
3223
|
-
inset-inline-start: 0;
|
|
3224
|
-
inset-inline-end: 0;
|
|
3300
|
+
inset: 0;
|
|
3225
3301
|
pointer-events: none;
|
|
3226
3302
|
content: "";
|
|
3303
|
+
border: var(--pf-v6-c-code-editor__header--BorderWidth) solid var(--pf-v6-c-code-editor__header--BorderColor);
|
|
3227
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);
|
|
3228
3307
|
}
|
|
3229
3308
|
.pf-v6-c-code-editor__header.pf-m-plain {
|
|
3230
3309
|
--pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor);
|
|
@@ -4882,8 +4961,12 @@ ul) {
|
|
|
4882
4961
|
--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
|
|
4883
4962
|
--pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
|
|
4884
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);
|
|
4885
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);
|
|
4886
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);
|
|
4887
4970
|
--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
4888
4971
|
--pf-v6-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
|
|
4889
4972
|
--pf-v6-c-dual-list-selector__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -4989,6 +5072,7 @@ ul) {
|
|
|
4989
5072
|
overflow: auto;
|
|
4990
5073
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
4991
5074
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
5075
|
+
outline-offset: 2px;
|
|
4992
5076
|
}
|
|
4993
5077
|
|
|
4994
5078
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -5013,7 +5097,7 @@ ul) {
|
|
|
5013
5097
|
overflow-anchor: none;
|
|
5014
5098
|
}
|
|
5015
5099
|
|
|
5016
|
-
.pf-v6-c-dual-list-selector__list-item:focus {
|
|
5100
|
+
.pf-v6-c-dual-list-selector__list-item:focus-visible {
|
|
5017
5101
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
|
|
5018
5102
|
}
|
|
5019
5103
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expandable {
|
|
@@ -5047,12 +5131,22 @@ ul) {
|
|
|
5047
5131
|
}
|
|
5048
5132
|
|
|
5049
5133
|
.pf-v6-c-dual-list-selector__list-item-row {
|
|
5134
|
+
position: relative;
|
|
5050
5135
|
display: flex;
|
|
5051
5136
|
font-size: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
5052
5137
|
background-color: var(--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor);
|
|
5053
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
|
+
}
|
|
5054
5147
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-selected {
|
|
5055
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);
|
|
5056
5150
|
}
|
|
5057
5151
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-selected .pf-v6-c-dual-list-selector__item-text {
|
|
5058
5152
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item-row--m-selected__text--Color);
|
|
@@ -5060,9 +5154,12 @@ ul) {
|
|
|
5060
5154
|
}
|
|
5061
5155
|
.pf-v6-c-dual-list-selector__list-item-row:hover {
|
|
5062
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);
|
|
5063
5158
|
}
|
|
5064
5159
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-check {
|
|
5065
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;
|
|
5066
5163
|
}
|
|
5067
5164
|
.pf-v6-c-dual-list-selector__list-item-row.pf-m-ghost-row {
|
|
5068
5165
|
--pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor);
|
|
@@ -5582,6 +5679,11 @@ ul) {
|
|
|
5582
5679
|
--pf-v6-c-drawer__panel--MinWidth: 50%;
|
|
5583
5680
|
--pf-v6-c-drawer__panel--MaxHeight: auto;
|
|
5584
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;
|
|
5585
5687
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
5586
5688
|
--pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
5587
5689
|
--pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
@@ -5678,13 +5780,14 @@ ul) {
|
|
|
5678
5780
|
--pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
|
|
5679
5781
|
--pf-v6-c-drawer__panel--BoxShadow: none;
|
|
5680
5782
|
--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
5681
|
-
--pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
|
|
5682
|
-
--pf-v6-c-drawer--m-
|
|
5683
|
-
--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);
|
|
5684
5787
|
--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
|
|
5685
|
-
--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart:
|
|
5686
|
-
--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd:
|
|
5687
|
-
--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;
|
|
5688
5791
|
}
|
|
5689
5792
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
5690
5793
|
.pf-v6-c-drawer {
|
|
@@ -5725,6 +5828,7 @@ ul) {
|
|
|
5725
5828
|
|
|
5726
5829
|
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
|
5727
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);
|
|
5728
5832
|
}
|
|
5729
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) {
|
|
5730
5834
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
|
@@ -5825,6 +5929,11 @@ ul) {
|
|
|
5825
5929
|
overflow: auto;
|
|
5826
5930
|
visibility: hidden;
|
|
5827
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);
|
|
5828
5937
|
box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
|
|
5829
5938
|
opacity: var(--pf-v6-c-drawer__panel--Opacity);
|
|
5830
5939
|
transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
|
|
@@ -5833,15 +5942,6 @@ ul) {
|
|
|
5833
5942
|
transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
|
|
5834
5943
|
-webkit-overflow-scrolling: touch;
|
|
5835
5944
|
}
|
|
5836
|
-
.pf-v6-c-drawer__panel::after {
|
|
5837
|
-
position: absolute;
|
|
5838
|
-
inset-block-start: 0;
|
|
5839
|
-
inset-inline-start: 0;
|
|
5840
|
-
width: var(--pf-v6-c-drawer__panel--after--Width);
|
|
5841
|
-
height: 100%;
|
|
5842
|
-
content: "";
|
|
5843
|
-
background-color: var(--pf-v6-c-drawer__panel--after--BackgroundColor);
|
|
5844
|
-
}
|
|
5845
5945
|
.pf-v6-c-drawer__panel:not(.pf-m-resizable) {
|
|
5846
5946
|
padding-block-start: var(--pf-v6-c-drawer__panel--PaddingBlockStart);
|
|
5847
5947
|
padding-block-end: var(--pf-v6-c-drawer__panel--PaddingBlockEnd);
|
|
@@ -5996,13 +6096,13 @@ ul) {
|
|
|
5996
6096
|
}
|
|
5997
6097
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
|
5998
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;
|
|
5999
6103
|
flex-direction: var(--pf-v6-c-drawer__panel--m-resizable--FlexDirection);
|
|
6000
6104
|
min-width: var(--pf-v6-c-drawer__panel--m-resizable--MinWidth);
|
|
6001
6105
|
}
|
|
6002
|
-
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable::after {
|
|
6003
|
-
width: 0;
|
|
6004
|
-
height: 0;
|
|
6005
|
-
}
|
|
6006
6106
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
|
|
6007
6107
|
flex-shrink: 0;
|
|
6008
6108
|
}
|
|
@@ -6011,18 +6111,17 @@ ul) {
|
|
|
6011
6111
|
}
|
|
6012
6112
|
.pf-v6-c-drawer.pf-m-panel-left {
|
|
6013
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;
|
|
6014
6116
|
}
|
|
6015
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);
|
|
6016
6119
|
padding-inline-start: 0;
|
|
6017
6120
|
padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
|
|
6018
6121
|
}
|
|
6019
6122
|
.pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6020
6123
|
transform: translateX(0);
|
|
6021
6124
|
}
|
|
6022
|
-
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
|
|
6023
|
-
inset-inline-start: auto;
|
|
6024
|
-
inset-inline-end: 0;
|
|
6025
|
-
}
|
|
6026
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 {
|
|
6027
6126
|
--pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
|
|
6028
6127
|
order: 1;
|
|
@@ -6031,19 +6130,16 @@ ul) {
|
|
|
6031
6130
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow);
|
|
6032
6131
|
--pf-v6-c-drawer__panel--MaxHeight: 100%;
|
|
6033
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);
|
|
6034
6135
|
min-width: auto;
|
|
6035
6136
|
min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
|
|
6036
6137
|
}
|
|
6037
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);
|
|
6038
6140
|
padding-block-start: var(--pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart);
|
|
6039
6141
|
padding-inline-start: 0;
|
|
6040
6142
|
}
|
|
6041
|
-
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel::after {
|
|
6042
|
-
inset-block-start: 0;
|
|
6043
|
-
inset-inline-start: auto;
|
|
6044
|
-
width: 100%;
|
|
6045
|
-
height: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
|
6046
|
-
}
|
|
6047
6143
|
.pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable {
|
|
6048
6144
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min);
|
|
6049
6145
|
--pf-v6-c-drawer__panel--m-resizable--FlexDirection: var(--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection);
|
|
@@ -6072,6 +6168,10 @@ ul) {
|
|
|
6072
6168
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border,
|
|
6073
6169
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-no-border {
|
|
6074
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;
|
|
6075
6175
|
}
|
|
6076
6176
|
.pf-v6-c-drawer__splitter {
|
|
6077
6177
|
display: block;
|
|
@@ -6166,9 +6266,9 @@ ul) {
|
|
|
6166
6266
|
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6167
6267
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
6168
6268
|
}
|
|
6169
|
-
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
6170
|
-
.pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
6171
|
-
|
|
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);
|
|
6172
6272
|
}
|
|
6173
6273
|
.pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
6174
6274
|
overflow-x: auto;
|
|
@@ -6233,9 +6333,9 @@ ul) {
|
|
|
6233
6333
|
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6234
6334
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
6235
6335
|
}
|
|
6236
|
-
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
6237
|
-
.pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
6238
|
-
|
|
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);
|
|
6239
6339
|
}
|
|
6240
6340
|
.pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
6241
6341
|
overflow-x: auto;
|
|
@@ -6300,9 +6400,9 @@ ul) {
|
|
|
6300
6400
|
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6301
6401
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
6302
6402
|
}
|
|
6303
|
-
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
6304
|
-
.pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
6305
|
-
|
|
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);
|
|
6306
6406
|
}
|
|
6307
6407
|
.pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
6308
6408
|
overflow-x: auto;
|
|
@@ -6367,9 +6467,9 @@ ul) {
|
|
|
6367
6467
|
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6368
6468
|
--pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
|
|
6369
6469
|
}
|
|
6370
|
-
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
6371
|
-
.pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)
|
|
6372
|
-
|
|
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);
|
|
6373
6473
|
}
|
|
6374
6474
|
.pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
|
|
6375
6475
|
overflow-x: auto;
|
|
@@ -8598,10 +8698,11 @@ label.pf-v6-c-input-group__text {
|
|
|
8598
8698
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
8599
8699
|
--pf-v6-c-label--MaxWidth: 100%;
|
|
8600
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)));
|
|
8601
|
-
--pf-v6-c-label--BorderWidth:
|
|
8602
|
-
--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);
|
|
8603
8703
|
--pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
8604
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);
|
|
8605
8706
|
--pf-v6-c-label--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
8606
8707
|
--pf-v6-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
|
|
8607
8708
|
--pf-v6-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
@@ -8724,8 +8825,8 @@ label.pf-v6-c-input-group__text {
|
|
|
8724
8825
|
--pf-v6-c-label--m-custom--m-outline--BorderColor: var(--pf-t--global--border--color--status--custom--default);
|
|
8725
8826
|
--pf-v6-c-label--m-custom--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--custom--hover);
|
|
8726
8827
|
--pf-v6-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
|
|
8727
|
-
--pf-v6-c-label--m-clickable--hover--BorderWidth:
|
|
8728
|
-
--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);
|
|
8729
8830
|
--pf-v6-c-label--m-clickable__content--Cursor: pointer;
|
|
8730
8831
|
--pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label__icon--Color);
|
|
8731
8832
|
--pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
@@ -8738,8 +8839,10 @@ label.pf-v6-c-input-group__text {
|
|
|
8738
8839
|
--pf-v6-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
8739
8840
|
--pf-v6-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
|
|
8740
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);
|
|
8741
8843
|
--pf-v6-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
8742
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);
|
|
8743
8846
|
--pf-v6-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
|
|
8744
8847
|
--pf-v6-c-label--m-add--BackgroundColor: transparent;
|
|
8745
8848
|
--pf-v6-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
|
|
@@ -8760,15 +8863,15 @@ label.pf-v6-c-input-group__text {
|
|
|
8760
8863
|
--pf-v6-c-label__content--Cursor: initial;
|
|
8761
8864
|
--pf-v6-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
8762
8865
|
--pf-v6-c-label__text--MaxWidth: 100%;
|
|
8763
|
-
--pf-v6-c-label__actions--MarginInlineEnd:
|
|
8866
|
+
--pf-v6-c-label__actions--MarginInlineEnd: 0;
|
|
8764
8867
|
--pf-v6-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
|
|
8765
8868
|
--pf-v6-c-label__actions--c-button--OutlineOffset: -0.1875rem;
|
|
8766
|
-
--pf-v6-c-label__actions--c-button--MarginBlockStart:
|
|
8767
|
-
--pf-v6-c-label__actions--c-button--MarginBlockEnd:
|
|
8768
|
-
--pf-v6-c-label__actions--c-button--PaddingBlockStart:
|
|
8769
|
-
--pf-v6-c-label__actions--c-button--PaddingInlineEnd:
|
|
8770
|
-
--pf-v6-c-label__actions--c-button--PaddingBlockEnd:
|
|
8771
|
-
--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;
|
|
8772
8875
|
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
|
|
8773
8876
|
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
|
|
8774
8877
|
--pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
|
|
@@ -8788,6 +8891,7 @@ label.pf-v6-c-input-group__text {
|
|
|
8788
8891
|
|
|
8789
8892
|
.pf-v6-c-label {
|
|
8790
8893
|
position: relative;
|
|
8894
|
+
gap: var(--pf-v6-c-label--Gap);
|
|
8791
8895
|
min-width: var(--pf-v6-c-label--MinWidth);
|
|
8792
8896
|
max-width: var(--pf-v6-c-label--MaxWidth);
|
|
8793
8897
|
padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
|
|
@@ -8987,10 +9091,12 @@ label.pf-v6-c-input-group__text {
|
|
|
8987
9091
|
.pf-v6-c-label.pf-m-overflow {
|
|
8988
9092
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-overflow--Color);
|
|
8989
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);
|
|
8990
9095
|
}
|
|
8991
9096
|
.pf-v6-c-label.pf-m-overflow:is(:hover, :focus) {
|
|
8992
9097
|
--pf-v6-c-label--m-overflow--Color: var(--pf-v6-c-label--m-overflow--hover--Color);
|
|
8993
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);
|
|
8994
9100
|
}
|
|
8995
9101
|
.pf-v6-c-label.pf-m-add {
|
|
8996
9102
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-add--Color);
|
|
@@ -9090,6 +9196,9 @@ input.pf-v6-c-label__content {
|
|
|
9090
9196
|
margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
|
|
9091
9197
|
outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
|
|
9092
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
|
+
}
|
|
9093
9202
|
|
|
9094
9203
|
.pf-v6-c-label-group {
|
|
9095
9204
|
--pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -9328,6 +9437,8 @@ ul.pf-v6-c-list {
|
|
|
9328
9437
|
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
9329
9438
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
9330
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);
|
|
9331
9442
|
--pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
|
|
9332
9443
|
--pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
|
|
9333
9444
|
--pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -9459,6 +9570,7 @@ ul.pf-v6-c-list {
|
|
|
9459
9570
|
align-self: start;
|
|
9460
9571
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
9461
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);
|
|
9462
9574
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
9463
9575
|
}
|
|
9464
9576
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
@@ -10105,6 +10217,8 @@ ul.pf-v6-c-list {
|
|
|
10105
10217
|
--pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
10106
10218
|
--pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
10107
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);
|
|
10108
10222
|
--pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
10109
10223
|
--pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
|
|
10110
10224
|
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
@@ -10125,6 +10239,9 @@ ul.pf-v6-c-list {
|
|
|
10125
10239
|
--pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
10126
10240
|
--pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
|
|
10127
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);
|
|
10128
10245
|
--pf-v6-c-menu__list-item--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
10129
10246
|
--pf-v6-c-menu__list-item--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
10130
10247
|
--pf-v6-c-menu__list-item--TransitionProperty: background-color;
|
|
@@ -10300,6 +10417,7 @@ ul.pf-v6-c-list {
|
|
|
10300
10417
|
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
|
10301
10418
|
--pf-v6-c-menu__list-item--BackgroundColor: transparent;
|
|
10302
10419
|
--pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
10420
|
+
--pf-v6-c-menu__list-item--hover--BorderColor: transparent;
|
|
10303
10421
|
}
|
|
10304
10422
|
.pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
|
|
10305
10423
|
.pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
|
|
@@ -10324,6 +10442,7 @@ ul.pf-v6-c-list {
|
|
|
10324
10442
|
overflow: hidden;
|
|
10325
10443
|
color: var(--pf-v6-c-menu--Color);
|
|
10326
10444
|
background-color: var(--pf-v6-c-menu--BackgroundColor);
|
|
10445
|
+
border: var(--pf-v6-c-menu--BorderWidth) solid var(--pf-v6-c-menu--BorderColor);
|
|
10327
10446
|
border-radius: var(--pf-v6-c-menu--BorderRadius);
|
|
10328
10447
|
box-shadow: var(--pf-v6-c-menu--BoxShadow);
|
|
10329
10448
|
transition-timing-function: var(--pf-v6-c-menu--TransitionTimingFunction) !important;
|
|
@@ -10368,6 +10487,7 @@ ul.pf-v6-c-list {
|
|
|
10368
10487
|
}
|
|
10369
10488
|
.pf-v6-c-menu.pf-m-drilldown :where(.pf-v6-c-menu) {
|
|
10370
10489
|
padding: 0;
|
|
10490
|
+
border: 0;
|
|
10371
10491
|
}
|
|
10372
10492
|
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list,
|
|
10373
10493
|
.pf-v6-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v6-c-menu__list {
|
|
@@ -10510,6 +10630,8 @@ ul.pf-v6-c-list {
|
|
|
10510
10630
|
inset: 0;
|
|
10511
10631
|
content: "";
|
|
10512
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);
|
|
10513
10635
|
transition: inherit;
|
|
10514
10636
|
}
|
|
10515
10637
|
.pf-v6-c-menu__list-item.pf-m-load {
|
|
@@ -10534,6 +10656,7 @@ ul.pf-v6-c-list {
|
|
|
10534
10656
|
}
|
|
10535
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) {
|
|
10536
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);
|
|
10537
10660
|
}
|
|
10538
10661
|
.pf-v6-c-menu__list-item.pf-m-focus .pf-v6-c-menu__item-select-icon,
|
|
10539
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,
|
|
@@ -10722,19 +10845,19 @@ ul.pf-v6-c-list {
|
|
|
10722
10845
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
10723
10846
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
10724
10847
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
10725
|
-
--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);
|
|
10726
10849
|
--pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
|
|
10727
10850
|
--pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
10728
10851
|
--pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
10729
10852
|
--pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
|
|
10730
10853
|
--pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
|
|
10731
10854
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
10732
|
-
--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);
|
|
10733
10856
|
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
10734
10857
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10735
10858
|
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
|
|
10736
10859
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
10737
|
-
--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);
|
|
10738
10861
|
--pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
10739
10862
|
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10740
10863
|
--pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
@@ -10821,7 +10944,10 @@ ul.pf-v6-c-list {
|
|
|
10821
10944
|
--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
10822
10945
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
10823
10946
|
--pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
10824
|
-
--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);
|
|
10825
10951
|
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
10826
10952
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
10827
10953
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -10947,6 +11073,7 @@ ul.pf-v6-c-list {
|
|
|
10947
11073
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
|
|
10948
11074
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
|
10949
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);
|
|
10950
11077
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
|
|
10951
11078
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
|
10952
11079
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
|
|
@@ -10959,12 +11086,14 @@ ul.pf-v6-c-list {
|
|
|
10959
11086
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
|
|
10960
11087
|
}
|
|
10961
11088
|
.pf-v6-c-menu-toggle.pf-m-plain::before {
|
|
10962
|
-
|
|
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);
|
|
10963
11091
|
}
|
|
10964
11092
|
.pf-v6-c-menu-toggle:is(:hover, :focus) {
|
|
10965
11093
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
|
|
10966
11094
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
|
|
10967
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);
|
|
10968
11097
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
|
|
10969
11098
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
|
|
10970
11099
|
--pf-v6-c-menu-toggle__icon--TransitionDelay: var(--pf-v6-c-menu-toggle--hover__icon--TransitionDelay);
|
|
@@ -10976,6 +11105,7 @@ ul.pf-v6-c-list {
|
|
|
10976
11105
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
|
|
10977
11106
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
|
|
10978
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);
|
|
10979
11109
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
|
|
10980
11110
|
--pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
|
|
10981
11111
|
}
|
|
@@ -11224,6 +11354,8 @@ ul.pf-v6-c-list {
|
|
|
11224
11354
|
|
|
11225
11355
|
.pf-v6-c-modal-box {
|
|
11226
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);
|
|
11227
11359
|
--pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
11228
11360
|
--pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
|
|
11229
11361
|
--pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
|
|
@@ -11290,6 +11422,7 @@ ul.pf-v6-c-list {
|
|
|
11290
11422
|
max-height: var(--pf-v6-c-modal-box--MaxHeight);
|
|
11291
11423
|
overflow: auto;
|
|
11292
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);
|
|
11293
11426
|
border-radius: var(--pf-v6-c-modal-box--BorderRadius);
|
|
11294
11427
|
box-shadow: var(--pf-v6-c-modal-box--BoxShadow);
|
|
11295
11428
|
}
|
|
@@ -11681,6 +11814,10 @@ ul.pf-v6-c-list {
|
|
|
11681
11814
|
--pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
|
|
11682
11815
|
--pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
|
|
11683
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);
|
|
11684
11821
|
--pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
|
|
11685
11822
|
--pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
|
|
11686
11823
|
--pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
|
|
@@ -11715,6 +11852,8 @@ ul.pf-v6-c-list {
|
|
|
11715
11852
|
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav__list--ColumnGap);
|
|
11716
11853
|
--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
11717
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);
|
|
11718
11857
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
11719
11858
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
11720
11859
|
--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -11874,12 +12013,22 @@ ul.pf-v6-c-list {
|
|
|
11874
12013
|
transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
|
|
11875
12014
|
transition-property: background-color, color;
|
|
11876
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
|
+
}
|
|
11877
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);
|
|
11878
12026
|
color: var(--pf-v6-c-nav__link--hover--Color);
|
|
11879
12027
|
background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
|
|
11880
12028
|
}
|
|
11881
12029
|
.pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
|
|
11882
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);
|
|
11883
12032
|
color: var(--pf-v6-c-nav__link--m-current--Color);
|
|
11884
12033
|
background-color: var(--pf-v6-c-nav__link--m-current--BackgroundColor);
|
|
11885
12034
|
}
|
|
@@ -11982,6 +12131,7 @@ ul.pf-v6-c-list {
|
|
|
11982
12131
|
--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
|
|
11983
12132
|
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
|
|
11984
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);
|
|
11985
12135
|
border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
|
|
11986
12136
|
}
|
|
11987
12137
|
.pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
|
|
@@ -12312,7 +12462,7 @@ ul.pf-v6-c-list {
|
|
|
12312
12462
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
12313
12463
|
--pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
12314
12464
|
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
12315
|
-
--pf-v6-c-page__sidebar--BoxShadow:
|
|
12465
|
+
--pf-v6-c-page__sidebar--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
12316
12466
|
--pf-v6-c-page__sidebar--TransitionProperty: opacity;
|
|
12317
12467
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
12318
12468
|
--pf-v6-c-page__sidebar--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
@@ -12327,6 +12477,8 @@ ul.pf-v6-c-list {
|
|
|
12327
12477
|
--pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
12328
12478
|
--pf-v6-c-page__sidebar--PaddingInlineStart: 0;
|
|
12329
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);
|
|
12330
12482
|
--pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
12331
12483
|
--pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
12332
12484
|
--pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -12351,13 +12503,19 @@ ul.pf-v6-c-list {
|
|
|
12351
12503
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
12352
12504
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
12353
12505
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
12354
|
-
--pf-v6-c-page__main-container--
|
|
12355
|
-
--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);
|
|
12356
12511
|
--pf-v6-c-page__main-container--xs--AlignSelf: stretch;
|
|
12357
12512
|
--pf-v6-c-page__main-container--xs--BorderRadius: 0;
|
|
12358
12513
|
--pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
|
|
12359
12514
|
--pf-v6-c-page__main-container--xs--MaxHeight: 100%;
|
|
12360
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;
|
|
12361
12519
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
12362
12520
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
12363
12521
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -12370,22 +12528,30 @@ ul.pf-v6-c-list {
|
|
|
12370
12528
|
--pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
|
|
12371
12529
|
--pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
|
|
12372
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);
|
|
12373
12533
|
--pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-t--global--z-index--md);
|
|
12374
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);
|
|
12375
12537
|
--pf-v6-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
12376
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);
|
|
12377
12541
|
--pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
12378
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);
|
|
12379
12545
|
--pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12380
12546
|
--pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
12381
12547
|
--pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
|
|
12382
|
-
--pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--
|
|
12383
|
-
--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));
|
|
12384
12550
|
--pf-v6-c-page__main-subnav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
12385
12551
|
--pf-v6-c-page__main-breadcrumb--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
12386
|
-
--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));
|
|
12387
12553
|
--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd: 0;
|
|
12388
|
-
--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));
|
|
12389
12555
|
--pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12390
12556
|
--pf-v6-c-page__main-breadcrumb--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
12391
12557
|
--pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
|
|
@@ -12408,6 +12574,7 @@ ul.pf-v6-c-list {
|
|
|
12408
12574
|
.pf-v6-c-page {
|
|
12409
12575
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
12410
12576
|
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
12577
|
+
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
12411
12578
|
}
|
|
12412
12579
|
}
|
|
12413
12580
|
|
|
@@ -12501,6 +12668,7 @@ ul.pf-v6-c-list {
|
|
|
12501
12668
|
overflow-y: auto;
|
|
12502
12669
|
-webkit-overflow-scrolling: touch;
|
|
12503
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);
|
|
12504
12672
|
opacity: var(--pf-v6-c-page__sidebar--Opacity);
|
|
12505
12673
|
transition: var(--pf-v6-c-page__sidebar--TransitionProperty) var(--pf-v6-c-page__sidebar--TransitionDuration) var(--pf-v6-c-page__sidebar--TransitionTimingFunction);
|
|
12506
12674
|
transform: translateX(var(--pf-v6-c-page__sidebar--TranslateX)) translateZ(var(--pf-v6-c-page__sidebar--TranslateZ));
|
|
@@ -12516,7 +12684,7 @@ ul.pf-v6-c-list {
|
|
|
12516
12684
|
}
|
|
12517
12685
|
@media screen and (min-width: 75rem) {
|
|
12518
12686
|
.pf-v6-c-page__sidebar.pf-m-expanded {
|
|
12519
|
-
--pf-v6-c-page__sidebar--BoxShadow:
|
|
12687
|
+
--pf-v6-c-page__sidebar--BoxShadow: var(--pf-v6-c-page__sidebar--BoxShadow);
|
|
12520
12688
|
}
|
|
12521
12689
|
}
|
|
12522
12690
|
.pf-v6-c-page__sidebar.pf-m-collapsed {
|
|
@@ -12613,6 +12781,7 @@ ul.pf-v6-c-list {
|
|
|
12613
12781
|
.pf-v6-c-page__main-group.pf-m-shadow-bottom,
|
|
12614
12782
|
.pf-v6-c-page__main-subnav.pf-m-shadow-bottom {
|
|
12615
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);
|
|
12616
12785
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
|
|
12617
12786
|
}
|
|
12618
12787
|
.pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
|
|
@@ -12622,6 +12791,7 @@ ul.pf-v6-c-list {
|
|
|
12622
12791
|
.pf-v6-c-page__main-group.pf-m-shadow-top,
|
|
12623
12792
|
.pf-v6-c-page__main-subnav.pf-m-shadow-top {
|
|
12624
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);
|
|
12625
12795
|
box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
|
|
12626
12796
|
}
|
|
12627
12797
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
|
|
@@ -12633,6 +12803,7 @@ ul.pf-v6-c-list {
|
|
|
12633
12803
|
position: sticky;
|
|
12634
12804
|
inset-block-start: 0;
|
|
12635
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);
|
|
12636
12807
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
12637
12808
|
}
|
|
12638
12809
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
|
|
@@ -12644,6 +12815,7 @@ ul.pf-v6-c-list {
|
|
|
12644
12815
|
position: sticky;
|
|
12645
12816
|
inset-block-end: 0;
|
|
12646
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);
|
|
12647
12819
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
12648
12820
|
}
|
|
12649
12821
|
@media (min-height: 0) {
|
|
@@ -12656,6 +12828,7 @@ ul.pf-v6-c-list {
|
|
|
12656
12828
|
position: sticky;
|
|
12657
12829
|
inset-block-start: 0;
|
|
12658
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);
|
|
12659
12832
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
12660
12833
|
}
|
|
12661
12834
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
|
|
@@ -12667,6 +12840,7 @@ ul.pf-v6-c-list {
|
|
|
12667
12840
|
position: sticky;
|
|
12668
12841
|
inset-block-end: 0;
|
|
12669
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);
|
|
12670
12844
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
12671
12845
|
}
|
|
12672
12846
|
}
|
|
@@ -12680,6 +12854,7 @@ ul.pf-v6-c-list {
|
|
|
12680
12854
|
position: sticky;
|
|
12681
12855
|
inset-block-start: 0;
|
|
12682
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);
|
|
12683
12858
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
12684
12859
|
}
|
|
12685
12860
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
|
|
@@ -12691,6 +12866,7 @@ ul.pf-v6-c-list {
|
|
|
12691
12866
|
position: sticky;
|
|
12692
12867
|
inset-block-end: 0;
|
|
12693
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);
|
|
12694
12870
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
12695
12871
|
}
|
|
12696
12872
|
}
|
|
@@ -12704,6 +12880,7 @@ ul.pf-v6-c-list {
|
|
|
12704
12880
|
position: sticky;
|
|
12705
12881
|
inset-block-start: 0;
|
|
12706
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);
|
|
12707
12884
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
12708
12885
|
}
|
|
12709
12886
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
|
|
@@ -12715,6 +12892,7 @@ ul.pf-v6-c-list {
|
|
|
12715
12892
|
position: sticky;
|
|
12716
12893
|
inset-block-end: 0;
|
|
12717
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);
|
|
12718
12896
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
12719
12897
|
}
|
|
12720
12898
|
}
|
|
@@ -12728,6 +12906,7 @@ ul.pf-v6-c-list {
|
|
|
12728
12906
|
position: sticky;
|
|
12729
12907
|
inset-block-start: 0;
|
|
12730
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);
|
|
12731
12910
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
12732
12911
|
}
|
|
12733
12912
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
|
|
@@ -12739,6 +12918,7 @@ ul.pf-v6-c-list {
|
|
|
12739
12918
|
position: sticky;
|
|
12740
12919
|
inset-block-end: 0;
|
|
12741
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);
|
|
12742
12922
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
12743
12923
|
}
|
|
12744
12924
|
}
|
|
@@ -12752,6 +12932,7 @@ ul.pf-v6-c-list {
|
|
|
12752
12932
|
position: sticky;
|
|
12753
12933
|
inset-block-start: 0;
|
|
12754
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);
|
|
12755
12936
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
|
|
12756
12937
|
}
|
|
12757
12938
|
.pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
|
|
@@ -12763,6 +12944,7 @@ ul.pf-v6-c-list {
|
|
|
12763
12944
|
position: sticky;
|
|
12764
12945
|
inset-block-end: 0;
|
|
12765
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);
|
|
12766
12948
|
box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
|
|
12767
12949
|
}
|
|
12768
12950
|
}
|
|
@@ -12775,7 +12957,11 @@ ul.pf-v6-c-list {
|
|
|
12775
12957
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
12776
12958
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
12777
12959
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
12778
|
-
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);
|
|
12779
12965
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
12780
12966
|
}
|
|
12781
12967
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
@@ -12785,6 +12971,9 @@ ul.pf-v6-c-list {
|
|
|
12785
12971
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
12786
12972
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
|
|
12787
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);
|
|
12788
12977
|
}
|
|
12789
12978
|
}
|
|
12790
12979
|
|
|
@@ -12905,8 +13094,8 @@ ul.pf-v6-c-list {
|
|
|
12905
13094
|
gap: var(--pf-v6-c-page__main-section--RowGap);
|
|
12906
13095
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12907
13096
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12908
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
12909
|
-
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));
|
|
12910
13099
|
background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
|
|
12911
13100
|
}
|
|
12912
13101
|
.pf-v6-c-page__main-section.pf-m-secondary {
|
|
@@ -12915,8 +13104,8 @@ ul.pf-v6-c-list {
|
|
|
12915
13104
|
.pf-v6-c-page__main-section.pf-m-padding {
|
|
12916
13105
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12917
13106
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12918
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
12919
|
-
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));
|
|
12920
13109
|
}
|
|
12921
13110
|
.pf-v6-c-page__main-section.pf-m-no-padding {
|
|
12922
13111
|
padding: 0;
|
|
@@ -12925,8 +13114,8 @@ ul.pf-v6-c-list {
|
|
|
12925
13114
|
.pf-v6-c-page__main-section.pf-m-padding-on-sm {
|
|
12926
13115
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12927
13116
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12928
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
12929
|
-
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));
|
|
12930
13119
|
}
|
|
12931
13120
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-sm {
|
|
12932
13121
|
padding: 0;
|
|
@@ -12936,8 +13125,8 @@ ul.pf-v6-c-list {
|
|
|
12936
13125
|
.pf-v6-c-page__main-section.pf-m-padding-on-md {
|
|
12937
13126
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12938
13127
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12939
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
12940
|
-
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));
|
|
12941
13130
|
}
|
|
12942
13131
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-md {
|
|
12943
13132
|
padding: 0;
|
|
@@ -12947,8 +13136,8 @@ ul.pf-v6-c-list {
|
|
|
12947
13136
|
.pf-v6-c-page__main-section.pf-m-padding-on-lg {
|
|
12948
13137
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12949
13138
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12950
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
12951
|
-
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));
|
|
12952
13141
|
}
|
|
12953
13142
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-lg {
|
|
12954
13143
|
padding: 0;
|
|
@@ -12958,8 +13147,8 @@ ul.pf-v6-c-list {
|
|
|
12958
13147
|
.pf-v6-c-page__main-section.pf-m-padding-on-xl {
|
|
12959
13148
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12960
13149
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12961
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
12962
|
-
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));
|
|
12963
13152
|
}
|
|
12964
13153
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-xl {
|
|
12965
13154
|
padding: 0;
|
|
@@ -12969,8 +13158,8 @@ ul.pf-v6-c-list {
|
|
|
12969
13158
|
.pf-v6-c-page__main-section.pf-m-padding-on-2xl {
|
|
12970
13159
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
12971
13160
|
padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
|
|
12972
|
-
padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--
|
|
12973
|
-
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));
|
|
12974
13163
|
}
|
|
12975
13164
|
.pf-v6-c-page__main-section.pf-m-no-padding-on-2xl {
|
|
12976
13165
|
padding: 0;
|
|
@@ -13371,11 +13560,14 @@ ul.pf-v6-c-list {
|
|
|
13371
13560
|
--pf-v6-c-panel--BoxShadow: none;
|
|
13372
13561
|
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
13373
13562
|
--pf-v6-c-panel--before--BorderWidth: 0;
|
|
13374
|
-
--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);
|
|
13375
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);
|
|
13376
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);
|
|
13377
13568
|
--pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
13378
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);
|
|
13379
13571
|
--pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
13380
13572
|
--pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
13381
13573
|
--pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -13417,13 +13609,16 @@ ul.pf-v6-c-list {
|
|
|
13417
13609
|
}
|
|
13418
13610
|
.pf-v6-c-panel.pf-m-bordered {
|
|
13419
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);
|
|
13420
13613
|
}
|
|
13421
13614
|
.pf-v6-c-panel.pf-m-secondary {
|
|
13422
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);
|
|
13423
13617
|
}
|
|
13424
13618
|
.pf-v6-c-panel.pf-m-raised {
|
|
13425
13619
|
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
|
|
13426
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);
|
|
13427
13622
|
}
|
|
13428
13623
|
.pf-v6-c-panel.pf-m-scrollable {
|
|
13429
13624
|
--pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
|
|
@@ -13465,6 +13660,8 @@ ul.pf-v6-c-list {
|
|
|
13465
13660
|
--pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
13466
13661
|
--pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
|
|
13467
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);
|
|
13468
13665
|
--pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
13469
13666
|
--pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
13470
13667
|
--pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
@@ -13515,6 +13712,7 @@ ul.pf-v6-c-list {
|
|
|
13515
13712
|
min-width: var(--pf-v6-c-popover--MinWidth);
|
|
13516
13713
|
max-width: var(--pf-v6-c-popover--MaxWidth);
|
|
13517
13714
|
font-size: var(--pf-v6-c-popover--FontSize);
|
|
13715
|
+
border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
|
|
13518
13716
|
border-radius: var(--pf-v6-c-popover--BorderRadius);
|
|
13519
13717
|
box-shadow: var(--pf-v6-c-popover--BoxShadow);
|
|
13520
13718
|
}
|
|
@@ -13629,6 +13827,7 @@ ul.pf-v6-c-list {
|
|
|
13629
13827
|
height: var(--pf-v6-c-popover__arrow--Height);
|
|
13630
13828
|
pointer-events: none;
|
|
13631
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);
|
|
13632
13831
|
box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
|
|
13633
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));
|
|
13634
13833
|
}
|
|
@@ -13669,6 +13868,8 @@ ul.pf-v6-c-list {
|
|
|
13669
13868
|
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
13670
13869
|
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
13671
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);
|
|
13672
13873
|
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
13673
13874
|
--pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
|
|
13674
13875
|
--pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -13830,6 +14031,14 @@ ul.pf-v6-c-list {
|
|
|
13830
14031
|
background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
|
|
13831
14032
|
border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
|
|
13832
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
|
+
}
|
|
13833
14042
|
|
|
13834
14043
|
.pf-v6-c-progress__indicator {
|
|
13835
14044
|
position: absolute;
|
|
@@ -14896,6 +15105,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14896
15105
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
|
|
14897
15106
|
--pf-v6-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
14898
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);
|
|
14899
15112
|
--pf-v6-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
|
|
14900
15113
|
--pf-v6-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
|
|
14901
15114
|
--pf-v6-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
@@ -14910,6 +15123,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14910
15123
|
}
|
|
14911
15124
|
|
|
14912
15125
|
.pf-v6-c-simple-list__item-link {
|
|
15126
|
+
position: relative;
|
|
14913
15127
|
display: block;
|
|
14914
15128
|
width: 100%;
|
|
14915
15129
|
padding-block-start: var(--pf-v6-c-simple-list__item-link--PaddingBlockStart);
|
|
@@ -14924,6 +15138,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14924
15138
|
border: none;
|
|
14925
15139
|
border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
|
|
14926
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
|
+
}
|
|
14927
15149
|
.pf-v6-c-simple-list__item-link.pf-m-link {
|
|
14928
15150
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--m-link--Color);
|
|
14929
15151
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
|
|
@@ -14932,11 +15154,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14932
15154
|
.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
|
|
14933
15155
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
|
14934
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);
|
|
14935
15158
|
text-decoration-line: none;
|
|
14936
15159
|
}
|
|
14937
15160
|
.pf-v6-c-simple-list__item-link.pf-m-current {
|
|
14938
15161
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
|
|
14939
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);
|
|
14940
15164
|
}
|
|
14941
15165
|
|
|
14942
15166
|
.pf-v6-c-simple-list__title {
|
|
@@ -17331,6 +17555,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17331
17555
|
--pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
|
|
17332
17556
|
--pf-v6-c-table__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
17333
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);
|
|
17334
17561
|
--pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
17335
17562
|
--pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
|
|
17336
17563
|
--pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
@@ -17360,6 +17587,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17360
17587
|
--pf-v6-c-table__expandable-row-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
17361
17588
|
--pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
17362
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;
|
|
17363
17592
|
--pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
17364
17593
|
--pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
17365
17594
|
--pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
@@ -17381,10 +17610,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17381
17610
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
17382
17611
|
--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
17383
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;
|
|
17384
17614
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
|
|
17385
17615
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
|
17386
17616
|
--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
|
17387
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);
|
|
17388
17619
|
--pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
|
|
17389
17620
|
--pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
17390
17621
|
--pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -17796,6 +18027,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17796
18027
|
}
|
|
17797
18028
|
|
|
17798
18029
|
.pf-v6-c-table__button {
|
|
18030
|
+
position: relative;
|
|
17799
18031
|
width: auto;
|
|
17800
18032
|
padding-block-start: var(--pf-v6-c-table__button--PaddingBlockStart);
|
|
17801
18033
|
padding-block-end: var(--pf-v6-c-table__button--PaddingBlockEnd);
|
|
@@ -17814,6 +18046,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17814
18046
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
17815
18047
|
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
17816
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
|
+
}
|
|
17817
18057
|
.pf-v6-c-table .pf-v6-c-table .pf-v6-c-table__button {
|
|
17818
18058
|
margin-block-end: 0;
|
|
17819
18059
|
}
|
|
@@ -17989,6 +18229,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17989
18229
|
content: "";
|
|
17990
18230
|
border: 0;
|
|
17991
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);
|
|
17992
18233
|
}
|
|
17993
18234
|
.pf-v6-c-table__compound-expansion-toggle:hover, .pf-v6-c-table__compound-expansion-toggle:focus-within {
|
|
17994
18235
|
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor);
|
|
@@ -18023,6 +18264,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18023
18264
|
--pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort__button--hover__sort-indicator--Color);
|
|
18024
18265
|
--pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort__button--hover__text--Color);
|
|
18025
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);
|
|
18026
18268
|
}
|
|
18027
18269
|
.pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
|
|
18028
18270
|
color: var(--pf-v6-c-table__sort__button__text--Color);
|
|
@@ -18072,16 +18314,26 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18072
18314
|
border-radius: 0;
|
|
18073
18315
|
}
|
|
18074
18316
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
|
|
18317
|
+
position: relative;
|
|
18075
18318
|
padding-block-start: var(--pf-v6-c-table__expandable-row-content--PaddingBlockStart);
|
|
18076
18319
|
padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBlockEnd);
|
|
18077
18320
|
padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingInlineStart);
|
|
18078
18321
|
padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingInlineEnd);
|
|
18079
18322
|
background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
|
|
18323
|
+
border: 0;
|
|
18080
18324
|
border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
|
|
18081
18325
|
}
|
|
18082
18326
|
.pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content.pf-m-no-background {
|
|
18083
18327
|
background-color: transparent;
|
|
18084
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
|
+
}
|
|
18085
18337
|
.pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
18086
18338
|
border-block-end-color: var(--pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor);
|
|
18087
18339
|
border-block-end-width: var(--pf-v6-c-table--border-width--base);
|
|
@@ -18139,6 +18391,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18139
18391
|
vertical-align: top;
|
|
18140
18392
|
}
|
|
18141
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);
|
|
18142
18395
|
background-color: var(--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor);
|
|
18143
18396
|
}
|
|
18144
18397
|
|
|
@@ -19165,6 +19418,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19165
19418
|
--pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
|
|
19166
19419
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
19167
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;
|
|
19168
19425
|
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
19169
19426
|
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
19170
19427
|
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
@@ -19664,6 +19921,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19664
19921
|
color: var(--pf-v6-c-tabs__link--Color);
|
|
19665
19922
|
text-decoration-line: none;
|
|
19666
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);
|
|
19667
19925
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
19668
19926
|
transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
|
|
19669
19927
|
}
|
|
@@ -19697,6 +19955,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19697
19955
|
|
|
19698
19956
|
.pf-v6-c-tabs__link:where(:hover, :focus) {
|
|
19699
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);
|
|
19700
19959
|
}
|
|
19701
19960
|
.pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled {
|
|
19702
19961
|
pointer-events: none;
|
|
@@ -19711,6 +19970,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19711
19970
|
|
|
19712
19971
|
.pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
|
|
19713
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);
|
|
19714
19974
|
}
|
|
19715
19975
|
.pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
|
|
19716
19976
|
--pf-v6-c-tabs__link--BackgroundColor: transparent;
|
|
@@ -22735,6 +22995,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22735
22995
|
--pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
|
|
22736
22996
|
--pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
|
|
22737
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);
|
|
22738
23003
|
--pf-v6-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
22739
23004
|
--pf-v6-c-tree-view__node--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
22740
23005
|
--pf-v6-c-tree-view__node--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
@@ -23020,8 +23285,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23020
23285
|
color: var(--pf-v6-c-tree-view__node--Color);
|
|
23021
23286
|
background-color: var(--pf-v6-c-tree-view__node--BackgroundColor);
|
|
23022
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
|
+
}
|
|
23023
23296
|
.pf-v6-c-tree-view__node.pf-m-current {
|
|
23024
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);
|
|
23025
23299
|
}
|
|
23026
23300
|
.pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
|
|
23027
23301
|
margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
|
|
@@ -23119,6 +23393,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23119
23393
|
|
|
23120
23394
|
.pf-v6-c-tree-view__content:hover,
|
|
23121
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);
|
|
23122
23397
|
background-color: var(--pf-v6-c-tree-view__node--hover--BackgroundColor);
|
|
23123
23398
|
}
|
|
23124
23399
|
|
|
@@ -23255,6 +23530,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23255
23530
|
--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
23256
23531
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
23257
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);
|
|
23258
23537
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
23259
23538
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
23260
23539
|
--pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -23266,13 +23545,17 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23266
23545
|
--pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
|
|
23267
23546
|
--pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
|
|
23268
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);
|
|
23269
23550
|
--pf-v6-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
23270
23551
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
|
|
23271
23552
|
--pf-v6-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
|
|
23272
23553
|
--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
23273
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;
|
|
23274
23556
|
--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
|
|
23275
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;
|
|
23276
23559
|
--pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
23277
23560
|
--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
23278
23561
|
--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
@@ -23606,14 +23889,17 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23606
23889
|
.pf-v6-c-wizard__nav-link::before {
|
|
23607
23890
|
inset-block-start: var(--pf-v6-c-wizard__nav-link--before--InsetBlockStart);
|
|
23608
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);
|
|
23609
23893
|
}
|
|
23610
23894
|
.pf-v6-c-wizard__nav-link.pf-m-current {
|
|
23611
23895
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-current--Color);
|
|
23612
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);
|
|
23613
23898
|
}
|
|
23614
23899
|
.pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link.pf-m-current::before {
|
|
23615
23900
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
|
|
23616
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);
|
|
23617
23903
|
}
|
|
23618
23904
|
|
|
23619
23905
|
.pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
|
|
@@ -23631,6 +23917,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23631
23917
|
.pf-v6-c-wizard__nav-link:where(:hover, :focus) {
|
|
23632
23918
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--hover--Color);
|
|
23633
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);
|
|
23634
23921
|
}
|
|
23635
23922
|
.pf-v6-c-wizard__nav-link:disabled, .pf-v6-c-wizard__nav-link.pf-m-disabled {
|
|
23636
23923
|
--pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--Color);
|
|
@@ -23640,9 +23927,11 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23640
23927
|
.pf-v6-c-wizard__nav-link:disabled::before, .pf-v6-c-wizard__nav-link.pf-m-disabled::before {
|
|
23641
23928
|
--pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor);
|
|
23642
23929
|
--pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
|
|
23930
|
+
--pf-v6-c-wizard__nav-link--before--BorderColor: var(--pf-v6-c-wizard__nav-link--m-disabled--before--BorderColor);
|
|
23643
23931
|
}
|
|
23644
23932
|
|
|
23645
23933
|
.pf-v6-c-wizard__nav-link-main {
|
|
23934
|
+
position: relative;
|
|
23646
23935
|
display: flex;
|
|
23647
23936
|
flex-grow: 1;
|
|
23648
23937
|
justify-content: space-between;
|
|
@@ -23651,9 +23940,16 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
23651
23940
|
padding-inline-start: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineStart);
|
|
23652
23941
|
padding-inline-end: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd);
|
|
23653
23942
|
background-color: var(--pf-v6-c-wizard__nav-link-main--BackgroundColor);
|
|
23654
|
-
border: none;
|
|
23655
23943
|
border-radius: var(--pf-v6-c-wizard__nav-link-main--BorderRadius);
|
|
23656
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
|
+
}
|
|
23657
23953
|
|
|
23658
23954
|
.pf-v6-c-wizard__nav-link-status-icon {
|
|
23659
23955
|
position: relative;
|