@patternfly/react-styles 6.5.0-prerelease.13 → 6.5.0-prerelease.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/css/assets/images/compass--hero-bg.png +0 -0
- package/css/assets/images/compass--wallpaper-dark.jpg +0 -0
- package/css/assets/images/compass--wallpaper-light.jpg +0 -0
- package/css/assets/images/glass-brand-dark.jpg +0 -0
- package/css/assets/images/glass-brand-dark.png +0 -0
- package/css/assets/images/glass-brand-light.jpg +0 -0
- package/css/assets/images/glass-brand-light.png +0 -0
- package/css/components/Accordion/accordion.css +11 -1
- package/css/components/Accordion/accordion.d.ts +4 -1
- package/css/components/Accordion/accordion.js +4 -1
- package/css/components/Accordion/accordion.mjs +4 -1
- package/css/components/Alert/alert.css +2 -1
- package/css/components/Button/button.css +98 -19
- package/css/components/Button/button.d.ts +3 -0
- package/css/components/Button/button.js +3 -0
- package/css/components/Button/button.mjs +3 -0
- package/css/components/Card/card.css +34 -9
- package/css/components/Card/card.d.ts +1 -0
- package/css/components/Card/card.js +1 -0
- package/css/components/Card/card.mjs +1 -0
- package/css/components/ClipboardCopy/clipboard-copy.css +1 -1
- package/css/components/CodeEditor/code-editor.css +1 -1
- package/css/components/Compass/compass.css +6 -6
- package/css/components/DataList/data-list.css +2 -2
- package/css/components/DataList/data-list.d.ts +3 -1
- package/css/components/DataList/data-list.js +3 -1
- package/css/components/DataList/data-list.mjs +3 -1
- package/css/components/Drawer/drawer.css +117 -22
- package/css/components/Drawer/drawer.d.ts +5 -2
- package/css/components/Drawer/drawer.js +5 -2
- package/css/components/Drawer/drawer.mjs +5 -2
- package/css/components/DualListSelector/dual-list-selector.css +1 -1
- package/css/components/ExpandableSection/expandable-section.css +2 -2
- package/css/components/Form/form.css +1 -1
- package/css/components/JumpLinks/jump-links.css +12 -2
- package/css/components/Login/login.css +7 -3
- package/css/components/Masthead/masthead.css +49 -7
- package/css/components/Masthead/masthead.d.ts +4 -0
- package/css/components/Masthead/masthead.js +4 -0
- package/css/components/Masthead/masthead.mjs +4 -0
- package/css/components/MenuToggle/menu-toggle.css +25 -2
- package/css/components/MenuToggle/menu-toggle.d.ts +3 -0
- package/css/components/MenuToggle/menu-toggle.js +3 -0
- package/css/components/MenuToggle/menu-toggle.mjs +3 -0
- package/css/components/Nav/nav.css +19 -11
- package/css/components/Nav/nav.d.ts +3 -1
- package/css/components/Nav/nav.js +3 -1
- package/css/components/Nav/nav.mjs +3 -1
- package/css/components/NotificationDrawer/notification-drawer.css +11 -3
- package/css/components/Page/page.css +168 -6
- package/css/components/Page/page.d.ts +12 -1
- package/css/components/Page/page.js +12 -1
- package/css/components/Page/page.mjs +12 -1
- package/css/components/Panel/panel.css +14 -0
- package/css/components/Panel/panel.d.ts +2 -1
- package/css/components/Panel/panel.js +2 -1
- package/css/components/Panel/panel.mjs +2 -1
- package/css/components/Progress/progress.css +3 -1
- package/css/components/Table/table-grid.css +4 -4
- package/css/components/Table/table.css +14 -9
- package/css/components/Table/table.d.ts +4 -2
- package/css/components/Table/table.js +4 -2
- package/css/components/Table/table.mjs +4 -2
- package/css/components/Tabs/tabs.css +20 -19
- package/css/components/Tabs/tabs.d.ts +0 -1
- package/css/components/Tabs/tabs.js +0 -1
- package/css/components/Tabs/tabs.mjs +0 -1
- package/css/components/ToggleGroup/toggle-group.css +33 -16
- package/css/components/Toolbar/toolbar.css +1 -1
- package/css/components/TreeView/tree-view.css +1 -1
- package/css/components/Wizard/wizard.css +21 -3
- package/css/components/Wizard/wizard.d.ts +3 -0
- package/css/components/Wizard/wizard.js +3 -0
- package/css/components/Wizard/wizard.mjs +3 -0
- package/css/components/_index.css +678 -154
- package/css/components/_index.d.ts +6 -2
- package/css/components/_index.js +6 -2
- package/css/components/_index.mjs +6 -2
- package/css/docs/components/DragDrop/examples/DragDrop.css +1 -1
- package/package.json +3 -3
|
@@ -213,6 +213,8 @@
|
|
|
213
213
|
--pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
214
214
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
215
215
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
216
|
+
--pf-v6-c-accordion__item--m-expanded__toggle--BackgroundColor: transparent;
|
|
217
|
+
--pf-v6-c-accordion--m-plain__item--m-expanded__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
216
218
|
--pf-v6-c-accordion__toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
217
219
|
--pf-v6-c-accordion__toggle--ZIndex: var(--pf-t--global--z-index--xs);
|
|
218
220
|
--pf-v6-c-accordion__toggle--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
@@ -227,7 +229,7 @@
|
|
|
227
229
|
--pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
228
230
|
--pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
|
|
229
231
|
--pf-v6-c-accordion__toggle-icon--Rotate: 0;
|
|
230
|
-
--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate:
|
|
232
|
+
--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: -180deg;
|
|
231
233
|
--pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
232
234
|
--pf-v6-c-accordion__expandable-content--MarginBlockEnd: 0;
|
|
233
235
|
--pf-v6-c-accordion__expandable-content--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -304,6 +306,13 @@
|
|
|
304
306
|
row-gap: var(--pf-v6-c-accordion--RowGap);
|
|
305
307
|
background-color: var(--pf-v6-c-accordion--BackgroundColor);
|
|
306
308
|
}
|
|
309
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain-on-glass), .pf-v6-c-accordion.pf-m-plain {
|
|
310
|
+
--pf-v6-c-accordion--BackgroundColor: transparent;
|
|
311
|
+
--pf-v6-c-accordion__expandable-content--BackgroundColor: transparent;
|
|
312
|
+
--pf-v6-c-accordion__item--m-expanded--BackgroundColor: transparent;
|
|
313
|
+
--pf-v6-c-accordion__item--m-expanded__toggle--BackgroundColor: var(--pf-v6-c-accordion--m-plain__item--m-expanded__toggle--BackgroundColor);
|
|
314
|
+
}
|
|
315
|
+
|
|
307
316
|
.pf-v6-c-accordion.pf-m-toggle-start {
|
|
308
317
|
--pf-v6-c-accordion__toggle--ColumnGap: var(--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap);
|
|
309
318
|
}
|
|
@@ -355,6 +364,7 @@
|
|
|
355
364
|
--pf-v6-c-accordion__item--before--Opacity: var(--pf-v6-c-accordion__item--m-expanded--before--Opacity);
|
|
356
365
|
--pf-v6-c-accordion__item--before--TranslateY: var(--pf-v6-c-accordion__item--m-expanded--before--TranslateY);
|
|
357
366
|
--pf-v6-c-accordion__item--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded--BorderWidth);
|
|
367
|
+
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-v6-c-accordion__item--m-expanded__toggle--BackgroundColor);
|
|
358
368
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--slide: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide);
|
|
359
369
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--expand--fade);
|
|
360
370
|
--pf-v6-c-accordion__expandable-content--Opacity: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity);
|
|
@@ -561,7 +571,7 @@
|
|
|
561
571
|
". . description description"
|
|
562
572
|
". . actiongroup actiongroup";
|
|
563
573
|
--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
|
|
564
|
-
--pf-v6-c-alert--m-expanded__toggle-icon--Rotate:
|
|
574
|
+
--pf-v6-c-alert--m-expanded__toggle-icon--Rotate: -180deg;
|
|
565
575
|
--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
|
|
566
576
|
}
|
|
567
577
|
|
|
@@ -649,6 +659,7 @@
|
|
|
649
659
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
650
660
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
651
661
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
662
|
+
scale: 1.14;
|
|
652
663
|
}
|
|
653
664
|
|
|
654
665
|
.pf-v6-c-alert__title {
|
|
@@ -1604,7 +1615,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1604
1615
|
--pf-v6-c-button--AlignItems: baseline;
|
|
1605
1616
|
--pf-v6-c-button--JustifyContent: center;
|
|
1606
1617
|
--pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
1607
|
-
--pf-v6-c-button--MinWidth: calc(
|
|
1618
|
+
--pf-v6-c-button--MinWidth: calc(1lh + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
|
|
1608
1619
|
--pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
1609
1620
|
--pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
1610
1621
|
--pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
@@ -1633,11 +1644,16 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1633
1644
|
--pf-v6-c-button--hover--TextDecorationLine: none;
|
|
1634
1645
|
--pf-v6-c-button--hover--TextDecorationStyle: none;
|
|
1635
1646
|
--pf-v6-c-button--hover--TextDecorationColor: currentcolor;
|
|
1647
|
+
--pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
1636
1648
|
--pf-v6-c-button--hover--ScaleX: 1;
|
|
1637
1649
|
--pf-v6-c-button--hover--ScaleY: 1;
|
|
1638
1650
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
1639
1651
|
--pf-v6-c-button--m-clicked--BorderColor: transparent;
|
|
1640
1652
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
|
1653
|
+
--pf-v6-c-button--m-clicked--TextDecorationLine: none;
|
|
1654
|
+
--pf-v6-c-button--m-clicked--TextDecorationStyle: none;
|
|
1655
|
+
--pf-v6-c-button--m-clicked--TextDecorationColor: currentcolor;
|
|
1656
|
+
--pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
|
|
1641
1657
|
--pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
1642
1658
|
--pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
1643
1659
|
--pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
@@ -1676,7 +1692,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1676
1692
|
--pf-v6-c-button--m-tertiary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
1677
1693
|
--pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
1678
1694
|
--pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
1679
|
-
--pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--
|
|
1695
|
+
--pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
1680
1696
|
--pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
1681
1697
|
--pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
1682
1698
|
--pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
|
|
@@ -1736,7 +1752,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1736
1752
|
--pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
1737
1753
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
1738
1754
|
--pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
1739
|
-
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--
|
|
1755
|
+
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
1740
1756
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
1741
1757
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
1742
1758
|
--pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
@@ -1842,7 +1858,37 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1842
1858
|
--pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
|
|
1843
1859
|
--pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
|
|
1844
1860
|
--pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
1845
|
-
--pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--
|
|
1861
|
+
--pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
|
|
1862
|
+
--pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
|
|
1863
|
+
--pf-v6-c-button--m-display-lg--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
1864
|
+
--pf-v6-c-button--m-display-lg--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
1865
|
+
--pf-v6-c-button--m-display-lg--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
1866
|
+
--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor: var(--pf-t--global--border--color--control--default);
|
|
1867
|
+
--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
1868
|
+
--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
1869
|
+
--pf-v6-c-button--m-display-lg--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
1870
|
+
--pf-v6-c-button--m-display-lg--m-primary--Color: var(--pf-t--global--text--color--on-brand--accent--default);
|
|
1871
|
+
--pf-v6-c-button--m-display-lg--m-primary--BackgroundColor: var(--pf-t--global--color--brand--accent--default);
|
|
1872
|
+
--pf-v6-c-button--m-display-lg--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--default);
|
|
1873
|
+
--pf-v6-c-button--m-display-lg--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--accent--hover);
|
|
1874
|
+
--pf-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--accent--hover);
|
|
1875
|
+
--pf-v6-c-button--m-display-lg--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--hover);
|
|
1876
|
+
--pf-v6-c-button--m-display-lg--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--accent--clicked);
|
|
1877
|
+
--pf-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--accent--clicked);
|
|
1878
|
+
--pf-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--clicked);
|
|
1879
|
+
--pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor: currentcolor;
|
|
1880
|
+
--pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor: currentcolor;
|
|
1881
|
+
--pf-v6-c-button--m-display-lg--m-secondary--Color: var(--pf-t--global--text--color--regular);
|
|
1882
|
+
--pf-v6-c-button--m-display-lg--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--accent--default);
|
|
1883
|
+
--pf-v6-c-button--m-display-lg--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--accent--default);
|
|
1884
|
+
--pf-v6-c-button--m-display-lg--m-secondary--hover--Color: var(--pf-t--global--text--color--regular);
|
|
1885
|
+
--pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--accent--hover);
|
|
1886
|
+
--pf-v6-c-button--m-display-lg--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--accent--hover);
|
|
1887
|
+
--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--regular);
|
|
1888
|
+
--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--accent--clicked);
|
|
1889
|
+
--pf-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--accent--clicked);
|
|
1890
|
+
--pf-v6-c-button--m-display-lg--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--default);
|
|
1891
|
+
--pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--default);
|
|
1846
1892
|
--pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
1847
1893
|
--pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
1848
1894
|
--pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
@@ -1921,14 +1967,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1921
1967
|
--pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
|
|
1922
1968
|
--pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
|
|
1923
1969
|
--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
|
|
1924
|
-
--pf-v6-c-button--m-circle--ScaleX: 1.29;
|
|
1925
|
-
--pf-v6-c-button--m-circle--ScaleY: 1.29;
|
|
1926
1970
|
--pf-v6-c-button--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
1927
|
-
--pf-v6-c-button--m-circle--Padding--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
1928
|
-
--pf-v6-c-button--m-circle--PaddingBlockStart: var(--pf-v6-c-button--m-circle--Padding--base);
|
|
1929
|
-
--pf-v6-c-button--m-circle--PaddingInlineEnd: 0;
|
|
1930
|
-
--pf-v6-c-button--m-circle--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--Padding--base);
|
|
1931
|
-
--pf-v6-c-button--m-circle--PaddingInlineStart: 0;
|
|
1932
1971
|
}
|
|
1933
1972
|
|
|
1934
1973
|
.pf-v6-c-button {
|
|
@@ -1937,7 +1976,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1937
1976
|
gap: var(--pf-v6-c-button--Gap);
|
|
1938
1977
|
align-items: var(--pf-v6-c-button--AlignItems);
|
|
1939
1978
|
justify-content: var(--pf-v6-c-button--JustifyContent);
|
|
1940
|
-
min-width: var(--pf-v6-c-button--MinWidth);
|
|
1979
|
+
min-width: var(--pf-v6-c-button--MinWidth, revert);
|
|
1941
1980
|
padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
|
|
1942
1981
|
padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
|
|
1943
1982
|
padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
|
|
@@ -2084,6 +2123,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2084
2123
|
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
|
|
2085
2124
|
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
|
|
2086
2125
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
2126
|
+
--pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
2087
2127
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
2088
2128
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
2089
2129
|
--pf-v6-c-button--BorderWidth: 0;
|
|
@@ -2248,6 +2288,38 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2248
2288
|
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
|
|
2249
2289
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
|
|
2250
2290
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
|
|
2291
|
+
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationColor);
|
|
2292
|
+
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationLine);
|
|
2293
|
+
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationStyle);
|
|
2294
|
+
--pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-display-lg--hover--TextUnderlineOffset);
|
|
2295
|
+
--pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor);
|
|
2296
|
+
--pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationLine);
|
|
2297
|
+
--pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationStyle);
|
|
2298
|
+
--pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-display-lg--m-clicked--TextUnderlineOffset);
|
|
2299
|
+
--pf-v6-c-button--m-primary--Color: var(--pf-v6-c-button--m-display-lg--m-primary--Color);
|
|
2300
|
+
--pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--BackgroundColor);
|
|
2301
|
+
--pf-v6-c-button--m-primary__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary__icon--Color);
|
|
2302
|
+
--pf-v6-c-button--m-primary--hover--Color: var(--pf-v6-c-button--m-display-lg--m-primary--hover--Color);
|
|
2303
|
+
--pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor);
|
|
2304
|
+
--pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary--hover__icon--Color);
|
|
2305
|
+
--pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--Color);
|
|
2306
|
+
--pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor);
|
|
2307
|
+
--pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color);
|
|
2308
|
+
--pf-v6-c-button--m-secondary--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--Color);
|
|
2309
|
+
--pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--BorderColor);
|
|
2310
|
+
--pf-v6-c-button--m-secondary__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary__icon--Color);
|
|
2311
|
+
--pf-v6-c-button--m-secondary--hover--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--hover--Color);
|
|
2312
|
+
--pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor);
|
|
2313
|
+
--pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--hover__icon--Color);
|
|
2314
|
+
--pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--Color);
|
|
2315
|
+
--pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor);
|
|
2316
|
+
--pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color);
|
|
2317
|
+
--pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-v6-c-button--m-display-lg--m-tertiary--hover--BorderColor);
|
|
2318
|
+
--pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--BorderColor);
|
|
2319
|
+
}
|
|
2320
|
+
.pf-v6-c-button.pf-m-display-lg.pf-m-primary {
|
|
2321
|
+
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor);
|
|
2322
|
+
--pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor);
|
|
2251
2323
|
}
|
|
2252
2324
|
.pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
|
|
2253
2325
|
display: grid;
|
|
@@ -2305,13 +2377,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2305
2377
|
}
|
|
2306
2378
|
.pf-v6-c-button.pf-m-circle {
|
|
2307
2379
|
--pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
|
|
2308
|
-
|
|
2309
|
-
--pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-circle--PaddingInlineEnd);
|
|
2310
|
-
--pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-circle--PaddingBlockEnd);
|
|
2311
|
-
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-circle--PaddingInlineStart);
|
|
2312
|
-
}
|
|
2313
|
-
.pf-v6-c-button.pf-m-circle .pf-v6-c-button__icon {
|
|
2314
|
-
scale: var(--pf-v6-c-button--m-circle--ScaleX) var(--pf-v6-c-button--m-circle--ScaleY);
|
|
2380
|
+
padding-inline: 0;
|
|
2315
2381
|
}
|
|
2316
2382
|
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
|
|
2317
2383
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
|
|
@@ -2331,6 +2397,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2331
2397
|
text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
|
|
2332
2398
|
text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
2333
2399
|
text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
|
|
2400
|
+
text-underline-offset: var(--pf-v6-c-button--hover--TextUnderlineOffset);
|
|
2334
2401
|
outline-offset: var(--pf-t--global--focus-ring--position--offset);
|
|
2335
2402
|
}
|
|
2336
2403
|
.pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
|
|
@@ -2339,6 +2406,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2339
2406
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
|
|
2340
2407
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
|
|
2341
2408
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
|
|
2409
|
+
text-decoration-line: var(--pf-v6-c-button--m-clicked--TextDecorationLine);
|
|
2410
|
+
text-decoration-style: var(--pf-v6-c-button--m-clicked--TextDecorationStyle);
|
|
2411
|
+
text-decoration-color: var(--pf-v6-c-button--m-clicked--TextDecorationColor);
|
|
2412
|
+
text-underline-offset: var(--pf-v6-c-button--m-clicked--TextUnderlineOffset);
|
|
2342
2413
|
}
|
|
2343
2414
|
.pf-v6-c-button:active {
|
|
2344
2415
|
background-size: 100% 100%;
|
|
@@ -2386,6 +2457,25 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2386
2457
|
animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
|
|
2387
2458
|
animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
|
|
2388
2459
|
}
|
|
2460
|
+
.pf-v6-c-button.pf-m-dock {
|
|
2461
|
+
justify-content: flex-start;
|
|
2462
|
+
width: 100%;
|
|
2463
|
+
}
|
|
2464
|
+
@media (min-width: 62rem) {
|
|
2465
|
+
.pf-v6-c-button.pf-m-dock {
|
|
2466
|
+
justify-content: center;
|
|
2467
|
+
}
|
|
2468
|
+
.pf-v6-c-button.pf-m-dock .pf-v6-c-button__text {
|
|
2469
|
+
display: none;
|
|
2470
|
+
}
|
|
2471
|
+
}
|
|
2472
|
+
.pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-button, .pf-v6-c-button.pf-m-text-expanded {
|
|
2473
|
+
justify-content: flex-start;
|
|
2474
|
+
width: 100%;
|
|
2475
|
+
}
|
|
2476
|
+
.pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-button .pf-v6-c-button__text, .pf-v6-c-button.pf-m-text-expanded .pf-v6-c-button__text {
|
|
2477
|
+
display: revert;
|
|
2478
|
+
}
|
|
2389
2479
|
|
|
2390
2480
|
.pf-v6-c-button__icon {
|
|
2391
2481
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
@@ -2717,10 +2807,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2717
2807
|
|
|
2718
2808
|
.pf-v6-c-card {
|
|
2719
2809
|
--pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
2720
|
-
--pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--
|
|
2810
|
+
--pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--subtle);
|
|
2721
2811
|
--pf-v6-c-card--BorderStyle: solid;
|
|
2722
2812
|
--pf-v6-c-card--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
2723
2813
|
--pf-v6-c-card--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
2814
|
+
--pf-v6-c-card--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
2724
2815
|
--pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
2725
2816
|
--pf-v6-c-card--child--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
2726
2817
|
--pf-v6-c-card--child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -2749,8 +2840,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2749
2840
|
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
2750
2841
|
--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
2751
2842
|
--pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
2752
|
-
--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate:
|
|
2753
|
-
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-
|
|
2843
|
+
--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: -180deg;
|
|
2844
|
+
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
2845
|
+
--pf-v6-c-card--m-selectable--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
2754
2846
|
--pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
2755
2847
|
--pf-v6-c-card--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
|
|
2756
2848
|
--pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
@@ -2787,13 +2879,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2787
2879
|
--pf-v6-c-card--m-display-lg--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--xl);
|
|
2788
2880
|
--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
2789
2881
|
--pf-v6-c-card--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
2790
|
-
--pf-v6-c-card--m-secondary--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
2791
|
-
--pf-v6-c-card--m-secondary--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
2792
2882
|
--pf-v6-c-card--m-full-height--Height: 100%;
|
|
2793
2883
|
--pf-v6-c-card--m-plain--BorderColor: transparent;
|
|
2794
2884
|
--pf-v6-c-card--m-plain--BackgroundColor: transparent;
|
|
2885
|
+
--pf-v6-c-card--m-plain--BoxShadow: none;
|
|
2795
2886
|
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
2796
2887
|
--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
2888
|
+
--pf-v6-c-card--m-as-tile--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
2889
|
+
--pf-v6-c-card--m-as-tile--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
2890
|
+
--pf-v6-c-card--m-glass--BorderColor: var(--pf-t--global--border--color--glass--default);
|
|
2891
|
+
--pf-v6-c-card--m-glass--BorderWidth: var(--pf-t--global--border--width--glass--default);
|
|
2892
|
+
--pf-v6-c-card--m-glass--BoxShadow: var(--pf-t--global--box-shadow--glass--default);
|
|
2893
|
+
--pf-v6-c-card--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
2894
|
+
--pf-v6-c-card--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
2797
2895
|
}
|
|
2798
2896
|
|
|
2799
2897
|
.pf-v6-c-card {
|
|
@@ -2804,6 +2902,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2804
2902
|
background-color: var(--pf-v6-c-card--BackgroundColor);
|
|
2805
2903
|
border: 0;
|
|
2806
2904
|
border-radius: var(--pf-v6-c-card--BorderRadius);
|
|
2905
|
+
box-shadow: var(--pf-v6-c-card--BoxShadow);
|
|
2807
2906
|
}
|
|
2808
2907
|
.pf-v6-c-card::before {
|
|
2809
2908
|
position: absolute;
|
|
@@ -2817,6 +2916,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2817
2916
|
gap: 0;
|
|
2818
2917
|
}
|
|
2819
2918
|
.pf-v6-c-card.pf-m-selectable, .pf-v6-c-card.pf-m-clickable {
|
|
2919
|
+
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--BorderColor);
|
|
2820
2920
|
isolation: isolate;
|
|
2821
2921
|
}
|
|
2822
2922
|
.pf-v6-c-card.pf-m-selectable::before, .pf-v6-c-card.pf-m-clickable::before {
|
|
@@ -2851,12 +2951,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2851
2951
|
.pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
|
|
2852
2952
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
|
|
2853
2953
|
}
|
|
2854
|
-
.pf-v6-c-card__actions:has(> .pf-v6-c-card__selectable-actions input.pf-v6-screen-reader), .pf-v6-c-card.pf-
|
|
2954
|
+
.pf-v6-c-card__actions:has(> .pf-v6-c-card__selectable-actions input.pf-v6-screen-reader), .pf-v6-c-card:has(.pf-v6-c-card__selectable-actions input.pf-v6-screen-reader) {
|
|
2955
|
+
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-as-tile--BackgroundColor);
|
|
2956
|
+
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-as-tile--BorderColor);
|
|
2957
|
+
}
|
|
2958
|
+
|
|
2959
|
+
.pf-v6-c-card.pf-m-clickable:not(.pf-m-selectable) {
|
|
2855
2960
|
--pf-v6-c-card__actions--PaddingInlineStart: 0;
|
|
2856
2961
|
--pf-v6-c-card__actions--MarginBlockStart: 0;
|
|
2857
2962
|
--pf-v6-c-card__actions--MarginBlockEnd: 0;
|
|
2858
2963
|
}
|
|
2859
|
-
|
|
2860
2964
|
.pf-v6-c-card.pf-m-compact {
|
|
2861
2965
|
--pf-v6-c-card__title-text--FontSize: var(--pf-v6-c-card--m-compact__title-text--FontSize);
|
|
2862
2966
|
--pf-v6-c-card__body--FontSize: var(--pf-v6-c-card--m-compact__body--FontSize);
|
|
@@ -2880,13 +2984,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2880
2984
|
--pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-v6-c-card--m-display-lg__title--not--last-child--PaddingBlockEnd);
|
|
2881
2985
|
}
|
|
2882
2986
|
.pf-v6-c-card.pf-m-secondary {
|
|
2883
|
-
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-secondary--BorderColor);
|
|
2884
|
-
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-secondary--BorderWidth);
|
|
2885
2987
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-secondary--BackgroundColor);
|
|
2886
2988
|
}
|
|
2989
|
+
.pf-v6-c-card.pf-m-secondary.pf-m-selectable:not(.pf-m-current, .pf-m-selected), .pf-v6-c-card.pf-m-secondary.pf-m-clickable:not(.pf-m-current, .pf-m-selected) {
|
|
2990
|
+
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--BorderColor);
|
|
2991
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--BorderWidth);
|
|
2992
|
+
}
|
|
2887
2993
|
.pf-v6-c-card.pf-m-plain {
|
|
2888
2994
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-plain--BorderColor);
|
|
2889
2995
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-plain--BackgroundColor);
|
|
2996
|
+
--pf-v6-c-card--BoxShadow: var(--pf-v6-c-card--m-plain--BoxShadow);
|
|
2890
2997
|
}
|
|
2891
2998
|
.pf-v6-c-card.pf-m-expanded .pf-v6-c-card__header-toggle-icon {
|
|
2892
2999
|
transform: rotate(var(--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate));
|
|
@@ -2897,6 +3004,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2897
3004
|
.pf-v6-c-card > .pf-v6-c-divider + .pf-v6-c-card__header, .pf-v6-c-card > .pf-v6-c-divider + .pf-v6-c-card__title, .pf-v6-c-card > .pf-v6-c-divider + .pf-v6-c-card__body, .pf-v6-c-card > .pf-v6-c-divider + .pf-v6-c-card__footer {
|
|
2898
3005
|
padding-block-start: var(--pf-v6-c-card--c-divider--child--PaddingBlockStart);
|
|
2899
3006
|
}
|
|
3007
|
+
.pf-v6-c-card.pf-m-glass {
|
|
3008
|
+
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
3009
|
+
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
3010
|
+
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
|
|
3011
|
+
--pf-v6-c-card--BorderStyle: solid;
|
|
3012
|
+
--pf-v6-c-card--BoxShadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
3013
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
3014
|
+
}
|
|
2900
3015
|
|
|
2901
3016
|
.pf-v6-c-card__header {
|
|
2902
3017
|
display: flex;
|
|
@@ -3170,7 +3285,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3170
3285
|
--pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
3171
3286
|
--pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
3172
3287
|
--pf-v6-c-clipboard-copy__toggle-icon--Transition: transform var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration) var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction);
|
|
3173
|
-
--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate:
|
|
3288
|
+
--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: -180deg;
|
|
3174
3289
|
--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
3175
3290
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
3176
3291
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -3334,7 +3449,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3334
3449
|
--pf-v6-c-code-editor__header--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
|
|
3335
3450
|
--pf-v6-c-code-editor__header--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
|
|
3336
3451
|
--pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
3337
|
-
--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor:
|
|
3452
|
+
--pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: transparent;
|
|
3338
3453
|
--pf-v6-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
3339
3454
|
--pf-v6-c-code-editor__header-content--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
3340
3455
|
--pf-v6-c-code-editor__header-content--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
@@ -3565,12 +3680,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3565
3680
|
--pf-v6-c-compass__panel--PaddingBlockEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
3566
3681
|
--pf-v6-c-compass__panel--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
3567
3682
|
--pf-v6-c-compass__panel--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
3568
|
-
--pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
3569
|
-
--pf-v6-c-compass__panel--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
3570
|
-
--pf-v6-c-compass__panel--BorderColor: var(--pf-t--global--border--color--
|
|
3571
|
-
--pf-v6-c-compass__panel--BorderRadius: var(--pf-t--global--border--radius--
|
|
3572
|
-
--pf-v6-c-compass__panel--BorderWidth: var(--pf-t--global--border--width--
|
|
3573
|
-
--pf-v6-c-compass__panel--BoxShadow: var(--pf-t--global--box-shadow--
|
|
3683
|
+
--pf-v6-c-compass__panel--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--primary--default));
|
|
3684
|
+
--pf-v6-c-compass__panel--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
|
|
3685
|
+
--pf-v6-c-compass__panel--BorderColor: var(--pf-t--global--border--color--glass--default, transparent);
|
|
3686
|
+
--pf-v6-c-compass__panel--BorderRadius: var(--pf-t--global--border--radius--glass--default, var(--pf-t--global--border--radius--medium));
|
|
3687
|
+
--pf-v6-c-compass__panel--BorderWidth: var(--pf-t--global--border--width--glass--default, 0);
|
|
3688
|
+
--pf-v6-c-compass__panel--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
|
|
3574
3689
|
--pf-v6-c-compass__message-bar--Width: 450px;
|
|
3575
3690
|
--pf-v6-c-compass__message-bar--MinWidth: 300px;
|
|
3576
3691
|
--pf-v6-c-compass__message-bar--MaxWidth: 600px;
|
|
@@ -4605,7 +4720,7 @@ ul) {
|
|
|
4605
4720
|
--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
4606
4721
|
--pf-v6-c-data-list__toggle-icon--Transition: transform var(--pf-v6-c-data-list__toggle-icon--TransitionDuration) var(--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction);
|
|
4607
4722
|
--pf-v6-c-data-list__toggle-icon--Rotate: 0;
|
|
4608
|
-
--pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate:
|
|
4723
|
+
--pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: -180deg;
|
|
4609
4724
|
--pf-v6-c-data-list__item-draggable-button--BackgroundColor: transparent;
|
|
4610
4725
|
--pf-v6-c-data-list__item-draggable-button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
4611
4726
|
--pf-v6-c-data-list__item-draggable-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -4713,7 +4828,7 @@ ul) {
|
|
|
4713
4828
|
.pf-v6-c-data-list.pf-m-drag-over {
|
|
4714
4829
|
overflow-anchor: none;
|
|
4715
4830
|
}
|
|
4716
|
-
.pf-v6-c-data-list.pf-m-plain {
|
|
4831
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass), .pf-v6-c-data-list.pf-m-plain {
|
|
4717
4832
|
--pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
|
|
4718
4833
|
}
|
|
4719
4834
|
|
|
@@ -5458,7 +5573,7 @@ ul) {
|
|
|
5458
5573
|
--pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
5459
5574
|
--pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
5460
5575
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
5461
|
-
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate:
|
|
5576
|
+
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: -180deg;
|
|
5462
5577
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
5463
5578
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
5464
5579
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
@@ -6192,7 +6307,7 @@ ul) {
|
|
|
6192
6307
|
--pf-v6-c-drawer--m-pill--m-expanded__panel--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
6193
6308
|
--pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
6194
6309
|
--pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
6195
|
-
--pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--
|
|
6310
|
+
--pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--glass--default);
|
|
6196
6311
|
}
|
|
6197
6312
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
6198
6313
|
.pf-v6-c-drawer {
|
|
@@ -6229,45 +6344,85 @@ ul) {
|
|
|
6229
6344
|
--pf-v6-c-drawer__body--m-padding--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
6230
6345
|
--pf-v6-c-drawer__body--m-padding--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
6231
6346
|
--pf-v6-c-drawer__body--m-padding--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
6232
|
-
--pf-v6-c-drawer__splitter--Height: 0.
|
|
6347
|
+
--pf-v6-c-drawer__splitter--Height: 0.75rem;
|
|
6233
6348
|
--pf-v6-c-drawer__splitter--Width: 100%;
|
|
6234
|
-
--pf-v6-c-drawer__splitter--BackgroundColor:
|
|
6349
|
+
--pf-v6-c-drawer__splitter--BackgroundColor: transparent;
|
|
6235
6350
|
--pf-v6-c-drawer__splitter--Cursor: row-resize;
|
|
6236
6351
|
--pf-v6-c-drawer__splitter--m-vertical--Height: 100%;
|
|
6237
|
-
--pf-v6-c-drawer__splitter--m-vertical--Width: 0.
|
|
6352
|
+
--pf-v6-c-drawer__splitter--m-vertical--Width: 0.75rem;
|
|
6238
6353
|
--pf-v6-c-drawer__splitter--m-vertical--Cursor: col-resize;
|
|
6354
|
+
--pf-v6-c-drawer__splitter--focus--OutlineOffset: -0.0625rem;
|
|
6239
6355
|
--pf-v6-c-drawer--m-inline__splitter--focus--OutlineOffset: -0.0625rem;
|
|
6240
6356
|
--pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-t--global--border--color--default);
|
|
6357
|
+
--pf-v6-c-drawer__splitter--hover--after--BorderColor: var(--pf-t--global--border--color--default);
|
|
6358
|
+
--pf-v6-c-drawer__splitter--focus--after--BorderColor: var(--pf-t--global--border--color--default);
|
|
6359
|
+
--pf-v6-c-drawer__splitter--active--after--BorderColor: var(--pf-t--global--border--color--default);
|
|
6241
6360
|
--pf-v6-c-drawer__splitter--after--border-width--base: var(--pf-t--global--border--width--divider--default);
|
|
6242
6361
|
--pf-v6-c-drawer__splitter--after--BorderBlockStartWidth: 0;
|
|
6243
6362
|
--pf-v6-c-drawer__splitter--after--BorderInlineEndWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
|
|
6244
6363
|
--pf-v6-c-drawer__splitter--after--BorderBlockEndWidth: 0;
|
|
6245
6364
|
--pf-v6-c-drawer__splitter--after--BorderInlineStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
|
|
6365
|
+
--pf-v6-c-drawer__splitter--after--InsetBlockStart: 0;
|
|
6366
|
+
--pf-v6-c-drawer__splitter--after--InsetBlockEnd: 0;
|
|
6367
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineStart: 0;
|
|
6368
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineEnd: 0;
|
|
6369
|
+
--pf-v6-c-drawer__splitter--after--Width: auto;
|
|
6370
|
+
--pf-v6-c-drawer__splitter--after--Height: auto;
|
|
6246
6371
|
--pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
|
|
6247
6372
|
--pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockEndWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
|
|
6248
|
-
--pf-v6-c-drawer--m-
|
|
6373
|
+
--pf-v6-c-drawer--m-pill__splitter--m-vertical--Width: 0.625rem;
|
|
6374
|
+
--pf-v6-c-drawer--m-pill__splitter--m-vertical--Height: calc(100% - (2 * var(--pf-v6-c-drawer--m-pill__panel--BorderRadius)));
|
|
6375
|
+
--pf-v6-c-drawer--m-pill__splitter--m-vertical--MarginBlockStart: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
|
|
6376
|
+
--pf-v6-c-drawer--m-pill__splitter--after--BorderColor: transparent;
|
|
6377
|
+
--pf-v6-c-drawer--m-pill__splitter--after--BorderInlineEndWidth: 0;
|
|
6378
|
+
--pf-v6-c-drawer--m-pill__splitter--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
6379
|
+
--pf-v6-c-drawer--m-pill__splitter--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
6380
|
+
--pf-v6-c-drawer--m-pill__splitter--active--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
6381
|
+
--pf-v6-c-drawer--m-pill__splitter--after--Width: 0.0625rem;
|
|
6382
|
+
--pf-v6-c-drawer--m-pill__splitter--after--Height: auto;
|
|
6383
|
+
--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineStart: 50%;
|
|
6384
|
+
--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineEnd: auto;
|
|
6385
|
+
--pf-v6-c-drawer--m-pill__splitter--after--TranslateX: -50%;
|
|
6386
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Height: 0.5rem;
|
|
6387
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Width: calc(100% - (2 * var(--pf-v6-c-drawer--m-pill__panel--BorderRadius)));
|
|
6388
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--MarginInlineStart: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
|
|
6389
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Width: auto;
|
|
6390
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Height: 0.0625rem;
|
|
6391
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
|
|
6392
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth: 0;
|
|
6393
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockStart: 50%;
|
|
6394
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockEnd: auto;
|
|
6395
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineStart: 0;
|
|
6396
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineEnd: 0;
|
|
6397
|
+
--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--TranslateY: -50%;
|
|
6398
|
+
--pf-v6-c-drawer--m-inline__splitter--m-vertical--Width: 0.75rem;
|
|
6249
6399
|
--pf-v6-c-drawer--m-inline__splitter-handle--InsetInlineStart: 50%;
|
|
6250
|
-
--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--Height: 0.
|
|
6400
|
+
--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--Height: 0.75rem;
|
|
6251
6401
|
--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter-handle--InsetBlockStart: 50%;
|
|
6252
6402
|
--pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
|
|
6253
6403
|
--pf-v6-c-drawer__splitter-handle--InsetBlockStart: 50%;
|
|
6254
|
-
--pf-v6-c-drawer__splitter-handle--InsetInlineStart:
|
|
6404
|
+
--pf-v6-c-drawer__splitter-handle--InsetInlineStart: 50%;
|
|
6255
6405
|
--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart: 50%;
|
|
6256
|
-
--pf-v6-c-drawer--m-panel-bottom__splitter-handle--InsetBlockStart:
|
|
6257
|
-
--pf-v6-c-drawer__splitter-handle--after--
|
|
6406
|
+
--pf-v6-c-drawer--m-panel-bottom__splitter-handle--InsetBlockStart: 50%;
|
|
6407
|
+
--pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-t--global--border--color--control--default);
|
|
6408
|
+
--pf-v6-c-drawer__splitter-handle--hover--after--BackgroundColor: var(--pf-t--global--border--color--hover);
|
|
6409
|
+
--pf-v6-c-drawer__splitter-handle--focus--after--BackgroundColor: var(--pf-t--global--border--color--clicked);
|
|
6410
|
+
--pf-v6-c-drawer__splitter-handle--active--after--BackgroundColor: var(--pf-t--global--border--color--clicked);
|
|
6411
|
+
--pf-v6-c-drawer__splitter-handle--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
6258
6412
|
--pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
6259
6413
|
--pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth: 0;
|
|
6260
6414
|
--pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
6261
6415
|
--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth: 0;
|
|
6262
|
-
--pf-v6-c-drawer__splitter
|
|
6416
|
+
--pf-v6-c-drawer__splitter-handle--after--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
6417
|
+
--pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor: var(--pf-t--global--color--brand--hover);
|
|
6263
6418
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockStartWidth: 0;
|
|
6264
6419
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
6265
6420
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockEndWidth: 0;
|
|
6266
6421
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
|
|
6267
|
-
--pf-v6-c-drawer__splitter-handle--after--Width:
|
|
6422
|
+
--pf-v6-c-drawer__splitter-handle--after--Width: 2.1875rem;
|
|
6268
6423
|
--pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
|
|
6269
6424
|
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
|
|
6270
|
-
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height:
|
|
6425
|
+
--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 2.1875rem;
|
|
6271
6426
|
}
|
|
6272
6427
|
@media screen and (min-width: 75rem) {
|
|
6273
6428
|
.pf-v6-c-drawer {
|
|
@@ -6323,6 +6478,13 @@ ul) {
|
|
|
6323
6478
|
.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) {
|
|
6324
6479
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
|
6325
6480
|
}
|
|
6481
|
+
.pf-v6-c-drawer.pf-m-inline.pf-m-glass, .pf-v6-c-drawer.pf-m-static.pf-m-glass {
|
|
6482
|
+
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
|
|
6483
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
|
|
6484
|
+
}
|
|
6485
|
+
.pf-v6-c-drawer.pf-m-inline.pf-m-glass > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-glass > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6486
|
+
backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
|
|
6487
|
+
}
|
|
6326
6488
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6327
6489
|
order: 0;
|
|
6328
6490
|
margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
|
|
@@ -6372,6 +6534,19 @@ ul) {
|
|
|
6372
6534
|
--pf-v6-c-drawer__panel--BorderRadius: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
|
|
6373
6535
|
--pf-v6-c-drawer--m-expanded__panel--inset: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
|
|
6374
6536
|
--pf-v6-c-drawer__panel--MarginBlock: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
|
|
6537
|
+
--pf-v6-c-drawer__splitter--m-vertical--Width: var(--pf-v6-c-drawer--m-pill__splitter--m-vertical--Width);
|
|
6538
|
+
--pf-v6-c-drawer__splitter--m-vertical--Height: var(--pf-v6-c-drawer--m-pill__splitter--m-vertical--Height);
|
|
6539
|
+
--pf-v6-c-drawer__splitter--MarginBlockStart: var(--pf-v6-c-drawer--m-pill__splitter--m-vertical--MarginBlockStart);
|
|
6540
|
+
--pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--after--BorderColor);
|
|
6541
|
+
--pf-v6-c-drawer__splitter--after--BorderInlineEndWidth: var(--pf-v6-c-drawer--m-pill__splitter--after--BorderInlineEndWidth);
|
|
6542
|
+
--pf-v6-c-drawer__splitter--hover--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--hover--after--BorderColor);
|
|
6543
|
+
--pf-v6-c-drawer__splitter--focus--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--focus--after--BorderColor);
|
|
6544
|
+
--pf-v6-c-drawer__splitter--active--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--active--after--BorderColor);
|
|
6545
|
+
--pf-v6-c-drawer__splitter--after--Width: var(--pf-v6-c-drawer--m-pill__splitter--after--Width);
|
|
6546
|
+
--pf-v6-c-drawer__splitter--after--Height: var(--pf-v6-c-drawer--m-pill__splitter--after--Height);
|
|
6547
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineStart: var(--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineStart);
|
|
6548
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineEnd: var(--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineEnd);
|
|
6549
|
+
--pf-v6-c-drawer__splitter--after--TranslateX: var(--pf-v6-c-drawer--m-pill__splitter--after--TranslateX);
|
|
6375
6550
|
}
|
|
6376
6551
|
.pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6377
6552
|
border-block-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth);
|
|
@@ -6379,10 +6554,24 @@ ul) {
|
|
|
6379
6554
|
border-inline-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth);
|
|
6380
6555
|
border-inline-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth);
|
|
6381
6556
|
}
|
|
6382
|
-
|
|
6383
|
-
|
|
6384
|
-
|
|
6385
|
-
|
|
6557
|
+
}
|
|
6558
|
+
@media screen and (min-width: 48rem) {
|
|
6559
|
+
.pf-v6-c-drawer.pf-m-pill.pf-m-panel-bottom {
|
|
6560
|
+
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Height);
|
|
6561
|
+
--pf-v6-c-drawer__splitter--Width: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Width);
|
|
6562
|
+
--pf-v6-c-drawer__splitter--MarginBlockStart: 0;
|
|
6563
|
+
--pf-v6-c-drawer__splitter--MarginInlineStart: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--MarginInlineStart);
|
|
6564
|
+
--pf-v6-c-drawer__splitter--after--Width: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Width);
|
|
6565
|
+
--pf-v6-c-drawer__splitter--after--Height: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Height);
|
|
6566
|
+
--pf-v6-c-drawer__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockStartWidth);
|
|
6567
|
+
--pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockEndWidth: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth);
|
|
6568
|
+
--pf-v6-c-drawer__splitter--after--BorderBlockEndWidth: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth);
|
|
6569
|
+
--pf-v6-c-drawer__splitter--after--InsetBlockStart: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockStart);
|
|
6570
|
+
--pf-v6-c-drawer__splitter--after--InsetBlockEnd: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockEnd);
|
|
6571
|
+
--pf-v6-c-drawer__splitter--after--TranslateX: initial;
|
|
6572
|
+
--pf-v6-c-drawer__splitter--after--TranslateY: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--TranslateY);
|
|
6573
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineStart: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineStart);
|
|
6574
|
+
--pf-v6-c-drawer__splitter--after--InsetInlineEnd: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineEnd);
|
|
6386
6575
|
}
|
|
6387
6576
|
}
|
|
6388
6577
|
|
|
@@ -6549,8 +6738,11 @@ ul) {
|
|
|
6549
6738
|
display: none;
|
|
6550
6739
|
width: var(--pf-v6-c-drawer__splitter--Width);
|
|
6551
6740
|
height: var(--pf-v6-c-drawer__splitter--Height);
|
|
6741
|
+
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
6742
|
+
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
6552
6743
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
6553
6744
|
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
6745
|
+
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
6554
6746
|
}
|
|
6555
6747
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
6556
6748
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -6563,21 +6755,34 @@ ul) {
|
|
|
6563
6755
|
--pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth: var(--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockEndWidth);
|
|
6564
6756
|
--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth: var(--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineStartWidth);
|
|
6565
6757
|
}
|
|
6566
|
-
.pf-v6-c-drawer__splitter:hover
|
|
6567
|
-
--pf-v6-c-drawer__splitter-handle--after--
|
|
6758
|
+
.pf-v6-c-drawer__splitter:hover {
|
|
6759
|
+
--pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-v6-c-drawer__splitter-handle--hover--after--BackgroundColor);
|
|
6760
|
+
--pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer__splitter--hover--after--BorderColor);
|
|
6761
|
+
}
|
|
6762
|
+
.pf-v6-c-drawer__splitter:focus {
|
|
6763
|
+
--pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-v6-c-drawer__splitter-handle--focus--after--BackgroundColor);
|
|
6764
|
+
--pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer__splitter--focus--after--BorderColor);
|
|
6765
|
+
}
|
|
6766
|
+
.pf-v6-c-drawer__splitter:active {
|
|
6767
|
+
--pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-v6-c-drawer__splitter-handle--active--after--BackgroundColor);
|
|
6768
|
+
--pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer__splitter--active--after--BorderColor);
|
|
6568
6769
|
}
|
|
6569
6770
|
.pf-v6-c-drawer__splitter::after {
|
|
6570
6771
|
position: absolute;
|
|
6571
|
-
inset-block-start:
|
|
6572
|
-
inset-block-end:
|
|
6573
|
-
inset-inline-start:
|
|
6574
|
-
inset-inline-end:
|
|
6772
|
+
inset-block-start: var(--pf-v6-c-drawer__splitter--after--InsetBlockStart);
|
|
6773
|
+
inset-block-end: var(--pf-v6-c-drawer__splitter--after--InsetBlockEnd);
|
|
6774
|
+
inset-inline-start: var(--pf-v6-c-drawer__splitter--after--InsetInlineStart);
|
|
6775
|
+
inset-inline-end: var(--pf-v6-c-drawer__splitter--after--InsetInlineEnd);
|
|
6776
|
+
z-index: -1;
|
|
6777
|
+
width: var(--pf-v6-c-drawer__splitter--after--Width);
|
|
6778
|
+
height: var(--pf-v6-c-drawer__splitter--after--Height);
|
|
6575
6779
|
content: "";
|
|
6576
6780
|
border: solid var(--pf-v6-c-drawer__splitter--after--BorderColor);
|
|
6577
6781
|
border-block-start-width: var(--pf-v6-c-drawer__splitter--after--BorderBlockStartWidth);
|
|
6578
6782
|
border-block-end-width: var(--pf-v6-c-drawer__splitter--after--BorderBlockEndWidth);
|
|
6579
6783
|
border-inline-start-width: var(--pf-v6-c-drawer__splitter--after--BorderInlineStartWidth);
|
|
6580
6784
|
border-inline-end-width: var(--pf-v6-c-drawer__splitter--after--BorderInlineEndWidth);
|
|
6785
|
+
translate: var(--pf-v6-c-drawer__splitter--after--TranslateX, 0) var(--pf-v6-c-drawer__splitter--after--TranslateY, 0);
|
|
6581
6786
|
}
|
|
6582
6787
|
|
|
6583
6788
|
.pf-v6-c-drawer__splitter-handle {
|
|
@@ -6595,12 +6800,14 @@ ul) {
|
|
|
6595
6800
|
width: var(--pf-v6-c-drawer__splitter-handle--after--Width);
|
|
6596
6801
|
height: var(--pf-v6-c-drawer__splitter-handle--after--Height);
|
|
6597
6802
|
content: "";
|
|
6803
|
+
background-color: var(--pf-v6-c-drawer__splitter-handle--after--BackgroundColor);
|
|
6598
6804
|
border-color: var(--pf-v6-c-drawer__splitter-handle--after--BorderColor);
|
|
6599
6805
|
border-style: solid;
|
|
6600
6806
|
border-block-start-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth);
|
|
6601
6807
|
border-block-end-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth);
|
|
6602
6808
|
border-inline-start-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth);
|
|
6603
6809
|
border-inline-end-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth);
|
|
6810
|
+
border-radius: var(--pf-v6-c-drawer__splitter-handle--after--BorderRadius);
|
|
6604
6811
|
}
|
|
6605
6812
|
|
|
6606
6813
|
@media screen and (min-width: 48rem) {
|
|
@@ -6608,6 +6815,9 @@ ul) {
|
|
|
6608
6815
|
--pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
|
|
6609
6816
|
min-width: var(--pf-v6-c-drawer__panel--MinWidth);
|
|
6610
6817
|
}
|
|
6818
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline:not(.pf-m-no-plain-on-glass) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-inline.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static:not(.pf-m-no-plain-on-glass) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6819
|
+
background: transparent;
|
|
6820
|
+
}
|
|
6611
6821
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6612
6822
|
box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
|
|
6613
6823
|
}
|
|
@@ -7196,8 +7406,8 @@ ul) {
|
|
|
7196
7406
|
--pf-v6-c-expandable-section__toggle-icon--Transition: transform var(--pf-v6-c-expandable-section__toggle-icon--TransitionDuration) var(--pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction);
|
|
7197
7407
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
|
|
7198
7408
|
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
7199
|
-
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate:
|
|
7200
|
-
--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate:
|
|
7409
|
+
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: -180deg;
|
|
7410
|
+
--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: 180deg;
|
|
7201
7411
|
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
|
|
7202
7412
|
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
7203
7413
|
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
|
|
@@ -7460,7 +7670,7 @@ ul) {
|
|
|
7460
7670
|
--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7461
7671
|
--pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
|
|
7462
7672
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
|
|
7463
|
-
--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate:
|
|
7673
|
+
--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: -180deg;
|
|
7464
7674
|
--pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
7465
7675
|
--pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7466
7676
|
--pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
|
|
@@ -9077,14 +9287,19 @@ label.pf-v6-c-input-group__text {
|
|
|
9077
9287
|
--pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
9078
9288
|
--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
9079
9289
|
--pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
|
|
9290
|
+
--pf-v6-c-jump-links__link--before--Height: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
|
|
9291
|
+
--pf-v6-c-jump-links__link--before--Width: auto;
|
|
9080
9292
|
--pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
|
|
9081
9293
|
--pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
|
|
9082
9294
|
--pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
|
|
9083
9295
|
--pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
|
|
9084
9296
|
--pf-v6-c-jump-links__link--before--BorderColor: transparent;
|
|
9297
|
+
--pf-v6-c-jump-links__link--before--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
9085
9298
|
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
9086
9299
|
--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
|
|
9087
|
-
--pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--
|
|
9300
|
+
--pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--color--brand--accent--default);
|
|
9301
|
+
--pf-v6-c-jump-links--m-vertical__link--before--Height: auto;
|
|
9302
|
+
--pf-v6-c-jump-links--m-vertical__link--before--Width: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
|
|
9088
9303
|
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
|
|
9089
9304
|
--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
|
|
9090
9305
|
--pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
|
|
@@ -9099,7 +9314,7 @@ label.pf-v6-c-input-group__text {
|
|
|
9099
9314
|
--pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
9100
9315
|
--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
9101
9316
|
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
|
9102
|
-
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate:
|
|
9317
|
+
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: -180deg;
|
|
9103
9318
|
}
|
|
9104
9319
|
|
|
9105
9320
|
.pf-v6-c-jump-links {
|
|
@@ -9116,6 +9331,8 @@ label.pf-v6-c-input-group__text {
|
|
|
9116
9331
|
--pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
|
|
9117
9332
|
--pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
|
|
9118
9333
|
--pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
|
|
9334
|
+
--pf-v6-c-jump-links__link--before--Width: var(--pf-v6-c-jump-links--m-vertical__link--before--Width);
|
|
9335
|
+
--pf-v6-c-jump-links__link--before--Height: var(--pf-v6-c-jump-links--m-vertical__link--before--Height);
|
|
9119
9336
|
--pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
|
|
9120
9337
|
--pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
|
|
9121
9338
|
--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
|
|
@@ -9246,6 +9463,8 @@ label.pf-v6-c-input-group__text {
|
|
|
9246
9463
|
.pf-v6-c-jump-links__link::before {
|
|
9247
9464
|
position: absolute;
|
|
9248
9465
|
inset: 0;
|
|
9466
|
+
width: var(--pf-v6-c-jump-links__link--before--Width);
|
|
9467
|
+
height: var(--pf-v6-c-jump-links__link--before--Height);
|
|
9249
9468
|
pointer-events: none;
|
|
9250
9469
|
content: "";
|
|
9251
9470
|
border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
|
|
@@ -9254,6 +9473,7 @@ label.pf-v6-c-input-group__text {
|
|
|
9254
9473
|
border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
|
|
9255
9474
|
border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
|
|
9256
9475
|
border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
|
|
9476
|
+
border-radius: var(--pf-v6-c-jump-links__link--before--BorderRadius);
|
|
9257
9477
|
}
|
|
9258
9478
|
|
|
9259
9479
|
.pf-v6-c-jump-links__item {
|
|
@@ -10065,11 +10285,13 @@ ul.pf-v6-c-list {
|
|
|
10065
10285
|
}
|
|
10066
10286
|
}
|
|
10067
10287
|
.pf-v6-c-login {
|
|
10068
|
-
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
10288
|
+
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--primary--default));
|
|
10289
|
+
--pf-v6-c-login__main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10069
10290
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
10070
10291
|
--pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
10071
|
-
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10072
|
-
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10292
|
+
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--high-contrast--regular));
|
|
10293
|
+
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--high-contrast));
|
|
10294
|
+
--pf-v6-c-login__main--BoxShadow: var(--pf-t--global--box-shadow--glass--default);
|
|
10073
10295
|
}
|
|
10074
10296
|
@media (min-width: 75rem) {
|
|
10075
10297
|
.pf-v6-c-login {
|
|
@@ -10192,8 +10414,10 @@ ul.pf-v6-c-list {
|
|
|
10192
10414
|
align-self: start;
|
|
10193
10415
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
10194
10416
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
10417
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
10195
10418
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
10196
10419
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
10420
|
+
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
10197
10421
|
}
|
|
10198
10422
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
10199
10423
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -10305,6 +10529,7 @@ ul.pf-v6-c-list {
|
|
|
10305
10529
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10306
10530
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
10307
10531
|
--pf-v6-c-masthead__main--MarginInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
10532
|
+
--pf-v6-c-masthead--m-docked__main--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
10308
10533
|
--pf-v6-c-masthead__logo--MaxHeight: 2.375rem;
|
|
10309
10534
|
--pf-v6-c-masthead__logo--Width: 11.8125rem;
|
|
10310
10535
|
--pf-v6-c-masthead__toggle--Size: var(--pf-t--global--icon--size--xl);
|
|
@@ -10339,7 +10564,7 @@ ul.pf-v6-c-list {
|
|
|
10339
10564
|
--pf-v6-c-masthead--m-docked--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
10340
10565
|
--pf-v6-c-masthead--m-docked--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
10341
10566
|
--pf-v6-c-masthead--m-docked--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
10342
|
-
--pf-v6-c-masthead--m-docked--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
10567
|
+
--pf-v6-c-masthead--m-docked--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--primary--default));
|
|
10343
10568
|
--pf-v6-c-masthead--m-docked--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10344
10569
|
--pf-v6-c-masthead--m-docked--c-toolbar--Height: 100%;
|
|
10345
10570
|
--pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
@@ -10410,7 +10635,7 @@ ul.pf-v6-c-list {
|
|
|
10410
10635
|
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
10411
10636
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
10412
10637
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
10413
|
-
--pf-v6-c-masthead--BackgroundColor:
|
|
10638
|
+
--pf-v6-c-masthead--BackgroundColor: transparent;
|
|
10414
10639
|
--pf-v6-c-masthead--GridTemplateRows: var(--pf-v6-c-masthead--m-docked--GridTemplateRows);
|
|
10415
10640
|
--pf-v6-c-masthead--PaddingBlockStart: var(--pf-v6-c-masthead--m-docked--PaddingBlockStart);
|
|
10416
10641
|
--pf-v6-c-masthead--PaddingBlockEnd: var(--pf-v6-c-masthead--m-docked--PaddingBlockEnd);
|
|
@@ -10421,24 +10646,58 @@ ul.pf-v6-c-list {
|
|
|
10421
10646
|
--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: auto;
|
|
10422
10647
|
--pf-v6-c-masthead__main--GridColumn: auto;
|
|
10423
10648
|
--pf-v6-c-masthead__content--GridColumn: auto;
|
|
10424
|
-
--pf-v6-c-masthead__logo--Width: auto;
|
|
10425
10649
|
--pf-v6-c-masthead__main--MarginInlineEnd: 0;
|
|
10426
10650
|
display: flex;
|
|
10427
10651
|
flex-direction: column;
|
|
10428
|
-
align-items:
|
|
10429
|
-
width: fit-content;
|
|
10652
|
+
align-items: stretch;
|
|
10430
10653
|
height: 100%;
|
|
10431
|
-
|
|
10654
|
+
border: 0;
|
|
10655
|
+
box-shadow: none;
|
|
10656
|
+
}
|
|
10657
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo {
|
|
10658
|
+
width: revert;
|
|
10659
|
+
}
|
|
10660
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo.pf-m-compact {
|
|
10661
|
+
display: none;
|
|
10662
|
+
max-width: 2.3125rem;
|
|
10663
|
+
max-height: revert;
|
|
10664
|
+
}
|
|
10665
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__main {
|
|
10666
|
+
flex-direction: column;
|
|
10667
|
+
row-gap: var(--pf-v6-c-masthead--m-docked__main--RowGap);
|
|
10668
|
+
align-items: flex-start;
|
|
10432
10669
|
}
|
|
10433
10670
|
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
|
|
10434
10671
|
flex-grow: 1;
|
|
10435
10672
|
flex-direction: column;
|
|
10673
|
+
align-items: stretch;
|
|
10436
10674
|
align-self: revert;
|
|
10437
10675
|
}
|
|
10438
10676
|
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
|
|
10439
|
-
--pf-v6-c-
|
|
10677
|
+
--pf-v6-c-toolbar--m-vertical--Width: auto;
|
|
10440
10678
|
height: var(--pf-v6-c-masthead--m-docked--c-toolbar--Height);
|
|
10441
10679
|
}
|
|
10680
|
+
@media (min-width: 62rem) {
|
|
10681
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__main {
|
|
10682
|
+
align-items: center;
|
|
10683
|
+
}
|
|
10684
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo {
|
|
10685
|
+
display: none;
|
|
10686
|
+
}
|
|
10687
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo.pf-m-compact {
|
|
10688
|
+
display: revert;
|
|
10689
|
+
}
|
|
10690
|
+
}
|
|
10691
|
+
.pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo {
|
|
10692
|
+
display: revert;
|
|
10693
|
+
}
|
|
10694
|
+
.pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo.pf-m-compact {
|
|
10695
|
+
display: none;
|
|
10696
|
+
}
|
|
10697
|
+
.pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__main {
|
|
10698
|
+
align-items: flex-start;
|
|
10699
|
+
}
|
|
10700
|
+
|
|
10442
10701
|
.pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
|
|
10443
10702
|
flex-wrap: nowrap;
|
|
10444
10703
|
min-width: 0;
|
|
@@ -10500,6 +10759,13 @@ ul.pf-v6-c-list {
|
|
|
10500
10759
|
padding-inline-start: var(--pf-t--global--spacer--2xl);
|
|
10501
10760
|
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
10502
10761
|
}
|
|
10762
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
10763
|
+
margin-block-end: var(--pf-t--global--spacer--inset--page-chrome);
|
|
10764
|
+
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
10765
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10766
|
+
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
10767
|
+
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
10768
|
+
}
|
|
10503
10769
|
|
|
10504
10770
|
.pf-v6-c-masthead__main {
|
|
10505
10771
|
display: var(--pf-v6-c-masthead__main--Display);
|
|
@@ -11530,7 +11796,7 @@ ul.pf-v6-c-list {
|
|
|
11530
11796
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
11531
11797
|
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
11532
11798
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
11533
|
-
--pf-v6-c-menu-toggle--MinWidth: calc(
|
|
11799
|
+
--pf-v6-c-menu-toggle--MinWidth: calc(1lh + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
|
|
11534
11800
|
--pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11535
11801
|
--pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
|
|
11536
11802
|
--pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
@@ -11681,7 +11947,7 @@ ul.pf-v6-c-list {
|
|
|
11681
11947
|
gap: var(--pf-v6-c-menu-toggle--Gap);
|
|
11682
11948
|
align-items: center;
|
|
11683
11949
|
justify-content: center;
|
|
11684
|
-
min-width: var(--pf-v6-c-menu-toggle--MinWidth);
|
|
11950
|
+
min-width: var(--pf-v6-c-menu-toggle--MinWidth, revert);
|
|
11685
11951
|
max-width: 100%;
|
|
11686
11952
|
padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
|
|
11687
11953
|
padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
|
|
@@ -11875,6 +12141,29 @@ ul.pf-v6-c-list {
|
|
|
11875
12141
|
.pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v6-c-button {
|
|
11876
12142
|
pointer-events: none;
|
|
11877
12143
|
}
|
|
12144
|
+
.pf-v6-c-menu-toggle.pf-m-dock {
|
|
12145
|
+
justify-content: flex-start;
|
|
12146
|
+
width: 100%;
|
|
12147
|
+
}
|
|
12148
|
+
@media (min-width: 62rem) {
|
|
12149
|
+
.pf-v6-c-menu-toggle.pf-m-dock {
|
|
12150
|
+
justify-content: center;
|
|
12151
|
+
width: auto;
|
|
12152
|
+
}
|
|
12153
|
+
.pf-v6-c-menu-toggle.pf-m-dock .pf-v6-c-menu-toggle__text,
|
|
12154
|
+
.pf-v6-c-menu-toggle.pf-m-dock .pf-v6-c-menu-toggle__controls {
|
|
12155
|
+
display: none;
|
|
12156
|
+
}
|
|
12157
|
+
}
|
|
12158
|
+
.pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-menu-toggle, .pf-v6-c-menu-toggle.pf-m-text-expanded {
|
|
12159
|
+
justify-content: flex-start;
|
|
12160
|
+
width: 100%;
|
|
12161
|
+
}
|
|
12162
|
+
.pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-menu-toggle .pf-v6-c-menu-toggle__text,
|
|
12163
|
+
.pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-menu-toggle .pf-v6-c-menu-toggle__controls, .pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__text,
|
|
12164
|
+
.pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__controls {
|
|
12165
|
+
display: revert;
|
|
12166
|
+
}
|
|
11878
12167
|
|
|
11879
12168
|
@property --pf-v6-c-menu-toggle--m-danger--TranslateX {
|
|
11880
12169
|
syntax: "<length>";
|
|
@@ -12499,7 +12788,7 @@ ul.pf-v6-c-list {
|
|
|
12499
12788
|
--pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
|
|
12500
12789
|
--pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
|
|
12501
12790
|
--pf-v6-c-nav__item--accent--size: var(--pf-t--global--border--width--extra-strong);
|
|
12502
|
-
--pf-v6-c-nav__item--accent--color: var(--pf-t--global--
|
|
12791
|
+
--pf-v6-c-nav__item--accent--color: var(--pf-t--global--color--brand--accent--default);
|
|
12503
12792
|
--pf-v6-c-nav__item--accent--offset: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
12504
12793
|
--pf-v6-c-nav__item--accent--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
12505
12794
|
--pf-v6-c-nav__item--accent--ScaleY: 0;
|
|
@@ -12508,12 +12797,12 @@ ul.pf-v6-c-list {
|
|
|
12508
12797
|
--pf-v6-c-nav__item--current--accent--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
12509
12798
|
--pf-v6-c-nav__item--accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
12510
12799
|
--pf-v6-c-nav__item__toggle-icon--Rotate: 0;
|
|
12511
|
-
--pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate:
|
|
12800
|
+
--pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: -180deg;
|
|
12512
12801
|
--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
|
|
12513
12802
|
--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
|
|
12514
12803
|
--pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
12515
12804
|
--pf-v6-c-nav__link--AlignItems: baseline;
|
|
12516
|
-
--pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--
|
|
12805
|
+
--pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
12517
12806
|
--pf-v6-c-nav__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
12518
12807
|
--pf-v6-c-nav__link--WhiteSpace: normal;
|
|
12519
12808
|
--pf-v6-c-nav__link--Color: var(--pf-t--global--text--color--subtle);
|
|
@@ -12628,17 +12917,23 @@ ul.pf-v6-c-list {
|
|
|
12628
12917
|
--pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-v6-c-nav--m-docked__link--PaddingInlineEnd);
|
|
12629
12918
|
--pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--hover--BackgroundColor);
|
|
12630
12919
|
--pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor);
|
|
12631
|
-
width:
|
|
12920
|
+
width: 100%;
|
|
12632
12921
|
}
|
|
12633
|
-
|
|
12634
|
-
|
|
12635
|
-
|
|
12636
|
-
|
|
12637
|
-
|
|
12922
|
+
@media (min-width: 62rem) {
|
|
12923
|
+
.pf-v6-c-nav.pf-m-docked {
|
|
12924
|
+
width: fit-content;
|
|
12925
|
+
}
|
|
12926
|
+
.pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
|
|
12927
|
+
display: none;
|
|
12928
|
+
}
|
|
12638
12929
|
}
|
|
12639
|
-
.pf-v6-c-nav.pf-m-docked .pf-v6-c-
|
|
12640
|
-
|
|
12930
|
+
.pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-nav.pf-m-docked, .pf-v6-c-nav.pf-m-docked.pf-m-text-expanded {
|
|
12931
|
+
width: 100%;
|
|
12641
12932
|
}
|
|
12933
|
+
.pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text, .pf-v6-c-nav.pf-m-docked.pf-m-text-expanded .pf-v6-c-nav__link-text {
|
|
12934
|
+
display: revert;
|
|
12935
|
+
}
|
|
12936
|
+
|
|
12642
12937
|
.pf-v6-c-nav .pf-v6-c-menu {
|
|
12643
12938
|
--pf-v6-c-menu--MinWidth: 100%;
|
|
12644
12939
|
}
|
|
@@ -12788,7 +13083,9 @@ ul.pf-v6-c-list {
|
|
|
12788
13083
|
}
|
|
12789
13084
|
|
|
12790
13085
|
.pf-v6-c-nav__link-icon {
|
|
13086
|
+
min-width: 1lh;
|
|
12791
13087
|
color: var(--pf-v6-c-nav__link-icon--Color);
|
|
13088
|
+
text-align: center;
|
|
12792
13089
|
}
|
|
12793
13090
|
|
|
12794
13091
|
.pf-v6-c-nav__link-text {
|
|
@@ -12930,6 +13227,7 @@ ul.pf-v6-c-list {
|
|
|
12930
13227
|
--pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12931
13228
|
--pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
12932
13229
|
--pf-v6-c-notification-drawer__list-item--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
13230
|
+
--pf-v6-c-notification-drawer__list-item--OutlineOffset: -0.25rem;
|
|
12933
13231
|
--pf-v6-c-notification-drawer__list-item--m-info__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
12934
13232
|
--pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
12935
13233
|
--pf-v6-c-notification-drawer__list-item--m-warning__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
@@ -12972,7 +13270,7 @@ ul.pf-v6-c-list {
|
|
|
12972
13270
|
--pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
12973
13271
|
--pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
12974
13272
|
--pf-v6-c-notification-drawer__group-toggle-icon--Transition: transform var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration) var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction);
|
|
12975
|
-
--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate:
|
|
13273
|
+
--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: -180deg;
|
|
12976
13274
|
}
|
|
12977
13275
|
|
|
12978
13276
|
.pf-v6-c-notification-drawer {
|
|
@@ -13040,8 +13338,16 @@ ul.pf-v6-c-list {
|
|
|
13040
13338
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
13041
13339
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
13042
13340
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
13043
|
-
border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
|
|
13044
13341
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
13342
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
13343
|
+
}
|
|
13344
|
+
.pf-v6-c-notification-drawer__list-item::before {
|
|
13345
|
+
position: absolute;
|
|
13346
|
+
inset: 0;
|
|
13347
|
+
pointer-events: none;
|
|
13348
|
+
content: "";
|
|
13349
|
+
border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
|
|
13350
|
+
border-radius: inherit;
|
|
13045
13351
|
}
|
|
13046
13352
|
.pf-v6-c-notification-drawer__list-item.pf-m-info {
|
|
13047
13353
|
--pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor);
|
|
@@ -13067,7 +13373,6 @@ ul.pf-v6-c-list {
|
|
|
13067
13373
|
--pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderWidth);
|
|
13068
13374
|
--pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BackgroundColor);
|
|
13069
13375
|
--pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderColor);
|
|
13070
|
-
position: relative;
|
|
13071
13376
|
}
|
|
13072
13377
|
.pf-v6-c-notification-drawer__list-item.pf-m-hoverable {
|
|
13073
13378
|
cursor: pointer;
|
|
@@ -13219,13 +13524,37 @@ ul.pf-v6-c-list {
|
|
|
13219
13524
|
.pf-v6-c-page {
|
|
13220
13525
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13221
13526
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13527
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
13528
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
|
|
13529
|
+
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13530
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13531
|
+
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
13222
13532
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
13533
|
+
--pf-v6-c-page__dock--Width: 15.625rem;
|
|
13534
|
+
--pf-v6-c-page__dock--desktop--Width: auto;
|
|
13223
13535
|
--pf-v6-c-page__dock--ZIndex: var(--pf-t--global--z-index--md);
|
|
13536
|
+
--pf-v6-c-page__dock--TransitionDuration--slide: 0s;
|
|
13537
|
+
--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide: 0s;
|
|
13538
|
+
--pf-v6-c-page__dock--TransitionTimingFunction--slide: var(--pf-t--global--motion--timing-function--decelerate);
|
|
13539
|
+
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
13540
|
+
--pf-v6-c-page__dock-main--desktop--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--primary--default));
|
|
13541
|
+
--pf-v6-c-page__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
|
|
13542
|
+
--pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
|
|
13543
|
+
--pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
|
|
13544
|
+
--pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
|
|
13545
|
+
--pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
|
|
13546
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
|
|
13547
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
|
|
13548
|
+
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
|
|
13549
|
+
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
|
|
13224
13550
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
13225
13551
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
13226
13552
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
13227
13553
|
--pf-v6-c-page__sidebar--xl--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
13228
|
-
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13554
|
+
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--floating--secondary--default);
|
|
13555
|
+
--pf-v6-c-page__sidebar--BackdropFilter: none;
|
|
13556
|
+
--pf-v6-c-page__sidebar--xl--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
13557
|
+
--pf-v6-c-page__sidebar--xl--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--secondary--default));
|
|
13229
13558
|
--pf-v6-c-page__sidebar--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
13230
13559
|
--pf-v6-c-page__sidebar--TransitionProperty: opacity;
|
|
13231
13560
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
@@ -13249,6 +13578,8 @@ ul.pf-v6-c-list {
|
|
|
13249
13578
|
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
13250
13579
|
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
13251
13580
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
13581
|
+
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-out--short);
|
|
13582
|
+
--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--default);
|
|
13252
13583
|
}
|
|
13253
13584
|
}
|
|
13254
13585
|
.pf-v6-c-page {
|
|
@@ -13273,6 +13604,8 @@ ul.pf-v6-c-list {
|
|
|
13273
13604
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
13274
13605
|
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
13275
13606
|
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
13607
|
+
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-v6-c-page__sidebar--xl--BackgroundColor);
|
|
13608
|
+
--pf-v6-c-page__sidebar--BackdropFilter: var(--pf-v6-c-page__sidebar--xl--BackdropFilter);
|
|
13276
13609
|
}
|
|
13277
13610
|
}
|
|
13278
13611
|
.pf-v6-c-page {
|
|
@@ -13281,7 +13614,8 @@ ul.pf-v6-c-list {
|
|
|
13281
13614
|
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
13282
13615
|
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
13283
13616
|
--pf-v6-c-page__main-container--AlignSelf: start;
|
|
13284
|
-
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13617
|
+
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--primary--default));
|
|
13618
|
+
--pf-v6-c-page__main-container--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
13285
13619
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
13286
13620
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
13287
13621
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
@@ -13290,6 +13624,7 @@ ul.pf-v6-c-list {
|
|
|
13290
13624
|
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-t--global--border--width--main--default);
|
|
13291
13625
|
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-t--global--border--width--main--default);
|
|
13292
13626
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-t--global--border--color--main--default);
|
|
13627
|
+
--pf-v6-c-page__main-container--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
|
|
13293
13628
|
--pf-v6-c-page__main-container--xs--AlignSelf: stretch;
|
|
13294
13629
|
--pf-v6-c-page__main-container--xs--BorderRadius: 0;
|
|
13295
13630
|
--pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
|
|
@@ -13361,6 +13696,11 @@ ul.pf-v6-c-list {
|
|
|
13361
13696
|
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13362
13697
|
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13363
13698
|
}
|
|
13699
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
13700
|
+
--pf-v6-c-page__sidebar--Width--base: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
13701
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
13702
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
13703
|
+
}
|
|
13364
13704
|
|
|
13365
13705
|
.pf-v6-c-page {
|
|
13366
13706
|
display: grid;
|
|
@@ -13372,6 +13712,9 @@ ul.pf-v6-c-list {
|
|
|
13372
13712
|
max-height: 100%;
|
|
13373
13713
|
background-color: var(--pf-v6-c-page--BackgroundColor);
|
|
13374
13714
|
}
|
|
13715
|
+
:where(:root.pf-v6-theme-glass) .pf-v6-c-page {
|
|
13716
|
+
background-color: transparent;
|
|
13717
|
+
}
|
|
13375
13718
|
@media (min-width: 75rem) {
|
|
13376
13719
|
.pf-v6-c-page {
|
|
13377
13720
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
|
|
@@ -13383,11 +13726,22 @@ ul.pf-v6-c-list {
|
|
|
13383
13726
|
--pf-v6-c-page--masthead--main-container--GridArea: main;
|
|
13384
13727
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight);
|
|
13385
13728
|
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart);
|
|
13386
|
-
|
|
13387
|
-
grid-template-
|
|
13388
|
-
grid-template-rows: auto;
|
|
13729
|
+
grid-template-areas: "header header" "dock main";
|
|
13730
|
+
grid-template-rows: max-content 1fr;
|
|
13389
13731
|
grid-template-columns: auto 1fr;
|
|
13390
|
-
|
|
13732
|
+
}
|
|
13733
|
+
@media (min-width: 62rem) {
|
|
13734
|
+
.pf-v6-c-page.pf-m-dock {
|
|
13735
|
+
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart);
|
|
13736
|
+
--pf-v6-c-page__main-container--MarginInlineStart: 0;
|
|
13737
|
+
grid-template-areas: "dock main";
|
|
13738
|
+
grid-template-rows: auto;
|
|
13739
|
+
grid-template-columns: auto 1fr;
|
|
13740
|
+
column-gap: var(--pf-v6-c-page--m-dock--ColumnGap);
|
|
13741
|
+
}
|
|
13742
|
+
.pf-v6-c-page.pf-m-dock > .pf-v6-c-masthead {
|
|
13743
|
+
display: none;
|
|
13744
|
+
}
|
|
13391
13745
|
}
|
|
13392
13746
|
.pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
|
|
13393
13747
|
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
@@ -13444,10 +13798,58 @@ ul.pf-v6-c-list {
|
|
|
13444
13798
|
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
13445
13799
|
grid-area: header;
|
|
13446
13800
|
}
|
|
13801
|
+
.pf-v6-c-page.pf-m-dock > .pf-v6-c-masthead {
|
|
13802
|
+
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns);
|
|
13803
|
+
}
|
|
13447
13804
|
|
|
13448
13805
|
.pf-v6-c-page__dock {
|
|
13806
|
+
position: fixed;
|
|
13807
|
+
inset-block-start: 0;
|
|
13808
|
+
inset-block-end: 0;
|
|
13809
|
+
inset-inline-start: 0;
|
|
13449
13810
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
13811
|
+
display: flex;
|
|
13812
|
+
flex-direction: column;
|
|
13450
13813
|
grid-area: dock;
|
|
13814
|
+
width: var(--pf-v6-c-page__dock--Width);
|
|
13815
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
|
|
13816
|
+
translate: -100% 0;
|
|
13817
|
+
}
|
|
13818
|
+
.pf-v6-c-page__dock.pf-m-expanded {
|
|
13819
|
+
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
13820
|
+
translate: 0;
|
|
13821
|
+
}
|
|
13822
|
+
@media (min-width: 62rem) {
|
|
13823
|
+
.pf-v6-c-page__dock {
|
|
13824
|
+
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
|
|
13825
|
+
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
13826
|
+
position: revert;
|
|
13827
|
+
inset: revert;
|
|
13828
|
+
width: auto;
|
|
13829
|
+
translate: 0;
|
|
13830
|
+
}
|
|
13831
|
+
}
|
|
13832
|
+
.pf-v6-c-page__dock .pf-v6-c-toolbar.pf-m-vertical :is(.pf-v6-c-toolbar__content-section, .pf-v6-c-toolbar__group, .pf-v6-c-toolbar__item) {
|
|
13833
|
+
align-items: stretch;
|
|
13834
|
+
}
|
|
13835
|
+
.pf-v6-c-page__dock.pf-m-text-expanded {
|
|
13836
|
+
width: var(--pf-v6-c-page__dock--Width);
|
|
13837
|
+
}
|
|
13838
|
+
|
|
13839
|
+
.pf-v6-c-page__dock-main {
|
|
13840
|
+
flex-grow: 1;
|
|
13841
|
+
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
13842
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
13843
|
+
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
13844
|
+
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
13845
|
+
}
|
|
13846
|
+
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
13847
|
+
border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
|
|
13848
|
+
}
|
|
13849
|
+
@media (min-width: 62rem) {
|
|
13850
|
+
.pf-v6-c-page__dock-main {
|
|
13851
|
+
--pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
|
|
13852
|
+
}
|
|
13451
13853
|
}
|
|
13452
13854
|
|
|
13453
13855
|
.pf-v6-c-page__sidebar {
|
|
@@ -13490,6 +13892,48 @@ ul.pf-v6-c-list {
|
|
|
13490
13892
|
max-width: 0;
|
|
13491
13893
|
overflow: hidden;
|
|
13492
13894
|
}
|
|
13895
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar {
|
|
13896
|
+
min-height: 0;
|
|
13897
|
+
padding: 0;
|
|
13898
|
+
overflow: visible;
|
|
13899
|
+
background: transparent;
|
|
13900
|
+
}
|
|
13901
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar.pf-m-expanded {
|
|
13902
|
+
box-shadow: none;
|
|
13903
|
+
}
|
|
13904
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar .pf-v6-c-page__sidebar-main {
|
|
13905
|
+
padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
13906
|
+
padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
13907
|
+
padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
13908
|
+
margin-block-start: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
13909
|
+
margin-block-end: var(--pf-t--global--spacer--md);
|
|
13910
|
+
margin-inline-start: var(--pf-t--global--spacer--md);
|
|
13911
|
+
margin-inline-end: var(--pf-t--global--spacer--md);
|
|
13912
|
+
overflow: auto;
|
|
13913
|
+
background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
13914
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
13915
|
+
border: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
13916
|
+
border-radius: var(--pf-t--global--border--radius--glass--default);
|
|
13917
|
+
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
13918
|
+
}
|
|
13919
|
+
@media (min-width: 75rem) {
|
|
13920
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar .pf-v6-c-page__sidebar-main {
|
|
13921
|
+
margin-block-start: 0;
|
|
13922
|
+
margin-block-end: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13923
|
+
margin-inline-start: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13924
|
+
margin-inline-end: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13925
|
+
}
|
|
13926
|
+
}
|
|
13927
|
+
|
|
13928
|
+
.pf-v6-c-page__sidebar:has(> .pf-v6-c-page__sidebar-main) {
|
|
13929
|
+
overflow: revert;
|
|
13930
|
+
}
|
|
13931
|
+
|
|
13932
|
+
.pf-v6-c-page__sidebar-main {
|
|
13933
|
+
display: flex;
|
|
13934
|
+
flex-grow: 1;
|
|
13935
|
+
flex-direction: column;
|
|
13936
|
+
}
|
|
13493
13937
|
|
|
13494
13938
|
.pf-v6-c-page__sidebar-header {
|
|
13495
13939
|
padding-block-start: var(--pf-v6-c-page__sidebar-header--PaddingBlockStart);
|
|
@@ -13757,12 +14201,14 @@ ul.pf-v6-c-list {
|
|
|
13757
14201
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
13758
14202
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
13759
14203
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
14204
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
13760
14205
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
13761
14206
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
13762
14207
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
13763
14208
|
border-inline-start-width: var(--pf-v6-c-page__main-container--BorderInlineStartWidth);
|
|
13764
14209
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
13765
14210
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
14211
|
+
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
13766
14212
|
}
|
|
13767
14213
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
13768
14214
|
.pf-v6-c-page__main-container {
|
|
@@ -13801,6 +14247,25 @@ ul.pf-v6-c-list {
|
|
|
13801
14247
|
outline: 0;
|
|
13802
14248
|
}
|
|
13803
14249
|
|
|
14250
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain-on-glass), .pf-v6-c-page__main-subnav.pf-m-plain,
|
|
14251
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
|
|
14252
|
+
.pf-v6-c-page__main-breadcrumb.pf-m-plain,
|
|
14253
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
|
|
14254
|
+
.pf-v6-c-page__main-tabs.pf-m-plain,
|
|
14255
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
|
|
14256
|
+
.pf-v6-c-page__main-section.pf-m-plain,
|
|
14257
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
|
|
14258
|
+
.pf-v6-c-page__main-wizard.pf-m-plain,
|
|
14259
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass),
|
|
14260
|
+
.pf-v6-c-page__main-group.pf-m-plain {
|
|
14261
|
+
--pf-v6-c-page__main-section--BackgroundColor: transparent;
|
|
14262
|
+
--pf-v6-c-page__main-subnav--BackgroundColor: transparent;
|
|
14263
|
+
--pf-v6-c-page__main-breadcrumb--BackgroundColor: transparent;
|
|
14264
|
+
--pf-v6-c-page__main-tabs--BackgroundColor: transparent;
|
|
14265
|
+
--pf-v6-c-page__main-wizard--BackgroundColor: transparent;
|
|
14266
|
+
--pf-v6-c-page__main-group--BackgroundColor: transparent;
|
|
14267
|
+
}
|
|
14268
|
+
|
|
13804
14269
|
.pf-v6-c-page__main,
|
|
13805
14270
|
.pf-v6-c-page__main-drawer,
|
|
13806
14271
|
.pf-v6-c-page__main-group {
|
|
@@ -13895,6 +14360,8 @@ ul.pf-v6-c-list {
|
|
|
13895
14360
|
}
|
|
13896
14361
|
.pf-v6-c-page__main-section.pf-m-secondary {
|
|
13897
14362
|
--pf-v6-c-page__main-section--BackgroundColor: var(--pf-v6-c-page__main-section--m-secondary--BackgroundColor);
|
|
14363
|
+
border-block-start: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--high-contrast--regular)) solid var(--pf-t--global--border--color--subtle, var(--pf-t--global--border--color--high-contrast));
|
|
14364
|
+
border-block-end: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--high-contrast--regular)) solid var(--pf-t--global--border--color--subtle, var(--pf-t--global--border--color--high-contrast));
|
|
13898
14365
|
}
|
|
13899
14366
|
.pf-v6-c-page__main-section.pf-m-padding {
|
|
13900
14367
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
@@ -14403,6 +14870,12 @@ ul.pf-v6-c-list {
|
|
|
14403
14870
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
14404
14871
|
--pf-v6-c-panel--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
14405
14872
|
--pf-v6-c-panel--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
14873
|
+
--pf-v6-c-panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
14874
|
+
--pf-v6-c-panel--m-glass--before--BorderWidth: var(--pf-t--global--border--width--glass--default);
|
|
14875
|
+
--pf-v6-c-panel--m-glass--before--BorderColor: var(--pf-t--global--border--color--glass--default);
|
|
14876
|
+
--pf-v6-c-panel--m-glass--BoxShadow: var(--pf-t--global--box-shadow--glass--default);
|
|
14877
|
+
--pf-v6-c-panel--m-glass--BorderRadius: var(--pf-t--global--border--radius--glass--default);
|
|
14878
|
+
--pf-v6-c-panel--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
14406
14879
|
}
|
|
14407
14880
|
|
|
14408
14881
|
.pf-v6-c-panel {
|
|
@@ -14444,6 +14917,14 @@ ul.pf-v6-c-list {
|
|
|
14444
14917
|
--pf-v6-c-panel__footer--BorderColor: var(--pf-v6-c-panel--m-scrollable__footer--BorderColor);
|
|
14445
14918
|
--pf-v6-c-panel__footer--BorderWidth: var(--pf-v6-c-panel--m-scrollable__footer--BorderWidth);
|
|
14446
14919
|
}
|
|
14920
|
+
.pf-v6-c-panel.pf-m-glass {
|
|
14921
|
+
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-glass--BackgroundColor);
|
|
14922
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-glass--before--BorderWidth);
|
|
14923
|
+
--pf-v6-c-panel--before--BorderColor: var(--pf-v6-c-panel--m-glass--before--BorderColor);
|
|
14924
|
+
--pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-glass--BoxShadow);
|
|
14925
|
+
--pf-v6-c-panel--BorderRadius: var(--pf-v6-c-panel--m-glass--BorderRadius);
|
|
14926
|
+
backdrop-filter: var(--pf-v6-c-panel--m-glass--BackdropFilter);
|
|
14927
|
+
}
|
|
14447
14928
|
|
|
14448
14929
|
.pf-v6-c-panel__header {
|
|
14449
14930
|
padding-block-start: var(--pf-v6-c-panel__header--PaddingBlockStart);
|
|
@@ -14685,7 +15166,7 @@ ul.pf-v6-c-list {
|
|
|
14685
15166
|
--pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
|
|
14686
15167
|
--pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
|
|
14687
15168
|
--pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
14688
|
-
--pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--
|
|
15169
|
+
--pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
14689
15170
|
--pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
14690
15171
|
--pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
14691
15172
|
--pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
|
|
@@ -14695,6 +15176,7 @@ ul.pf-v6-c-list {
|
|
|
14695
15176
|
--pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
14696
15177
|
--pf-v6-c-progress__indicator--BorderWidth: var(--pf-t--global--border--width--high-contrast--extra-strong);
|
|
14697
15178
|
--pf-v6-c-progress__indicator--BorderColor: transparent;
|
|
15179
|
+
--pf-v6-c-progress__indicator--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
14698
15180
|
--pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
|
|
14699
15181
|
--pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
|
|
14700
15182
|
--pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
|
|
@@ -14864,6 +15346,7 @@ ul.pf-v6-c-list {
|
|
|
14864
15346
|
position: absolute;
|
|
14865
15347
|
height: var(--pf-v6-c-progress__indicator--Height);
|
|
14866
15348
|
background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
|
|
15349
|
+
border-radius: var(--pf-v6-c-progress__indicator--BorderRadius);
|
|
14867
15350
|
}
|
|
14868
15351
|
.pf-v6-c-progress__indicator::before {
|
|
14869
15352
|
position: absolute;
|
|
@@ -17114,7 +17597,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17114
17597
|
--pf-v6-c-table--cell--Width: auto;
|
|
17115
17598
|
}
|
|
17116
17599
|
|
|
17117
|
-
@container pf-v6-contain-table (max-width: 48rem) {
|
|
17600
|
+
@container pf-v6-contain-table (max-width: calc(48rem - 1px)) {
|
|
17118
17601
|
.pf-m-grid-md.pf-v6-c-table {
|
|
17119
17602
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
17120
17603
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -17424,7 +17907,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17424
17907
|
}
|
|
17425
17908
|
}
|
|
17426
17909
|
|
|
17427
|
-
@container pf-v6-contain-table (max-width: 62rem) {
|
|
17910
|
+
@container pf-v6-contain-table (max-width: calc(62rem - 1px)) {
|
|
17428
17911
|
.pf-m-grid-lg.pf-v6-c-table {
|
|
17429
17912
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
17430
17913
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -17734,7 +18217,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17734
18217
|
}
|
|
17735
18218
|
}
|
|
17736
18219
|
|
|
17737
|
-
@container pf-v6-contain-table (max-width: 75rem) {
|
|
18220
|
+
@container pf-v6-contain-table (max-width: calc(75rem - 1px)) {
|
|
17738
18221
|
.pf-m-grid-xl.pf-v6-c-table {
|
|
17739
18222
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
17740
18223
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -18044,7 +18527,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18044
18527
|
}
|
|
18045
18528
|
}
|
|
18046
18529
|
|
|
18047
|
-
@container pf-v6-contain-table (max-width: 90.625rem) {
|
|
18530
|
+
@container pf-v6-contain-table (max-width: calc(90.625rem - 1px)) {
|
|
18048
18531
|
.pf-m-grid-2xl.pf-v6-c-table {
|
|
18049
18532
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
18050
18533
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -18406,10 +18889,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18406
18889
|
--pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18407
18890
|
--pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
18408
18891
|
--pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
18409
|
-
--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate:
|
|
18892
|
+
--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 0;
|
|
18410
18893
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
18411
18894
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
18412
|
-
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate:
|
|
18895
|
+
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
|
|
18413
18896
|
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
18414
18897
|
--pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18415
18898
|
--pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -18476,14 +18959,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18476
18959
|
--pf-v6-c-table__th--m-help--MinWidth: 11ch;
|
|
18477
18960
|
--pf-v6-c-table__column-help--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
18478
18961
|
--pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
|
|
18479
|
-
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor:
|
|
18962
|
+
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: transparent;
|
|
18480
18963
|
--pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
18481
|
-
--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--
|
|
18482
|
-
--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--
|
|
18964
|
+
--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
18965
|
+
--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
18483
18966
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
18484
18967
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
|
|
18485
18968
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
|
|
18486
|
-
--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth:
|
|
18969
|
+
--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: 0;
|
|
18487
18970
|
--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
|
18488
18971
|
--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
18489
18972
|
--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
@@ -18525,6 +19008,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18525
19008
|
width: 100%;
|
|
18526
19009
|
background-color: var(--pf-v6-c-table--BackgroundColor);
|
|
18527
19010
|
}
|
|
19011
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass), .pf-v6-c-table.pf-m-plain {
|
|
19012
|
+
--pf-v6-c-table--BackgroundColor: transparent;
|
|
19013
|
+
--pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
|
|
19014
|
+
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
|
|
19015
|
+
--pf-v6-c-table__expandable-row-content--PaddingInlineEnd: 0;
|
|
19016
|
+
--pf-v6-c-table__control-row--BackgroundColor: transparent;
|
|
19017
|
+
}
|
|
19018
|
+
|
|
18528
19019
|
.pf-v6-c-table.pf-m-fixed {
|
|
18529
19020
|
table-layout: fixed;
|
|
18530
19021
|
}
|
|
@@ -18565,9 +19056,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18565
19056
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
|
|
18566
19057
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
18567
19058
|
}
|
|
18568
|
-
.pf-v6-c-table.pf-m-plain {
|
|
18569
|
-
--pf-v6-c-table--BackgroundColor: transparent;
|
|
18570
|
-
}
|
|
18571
19059
|
.pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
|
|
18572
19060
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
18573
19061
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -20281,14 +20769,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20281
20769
|
--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
20282
20770
|
--pf-v6-c-tabs__item--m-current--BackgroundColor: transparent;
|
|
20283
20771
|
--pf-v6-c-tabs--m-box__item--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
20284
|
-
--pf-v6-c-tabs--m-box__item--m-current--BackgroundColor:
|
|
20285
|
-
--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor:
|
|
20772
|
+
--pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: transparent;
|
|
20773
|
+
--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: transparent;
|
|
20286
20774
|
--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
20287
20775
|
--pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--z-index--sm);
|
|
20288
20776
|
--pf-v6-c-tabs__link--Color: var(--pf-t--global--text--color--subtle);
|
|
20289
20777
|
--pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
|
|
20290
20778
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20291
|
-
--pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--
|
|
20779
|
+
--pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
20292
20780
|
--pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
20293
20781
|
--pf-v6-c-tabs__link--BorderColor: transparent;
|
|
20294
20782
|
--pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
@@ -20298,21 +20786,21 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20298
20786
|
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
20299
20787
|
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
20300
20788
|
--pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
20301
|
-
--pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--
|
|
20302
|
-
--pf-v6-c-tabs__link--disabled--BackgroundColor:
|
|
20789
|
+
--pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
20790
|
+
--pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
|
|
20303
20791
|
--pf-v6-c-tabs__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
20304
20792
|
--pf-v6-c-tabs__item--m-current__link--Color: var(--pf-t--global--text--color--regular);
|
|
20305
20793
|
--pf-v6-c-tabs__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20306
20794
|
--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
20307
20795
|
--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
20308
20796
|
--pf-v6-c-tabs--m-box__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20309
|
-
--pf-v6-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--
|
|
20310
|
-
--pf-v6-c-tabs--m-box__link--disabled--BackgroundColor:
|
|
20797
|
+
--pf-v6-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
20798
|
+
--pf-v6-c-tabs--m-box__link--disabled--BackgroundColor: transparent;
|
|
20311
20799
|
--pf-v6-c-tabs--m-box__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
20312
20800
|
--pf-v6-c-tabs--m-box__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20313
20801
|
--pf-v6-c-tabs--m-box--m-secondary__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20314
|
-
--pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color: var(--pf-t--global--text--color--
|
|
20315
|
-
--pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor:
|
|
20802
|
+
--pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
20803
|
+
--pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
|
|
20316
20804
|
--pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
20317
20805
|
--pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20318
20806
|
--pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
|
|
@@ -20332,6 +20820,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20332
20820
|
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20333
20821
|
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
20334
20822
|
--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20823
|
+
--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor: var(--pf-t--global--border--color--alt);
|
|
20335
20824
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
|
|
20336
20825
|
--pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
|
|
20337
20826
|
--pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
|
|
@@ -20344,7 +20833,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20344
20833
|
--pf-v6-c-tabs__link--after--BorderBlockStartWidth: 0;
|
|
20345
20834
|
--pf-v6-c-tabs__link--after--BorderInlineEndWidth: 0;
|
|
20346
20835
|
--pf-v6-c-tabs__link--after--BorderInlineStartWidth: 0;
|
|
20347
|
-
--pf-v6-c-
|
|
20836
|
+
--pf-v6-c-tabs__link--after--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
20837
|
+
--pf-v6-c-tabs--m-box__link--after--BorderRadius: var(--pf-t--global--border--radius--sharp);
|
|
20838
|
+
--pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--color--brand--accent--default);
|
|
20348
20839
|
--pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
|
|
20349
20840
|
--pf-v6-c-tabs--link-accent--start: 0;
|
|
20350
20841
|
--pf-v6-c-tabs--link-accent--length: 0;
|
|
@@ -20392,7 +20883,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20392
20883
|
--pf-v6-c-tabs__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
20393
20884
|
--pf-v6-c-tabs__toggle-icon--Transition: transform var(--pf-v6-c-tabs__toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction);
|
|
20394
20885
|
--pf-v6-c-tabs__toggle-icon--Rotate: 0;
|
|
20395
|
-
--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate:
|
|
20886
|
+
--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: -180deg;
|
|
20396
20887
|
--pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
|
|
20397
20888
|
--pf-v6-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
20398
20889
|
--pf-v6-c-tabs--m-expandable--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -20418,7 +20909,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20418
20909
|
--pf-v6-c-tabs__link-toggle-icon--Transition: transform var(--pf-v6-c-tabs__link-toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction);
|
|
20419
20910
|
--pf-v6-c-tabs__link-toggle-icon--Rotate: 0;
|
|
20420
20911
|
--pf-v6-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
|
|
20421
|
-
--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate:
|
|
20912
|
+
--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: -180deg;
|
|
20422
20913
|
}
|
|
20423
20914
|
|
|
20424
20915
|
.pf-v6-c-tabs {
|
|
@@ -20485,6 +20976,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20485
20976
|
--pf-v6-c-tabs__link--before--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
|
|
20486
20977
|
--pf-v6-c-tabs__link--after--InsetBlockStart: 0;
|
|
20487
20978
|
--pf-v6-c-tabs__link--after--InsetBlockEnd: auto;
|
|
20979
|
+
--pf-v6-c-tabs__link--after--BorderRadius: var(--pf-v6-c-tabs--m-box__link--after--BorderRadius);
|
|
20488
20980
|
}
|
|
20489
20981
|
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__link {
|
|
20490
20982
|
--pf-v6-c-tabs__link--after--BorderBlockStartWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
|
|
@@ -20494,7 +20986,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20494
20986
|
}
|
|
20495
20987
|
.pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
|
|
20496
20988
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
|
|
20497
|
-
--pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-
|
|
20989
|
+
--pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor);
|
|
20498
20990
|
--pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
|
|
20499
20991
|
--pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
|
|
20500
20992
|
--pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
|
|
@@ -20664,7 +21156,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20664
21156
|
--pf-v6-c-tabs__link--before--BorderBlockStartWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
|
|
20665
21157
|
}
|
|
20666
21158
|
.pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item.pf-m-current {
|
|
20667
|
-
--pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-
|
|
21159
|
+
--pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor);
|
|
21160
|
+
--pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
|
|
20668
21161
|
--pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--before--border-color--base);
|
|
20669
21162
|
}
|
|
20670
21163
|
.pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:first-child.pf-m-current {
|
|
@@ -20707,11 +21200,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20707
21200
|
align-items: center;
|
|
20708
21201
|
}
|
|
20709
21202
|
|
|
20710
|
-
.pf-v6-c-tabs__toggle-button .pf-v6-c-button {
|
|
20711
|
-
justify-content: start;
|
|
20712
|
-
white-space: normal;
|
|
20713
|
-
}
|
|
20714
|
-
|
|
20715
21203
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
|
|
20716
21204
|
scale: -1 1;
|
|
20717
21205
|
}
|
|
@@ -20842,6 +21330,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20842
21330
|
border-block-end-width: var(--pf-v6-c-tabs__link--after--BorderBlockEndWidth);
|
|
20843
21331
|
border-inline-start-width: var(--pf-v6-c-tabs__link--after--BorderInlineStartWidth);
|
|
20844
21332
|
border-inline-end-width: var(--pf-v6-c-tabs__link--after--BorderInlineEndWidth);
|
|
21333
|
+
border-radius: var(--pf-v6-c-tabs__link--after--BorderRadius);
|
|
20845
21334
|
}
|
|
20846
21335
|
|
|
20847
21336
|
.pf-v6-c-tabs__link:where(:hover, :focus) {
|
|
@@ -21639,30 +22128,37 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21639
22128
|
--pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
21640
22129
|
--pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
21641
22130
|
--pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
|
|
21642
|
-
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--
|
|
22131
|
+
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
21643
22132
|
--pf-v6-c-toggle-group__button--ZIndex: auto;
|
|
21644
|
-
--pf-v6-c-toggle-group__button--hover--
|
|
22133
|
+
--pf-v6-c-toggle-group__button--hover--Color: var(--pf-t--global--text--color--on-brand--subtle--default);
|
|
22134
|
+
--pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--color--brand--subtle--default);
|
|
21645
22135
|
--pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21646
|
-
--pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--
|
|
22136
|
+
--pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--brand--subtle--hover);
|
|
21647
22137
|
--pf-v6-c-toggle-group__button--hover--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21648
22138
|
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
21649
22139
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
21650
22140
|
--pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
|
|
21651
|
-
--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--
|
|
21652
|
-
--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--
|
|
21653
|
-
--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--
|
|
21654
|
-
--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--
|
|
22141
|
+
--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--control--default);
|
|
22142
|
+
--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--control--default);
|
|
22143
|
+
--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--control--default);
|
|
22144
|
+
--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--control--default);
|
|
21655
22145
|
--pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
21656
|
-
--pf-v6-c-toggle-
|
|
21657
|
-
--pf-v6-c-toggle-
|
|
21658
|
-
--pf-v6-c-toggle-
|
|
21659
|
-
--pf-v6-c-toggle-
|
|
22146
|
+
--pf-v6-c-toggle-group__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
22147
|
+
--pf-v6-c-toggle-group__icon--hover--Color: var(--pf-t--global--icon--color--on-brand--subtle--default);
|
|
22148
|
+
--pf-v6-c-toggle-group__icon--m-selected--Color: var(--pf-t--global--icon--color--on-brand--subtle--default);
|
|
22149
|
+
--pf-v6-c-toggle-group__icon--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
22150
|
+
--pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--subtle--default);
|
|
22151
|
+
--pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--subtle--default);
|
|
22152
|
+
--pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--brand--subtle--clicked);
|
|
22153
|
+
--pf-v6-c-toggle-group__button--m-selected--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
22154
|
+
--pf-v6-c-toggle-group__button--m-selected--after--BorderColor: var(--pf-t--global--border--color--brand--subtle--clicked);
|
|
22155
|
+
--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
22156
|
+
--pf-v6-c-toggle-group__button--m-selected--selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--brand--subtle--clicked);
|
|
21660
22157
|
--pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21661
|
-
--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
|
|
21662
22158
|
--pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
21663
22159
|
--pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
21664
|
-
--pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--
|
|
21665
|
-
--pf-v6-c-toggle-group__button--disabled
|
|
22160
|
+
--pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
22161
|
+
--pf-v6-c-toggle-group__button--disabled--disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--control--default);
|
|
21666
22162
|
--pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21667
22163
|
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
|
|
21668
22164
|
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -21730,9 +22226,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21730
22226
|
}
|
|
21731
22227
|
.pf-v6-c-toggle-group__button:is(:hover, :focus) {
|
|
21732
22228
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
22229
|
+
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--hover--Color);
|
|
21733
22230
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
21734
22231
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
21735
22232
|
--pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--hover--after--BorderWidth);
|
|
22233
|
+
--pf-v6-c-toggle-group__icon--Color: var(--pf-v6-c-toggle-group__icon--hover--Color);
|
|
21736
22234
|
text-decoration-line: none;
|
|
21737
22235
|
}
|
|
21738
22236
|
.pf-v6-c-toggle-group__button.pf-m-selected {
|
|
@@ -21740,22 +22238,30 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21740
22238
|
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
|
|
21741
22239
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
|
|
21742
22240
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
|
|
22241
|
+
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderWidth);
|
|
22242
|
+
--pf-v6-c-toggle-group__button--after--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--after--BorderColor);
|
|
21743
22243
|
--pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth);
|
|
22244
|
+
--pf-v6-c-toggle-group__icon--Color: var(--pf-v6-c-toggle-group__icon--m-selected--Color);
|
|
21744
22245
|
}
|
|
21745
22246
|
.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
|
|
21746
22247
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
|
|
21747
22248
|
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
|
|
21748
22249
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
|
|
21749
22250
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
|
|
22251
|
+
--pf-v6-c-toggle-group__icon--Color: var(--pf-v6-c-toggle-group__icon--disabled--Color);
|
|
21750
22252
|
pointer-events: none;
|
|
21751
22253
|
}
|
|
21752
22254
|
|
|
21753
22255
|
.pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
|
|
21754
|
-
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected
|
|
22256
|
+
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected--selected--before--BorderInlineStartColor);
|
|
21755
22257
|
}
|
|
21756
22258
|
|
|
21757
22259
|
.pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
|
|
21758
|
-
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled
|
|
22260
|
+
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled--disabled--before--BorderInlineStartColor);
|
|
22261
|
+
}
|
|
22262
|
+
|
|
22263
|
+
.pf-v6-c-toggle-group__icon {
|
|
22264
|
+
color: var(--pf-v6-c-toggle-group__icon--Color);
|
|
21759
22265
|
}
|
|
21760
22266
|
|
|
21761
22267
|
.pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
|
|
@@ -21809,7 +22315,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21809
22315
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
|
|
21810
22316
|
--pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
21811
22317
|
--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
21812
|
-
--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate:
|
|
22318
|
+
--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: -180deg;
|
|
21813
22319
|
--pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
21814
22320
|
--pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
21815
22321
|
--pf-v6-c-toolbar__group--m-label-group--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
@@ -23993,7 +24499,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23993
24499
|
--pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
23994
24500
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
23995
24501
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
23996
|
-
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate:
|
|
24502
|
+
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
|
|
23997
24503
|
--pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
23998
24504
|
--pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
23999
24505
|
--pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
@@ -24468,6 +24974,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
24468
24974
|
--pf-v6-c-wizard--Height--base: 100%;
|
|
24469
24975
|
--pf-v6-c-modal-box--c-wizard--Height--base: 47.625rem;
|
|
24470
24976
|
--pf-v6-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
24977
|
+
--pf-v6-c-wizard--m-plain__header--BackgroundColor: transparent;
|
|
24471
24978
|
--pf-v6-c-wizard__header--ZIndex: auto;
|
|
24472
24979
|
--pf-v6-c-wizard__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
24473
24980
|
--pf-v6-c-wizard__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -24500,7 +25007,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
24500
25007
|
--pf-v6-c-wizard__nav-link-main--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
24501
25008
|
--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
24502
25009
|
--pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
24503
|
-
--pf-v6-c-wizard__nav-link-main--BorderRadius: var(--pf-t--global--border--radius--
|
|
25010
|
+
--pf-v6-c-wizard__nav-link-main--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
24504
25011
|
--pf-v6-c-wizard__nav-link-main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
24505
25012
|
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
24506
25013
|
--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
@@ -24511,7 +25018,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
24511
25018
|
--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
24512
25019
|
--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
24513
25020
|
--pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
|
|
24514
|
-
--pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate:
|
|
25021
|
+
--pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: -180deg;
|
|
24515
25022
|
--pf-v6-c-wizard__nav-link--before--Width: var(--pf-t--global--icon--size--font--xl);
|
|
24516
25023
|
--pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
|
|
24517
25024
|
--pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -24534,6 +25041,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
24534
25041
|
--pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
|
|
24535
25042
|
--pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
|
|
24536
25043
|
--pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
25044
|
+
--pf-v6-c-wizard--m-plain__toggle--BackgroundColor: transparent;
|
|
24537
25045
|
--pf-v6-c-wizard__toggle--ZIndex: var(--pf-t--global--z-index--xs);
|
|
24538
25046
|
--pf-v6-c-wizard__toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
24539
25047
|
--pf-v6-c-wizard__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -24558,17 +25066,20 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
24558
25066
|
--pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
24559
25067
|
--pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
|
|
24560
25068
|
--pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
|
|
24561
|
-
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--
|
|
25069
|
+
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
25070
|
+
--pf-v6-c-wizard--m-plain__nav--BackgroundColor: transparent;
|
|
24562
25071
|
--pf-v6-c-wizard__nav--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24563
25072
|
--pf-v6-c-wizard__nav--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
24564
25073
|
--pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
24565
25074
|
--pf-v6-c-wizard__nav--Width: 100%;
|
|
25075
|
+
--pf-v6-c-wizard__nav--lg--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
24566
25076
|
--pf-v6-c-wizard__nav--lg--Width: 15.625rem;
|
|
24567
25077
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
24568
25078
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
|
|
24569
25079
|
}
|
|
24570
25080
|
@media screen and (min-width: 62rem) {
|
|
24571
25081
|
.pf-v6-c-wizard {
|
|
25082
|
+
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard__nav--lg--BackgroundColor);
|
|
24572
25083
|
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
24573
25084
|
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
24574
25085
|
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
@@ -24583,6 +25094,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
24583
25094
|
--pf-v6-c-wizard__nav-list--nested--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
24584
25095
|
--pf-v6-c-wizard__nav-item--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
24585
25096
|
--pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
25097
|
+
--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor: transparent;
|
|
24586
25098
|
--pf-v6-c-wizard__outer-wrap--lg--PaddingInlineStart: var(--pf-v6-c-wizard__nav--Width);
|
|
24587
25099
|
--pf-v6-c-wizard__outer-wrap--MinHeight: 15.625rem;
|
|
24588
25100
|
--pf-v6-c-wizard__main--ZIndex: auto;
|
|
@@ -24591,6 +25103,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
24591
25103
|
--pf-v6-c-wizard__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
24592
25104
|
--pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
24593
25105
|
--pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
25106
|
+
--pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
|
|
24594
25107
|
--pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
|
|
24595
25108
|
--pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
24596
25109
|
--pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -24621,6 +25134,17 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
24621
25134
|
.pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
|
|
24622
25135
|
display: none;
|
|
24623
25136
|
}
|
|
25137
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
|
|
25138
|
+
--pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
|
|
25139
|
+
--pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
|
|
25140
|
+
--pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
|
|
25141
|
+
--pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
|
|
25142
|
+
}
|
|
25143
|
+
@media screen and (min-width: 62rem) {
|
|
25144
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
|
|
25145
|
+
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
|
|
25146
|
+
}
|
|
25147
|
+
}
|
|
24624
25148
|
|
|
24625
25149
|
.pf-v6-c-wizard__header {
|
|
24626
25150
|
position: relative;
|