@patternfly/react-styles 6.5.0-prerelease.13 → 6.5.0-prerelease.14
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 +6 -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/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 +11 -6
- 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 +1 -1
- 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 +26 -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 +165 -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/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 +2 -2
- 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 +537 -118
- package/css/components/_index.d.ts +6 -1
- package/css/components/_index.js +6 -1
- package/css/components/_index.mjs +6 -1
- 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), .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:
|
|
1618
|
+
--pf-v6-c-button--MinWidth: initial;
|
|
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,6 @@ 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
|
-
--pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-circle--PaddingBlockStart);
|
|
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);
|
|
2315
2380
|
}
|
|
2316
2381
|
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
|
|
2317
2382
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
|
|
@@ -2331,6 +2396,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2331
2396
|
text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
|
|
2332
2397
|
text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
2333
2398
|
text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
|
|
2399
|
+
text-underline-offset: var(--pf-v6-c-button--hover--TextUnderlineOffset);
|
|
2334
2400
|
outline-offset: var(--pf-t--global--focus-ring--position--offset);
|
|
2335
2401
|
}
|
|
2336
2402
|
.pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
|
|
@@ -2339,6 +2405,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2339
2405
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
|
|
2340
2406
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
|
|
2341
2407
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
|
|
2408
|
+
text-decoration-line: var(--pf-v6-c-button--m-clicked--TextDecorationLine);
|
|
2409
|
+
text-decoration-style: var(--pf-v6-c-button--m-clicked--TextDecorationStyle);
|
|
2410
|
+
text-decoration-color: var(--pf-v6-c-button--m-clicked--TextDecorationColor);
|
|
2411
|
+
text-underline-offset: var(--pf-v6-c-button--m-clicked--TextUnderlineOffset);
|
|
2342
2412
|
}
|
|
2343
2413
|
.pf-v6-c-button:active {
|
|
2344
2414
|
background-size: 100% 100%;
|
|
@@ -2386,8 +2456,28 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2386
2456
|
animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
|
|
2387
2457
|
animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
|
|
2388
2458
|
}
|
|
2459
|
+
.pf-v6-c-button.pf-m-dock {
|
|
2460
|
+
justify-content: flex-start;
|
|
2461
|
+
width: 100%;
|
|
2462
|
+
}
|
|
2463
|
+
@media (min-width: 62rem) {
|
|
2464
|
+
.pf-v6-c-button.pf-m-dock {
|
|
2465
|
+
justify-content: center;
|
|
2466
|
+
}
|
|
2467
|
+
.pf-v6-c-button.pf-m-dock .pf-v6-c-button__text {
|
|
2468
|
+
display: none;
|
|
2469
|
+
}
|
|
2470
|
+
}
|
|
2471
|
+
.pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-button, .pf-v6-c-button.pf-m-text-expanded {
|
|
2472
|
+
justify-content: flex-start;
|
|
2473
|
+
width: 100%;
|
|
2474
|
+
}
|
|
2475
|
+
.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 {
|
|
2476
|
+
display: revert;
|
|
2477
|
+
}
|
|
2389
2478
|
|
|
2390
2479
|
.pf-v6-c-button__icon {
|
|
2480
|
+
min-width: 1lh;
|
|
2391
2481
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
2392
2482
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
2393
2483
|
color: var(--pf-v6-c-button__icon--Color);
|
|
@@ -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);
|
|
@@ -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), .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 {
|
|
@@ -6323,6 +6438,13 @@ ul) {
|
|
|
6323
6438
|
.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
6439
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
|
6325
6440
|
}
|
|
6441
|
+
.pf-v6-c-drawer.pf-m-inline.pf-m-glass, .pf-v6-c-drawer.pf-m-static.pf-m-glass {
|
|
6442
|
+
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
|
|
6443
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
|
|
6444
|
+
}
|
|
6445
|
+
.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 {
|
|
6446
|
+
backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
|
|
6447
|
+
}
|
|
6326
6448
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6327
6449
|
order: 0;
|
|
6328
6450
|
margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
|
|
@@ -6379,11 +6501,6 @@ ul) {
|
|
|
6379
6501
|
border-inline-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth);
|
|
6380
6502
|
border-inline-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth);
|
|
6381
6503
|
}
|
|
6382
|
-
.pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-glass) {
|
|
6383
|
-
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
|
|
6384
|
-
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
|
|
6385
|
-
backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
|
|
6386
|
-
}
|
|
6387
6504
|
}
|
|
6388
6505
|
|
|
6389
6506
|
.pf-v6-c-drawer__section {
|
|
@@ -6608,6 +6725,9 @@ ul) {
|
|
|
6608
6725
|
--pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
|
|
6609
6726
|
min-width: var(--pf-v6-c-drawer__panel--MinWidth);
|
|
6610
6727
|
}
|
|
6728
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline:not(.pf-m-no-plain) > .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) > .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 {
|
|
6729
|
+
background: transparent;
|
|
6730
|
+
}
|
|
6611
6731
|
.pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6612
6732
|
box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
|
|
6613
6733
|
}
|
|
@@ -7196,8 +7316,8 @@ ul) {
|
|
|
7196
7316
|
--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
7317
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
|
|
7198
7318
|
--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:
|
|
7319
|
+
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: -180deg;
|
|
7320
|
+
--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: 180deg;
|
|
7201
7321
|
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: 0s;
|
|
7202
7322
|
--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
|
|
7203
7323
|
--pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: 0s;
|
|
@@ -7460,7 +7580,7 @@ ul) {
|
|
|
7460
7580
|
--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7461
7581
|
--pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
|
|
7462
7582
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
|
|
7463
|
-
--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate:
|
|
7583
|
+
--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: -180deg;
|
|
7464
7584
|
--pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
7465
7585
|
--pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
7466
7586
|
--pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
|
|
@@ -9099,7 +9219,7 @@ label.pf-v6-c-input-group__text {
|
|
|
9099
9219
|
--pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
9100
9220
|
--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
9101
9221
|
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
|
9102
|
-
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate:
|
|
9222
|
+
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: -180deg;
|
|
9103
9223
|
}
|
|
9104
9224
|
|
|
9105
9225
|
.pf-v6-c-jump-links {
|
|
@@ -10065,11 +10185,13 @@ ul.pf-v6-c-list {
|
|
|
10065
10185
|
}
|
|
10066
10186
|
}
|
|
10067
10187
|
.pf-v6-c-login {
|
|
10068
|
-
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
10188
|
+
--pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--primary--default));
|
|
10189
|
+
--pf-v6-c-login__main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10069
10190
|
--pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
|
|
10070
10191
|
--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);
|
|
10192
|
+
--pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--high-contrast--regular));
|
|
10193
|
+
--pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--high-contrast));
|
|
10194
|
+
--pf-v6-c-login__main--BoxShadow: var(--pf-t--global--box-shadow--glass--default);
|
|
10073
10195
|
}
|
|
10074
10196
|
@media (min-width: 75rem) {
|
|
10075
10197
|
.pf-v6-c-login {
|
|
@@ -10192,8 +10314,10 @@ ul.pf-v6-c-list {
|
|
|
10192
10314
|
align-self: start;
|
|
10193
10315
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
10194
10316
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
10317
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
10195
10318
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
10196
10319
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
10320
|
+
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
10197
10321
|
}
|
|
10198
10322
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
10199
10323
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -10305,6 +10429,7 @@ ul.pf-v6-c-list {
|
|
|
10305
10429
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10306
10430
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
10307
10431
|
--pf-v6-c-masthead__main--MarginInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
10432
|
+
--pf-v6-c-masthead--m-docked__main--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
10308
10433
|
--pf-v6-c-masthead__logo--MaxHeight: 2.375rem;
|
|
10309
10434
|
--pf-v6-c-masthead__logo--Width: 11.8125rem;
|
|
10310
10435
|
--pf-v6-c-masthead__toggle--Size: var(--pf-t--global--icon--size--xl);
|
|
@@ -10339,7 +10464,7 @@ ul.pf-v6-c-list {
|
|
|
10339
10464
|
--pf-v6-c-masthead--m-docked--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
10340
10465
|
--pf-v6-c-masthead--m-docked--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
10341
10466
|
--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);
|
|
10467
|
+
--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
10468
|
--pf-v6-c-masthead--m-docked--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10344
10469
|
--pf-v6-c-masthead--m-docked--c-toolbar--Height: 100%;
|
|
10345
10470
|
--pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
@@ -10410,7 +10535,7 @@ ul.pf-v6-c-list {
|
|
|
10410
10535
|
--pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
|
|
10411
10536
|
--pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
|
|
10412
10537
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
|
|
10413
|
-
--pf-v6-c-masthead--BackgroundColor:
|
|
10538
|
+
--pf-v6-c-masthead--BackgroundColor: transparent;
|
|
10414
10539
|
--pf-v6-c-masthead--GridTemplateRows: var(--pf-v6-c-masthead--m-docked--GridTemplateRows);
|
|
10415
10540
|
--pf-v6-c-masthead--PaddingBlockStart: var(--pf-v6-c-masthead--m-docked--PaddingBlockStart);
|
|
10416
10541
|
--pf-v6-c-masthead--PaddingBlockEnd: var(--pf-v6-c-masthead--m-docked--PaddingBlockEnd);
|
|
@@ -10421,24 +10546,58 @@ ul.pf-v6-c-list {
|
|
|
10421
10546
|
--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: auto;
|
|
10422
10547
|
--pf-v6-c-masthead__main--GridColumn: auto;
|
|
10423
10548
|
--pf-v6-c-masthead__content--GridColumn: auto;
|
|
10424
|
-
--pf-v6-c-masthead__logo--Width: auto;
|
|
10425
10549
|
--pf-v6-c-masthead__main--MarginInlineEnd: 0;
|
|
10426
10550
|
display: flex;
|
|
10427
10551
|
flex-direction: column;
|
|
10428
|
-
align-items:
|
|
10429
|
-
width: fit-content;
|
|
10552
|
+
align-items: stretch;
|
|
10430
10553
|
height: 100%;
|
|
10431
|
-
|
|
10554
|
+
border: 0;
|
|
10555
|
+
box-shadow: none;
|
|
10556
|
+
}
|
|
10557
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo {
|
|
10558
|
+
width: revert;
|
|
10559
|
+
}
|
|
10560
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo.pf-m-compact {
|
|
10561
|
+
display: none;
|
|
10562
|
+
max-width: 2.3125rem;
|
|
10563
|
+
max-height: revert;
|
|
10564
|
+
}
|
|
10565
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__main {
|
|
10566
|
+
flex-direction: column;
|
|
10567
|
+
row-gap: var(--pf-v6-c-masthead--m-docked__main--RowGap);
|
|
10568
|
+
align-items: flex-start;
|
|
10432
10569
|
}
|
|
10433
10570
|
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
|
|
10434
10571
|
flex-grow: 1;
|
|
10435
10572
|
flex-direction: column;
|
|
10573
|
+
align-items: stretch;
|
|
10436
10574
|
align-self: revert;
|
|
10437
10575
|
}
|
|
10438
10576
|
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
|
|
10439
|
-
--pf-v6-c-
|
|
10577
|
+
--pf-v6-c-toolbar--m-vertical--Width: auto;
|
|
10440
10578
|
height: var(--pf-v6-c-masthead--m-docked--c-toolbar--Height);
|
|
10441
10579
|
}
|
|
10580
|
+
@media (min-width: 62rem) {
|
|
10581
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__main {
|
|
10582
|
+
align-items: center;
|
|
10583
|
+
}
|
|
10584
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo {
|
|
10585
|
+
display: none;
|
|
10586
|
+
}
|
|
10587
|
+
.pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo.pf-m-compact {
|
|
10588
|
+
display: revert;
|
|
10589
|
+
}
|
|
10590
|
+
}
|
|
10591
|
+
.pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo {
|
|
10592
|
+
display: revert;
|
|
10593
|
+
}
|
|
10594
|
+
.pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo.pf-m-compact {
|
|
10595
|
+
display: none;
|
|
10596
|
+
}
|
|
10597
|
+
.pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__main {
|
|
10598
|
+
align-items: flex-start;
|
|
10599
|
+
}
|
|
10600
|
+
|
|
10442
10601
|
.pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
|
|
10443
10602
|
flex-wrap: nowrap;
|
|
10444
10603
|
min-width: 0;
|
|
@@ -10500,6 +10659,13 @@ ul.pf-v6-c-list {
|
|
|
10500
10659
|
padding-inline-start: var(--pf-t--global--spacer--2xl);
|
|
10501
10660
|
padding-inline-end: var(--pf-t--global--spacer--2xl);
|
|
10502
10661
|
}
|
|
10662
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
10663
|
+
margin-block-end: var(--pf-t--global--spacer--inset--page-chrome);
|
|
10664
|
+
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
10665
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10666
|
+
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
10667
|
+
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
10668
|
+
}
|
|
10503
10669
|
|
|
10504
10670
|
.pf-v6-c-masthead__main {
|
|
10505
10671
|
display: var(--pf-v6-c-masthead__main--Display);
|
|
@@ -11530,7 +11696,7 @@ ul.pf-v6-c-list {
|
|
|
11530
11696
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
11531
11697
|
--pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
11532
11698
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
11533
|
-
--pf-v6-c-menu-toggle--MinWidth:
|
|
11699
|
+
--pf-v6-c-menu-toggle--MinWidth: initial;
|
|
11534
11700
|
--pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
|
|
11535
11701
|
--pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
|
|
11536
11702
|
--pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
@@ -11681,7 +11847,7 @@ ul.pf-v6-c-list {
|
|
|
11681
11847
|
gap: var(--pf-v6-c-menu-toggle--Gap);
|
|
11682
11848
|
align-items: center;
|
|
11683
11849
|
justify-content: center;
|
|
11684
|
-
min-width: var(--pf-v6-c-menu-toggle--MinWidth);
|
|
11850
|
+
min-width: var(--pf-v6-c-menu-toggle--MinWidth, revert);
|
|
11685
11851
|
max-width: 100%;
|
|
11686
11852
|
padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
|
|
11687
11853
|
padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
|
|
@@ -11875,6 +12041,29 @@ ul.pf-v6-c-list {
|
|
|
11875
12041
|
.pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v6-c-button {
|
|
11876
12042
|
pointer-events: none;
|
|
11877
12043
|
}
|
|
12044
|
+
.pf-v6-c-menu-toggle.pf-m-dock {
|
|
12045
|
+
justify-content: flex-start;
|
|
12046
|
+
width: 100%;
|
|
12047
|
+
}
|
|
12048
|
+
@media (min-width: 62rem) {
|
|
12049
|
+
.pf-v6-c-menu-toggle.pf-m-dock {
|
|
12050
|
+
justify-content: center;
|
|
12051
|
+
width: auto;
|
|
12052
|
+
}
|
|
12053
|
+
.pf-v6-c-menu-toggle.pf-m-dock .pf-v6-c-menu-toggle__text,
|
|
12054
|
+
.pf-v6-c-menu-toggle.pf-m-dock .pf-v6-c-menu-toggle__controls {
|
|
12055
|
+
display: none;
|
|
12056
|
+
}
|
|
12057
|
+
}
|
|
12058
|
+
.pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-menu-toggle, .pf-v6-c-menu-toggle.pf-m-text-expanded {
|
|
12059
|
+
justify-content: flex-start;
|
|
12060
|
+
width: 100%;
|
|
12061
|
+
}
|
|
12062
|
+
.pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-menu-toggle .pf-v6-c-menu-toggle__text,
|
|
12063
|
+
.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,
|
|
12064
|
+
.pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__controls {
|
|
12065
|
+
display: revert;
|
|
12066
|
+
}
|
|
11878
12067
|
|
|
11879
12068
|
@property --pf-v6-c-menu-toggle--m-danger--TranslateX {
|
|
11880
12069
|
syntax: "<length>";
|
|
@@ -12022,6 +12211,7 @@ ul.pf-v6-c-list {
|
|
|
12022
12211
|
|
|
12023
12212
|
.pf-v6-c-menu-toggle__icon {
|
|
12024
12213
|
flex-shrink: 0;
|
|
12214
|
+
min-width: 1lh;
|
|
12025
12215
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
12026
12216
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
12027
12217
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
@@ -12499,7 +12689,7 @@ ul.pf-v6-c-list {
|
|
|
12499
12689
|
--pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
|
|
12500
12690
|
--pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
|
|
12501
12691
|
--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--
|
|
12692
|
+
--pf-v6-c-nav__item--accent--color: var(--pf-t--global--color--brand--accent--default);
|
|
12503
12693
|
--pf-v6-c-nav__item--accent--offset: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
12504
12694
|
--pf-v6-c-nav__item--accent--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
12505
12695
|
--pf-v6-c-nav__item--accent--ScaleY: 0;
|
|
@@ -12508,12 +12698,12 @@ ul.pf-v6-c-list {
|
|
|
12508
12698
|
--pf-v6-c-nav__item--current--accent--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
12509
12699
|
--pf-v6-c-nav__item--accent--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
12510
12700
|
--pf-v6-c-nav__item__toggle-icon--Rotate: 0;
|
|
12511
|
-
--pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate:
|
|
12701
|
+
--pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: -180deg;
|
|
12512
12702
|
--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
|
|
12513
12703
|
--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
|
|
12514
12704
|
--pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
12515
12705
|
--pf-v6-c-nav__link--AlignItems: baseline;
|
|
12516
|
-
--pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--
|
|
12706
|
+
--pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
12517
12707
|
--pf-v6-c-nav__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
12518
12708
|
--pf-v6-c-nav__link--WhiteSpace: normal;
|
|
12519
12709
|
--pf-v6-c-nav__link--Color: var(--pf-t--global--text--color--subtle);
|
|
@@ -12628,17 +12818,23 @@ ul.pf-v6-c-list {
|
|
|
12628
12818
|
--pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-v6-c-nav--m-docked__link--PaddingInlineEnd);
|
|
12629
12819
|
--pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--hover--BackgroundColor);
|
|
12630
12820
|
--pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor);
|
|
12631
|
-
width:
|
|
12821
|
+
width: 100%;
|
|
12632
12822
|
}
|
|
12633
|
-
|
|
12634
|
-
|
|
12635
|
-
|
|
12636
|
-
|
|
12637
|
-
|
|
12823
|
+
@media (min-width: 62rem) {
|
|
12824
|
+
.pf-v6-c-nav.pf-m-docked {
|
|
12825
|
+
width: fit-content;
|
|
12826
|
+
}
|
|
12827
|
+
.pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
|
|
12828
|
+
display: none;
|
|
12829
|
+
}
|
|
12638
12830
|
}
|
|
12639
|
-
.pf-v6-c-nav.pf-m-docked .pf-v6-c-
|
|
12640
|
-
|
|
12831
|
+
.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 {
|
|
12832
|
+
width: 100%;
|
|
12833
|
+
}
|
|
12834
|
+
.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 {
|
|
12835
|
+
display: revert;
|
|
12641
12836
|
}
|
|
12837
|
+
|
|
12642
12838
|
.pf-v6-c-nav .pf-v6-c-menu {
|
|
12643
12839
|
--pf-v6-c-menu--MinWidth: 100%;
|
|
12644
12840
|
}
|
|
@@ -12788,7 +12984,9 @@ ul.pf-v6-c-list {
|
|
|
12788
12984
|
}
|
|
12789
12985
|
|
|
12790
12986
|
.pf-v6-c-nav__link-icon {
|
|
12987
|
+
min-width: 1lh;
|
|
12791
12988
|
color: var(--pf-v6-c-nav__link-icon--Color);
|
|
12989
|
+
text-align: center;
|
|
12792
12990
|
}
|
|
12793
12991
|
|
|
12794
12992
|
.pf-v6-c-nav__link-text {
|
|
@@ -12930,6 +13128,7 @@ ul.pf-v6-c-list {
|
|
|
12930
13128
|
--pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
12931
13129
|
--pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-t--global--border--width--box--status--default);
|
|
12932
13130
|
--pf-v6-c-notification-drawer__list-item--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
13131
|
+
--pf-v6-c-notification-drawer__list-item--OutlineOffset: -0.25rem;
|
|
12933
13132
|
--pf-v6-c-notification-drawer__list-item--m-info__list-item-header-icon--Color: var(--pf-t--global--icon--color--status--info--default);
|
|
12934
13133
|
--pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor: var(--pf-t--global--border--color--status--info--default);
|
|
12935
13134
|
--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 +13171,7 @@ ul.pf-v6-c-list {
|
|
|
12972
13171
|
--pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
12973
13172
|
--pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
12974
13173
|
--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:
|
|
13174
|
+
--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: -180deg;
|
|
12976
13175
|
}
|
|
12977
13176
|
|
|
12978
13177
|
.pf-v6-c-notification-drawer {
|
|
@@ -13040,8 +13239,16 @@ ul.pf-v6-c-list {
|
|
|
13040
13239
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
13041
13240
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
13042
13241
|
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
13242
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
13243
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
13244
|
+
}
|
|
13245
|
+
.pf-v6-c-notification-drawer__list-item::before {
|
|
13246
|
+
position: absolute;
|
|
13247
|
+
inset: 0;
|
|
13248
|
+
pointer-events: none;
|
|
13249
|
+
content: "";
|
|
13250
|
+
border: var(--pf-v6-c-notification-drawer__list-item--BorderWidth) solid var(--pf-v6-c-notification-drawer__list-item--BorderColor);
|
|
13251
|
+
border-radius: inherit;
|
|
13045
13252
|
}
|
|
13046
13253
|
.pf-v6-c-notification-drawer__list-item.pf-m-info {
|
|
13047
13254
|
--pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-info__list-item--BorderColor);
|
|
@@ -13067,7 +13274,6 @@ ul.pf-v6-c-list {
|
|
|
13067
13274
|
--pf-v6-c-notification-drawer__list-item--BorderWidth: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderWidth);
|
|
13068
13275
|
--pf-v6-c-notification-drawer__list-item--BackgroundColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BackgroundColor);
|
|
13069
13276
|
--pf-v6-c-notification-drawer__list-item--BorderColor: var(--pf-v6-c-notification-drawer__list-item--m-read--BorderColor);
|
|
13070
|
-
position: relative;
|
|
13071
13277
|
}
|
|
13072
13278
|
.pf-v6-c-notification-drawer__list-item.pf-m-hoverable {
|
|
13073
13279
|
cursor: pointer;
|
|
@@ -13219,13 +13425,37 @@ ul.pf-v6-c-list {
|
|
|
13219
13425
|
.pf-v6-c-page {
|
|
13220
13426
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13221
13427
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13428
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
13429
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
|
|
13430
|
+
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13431
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13432
|
+
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
13222
13433
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
13434
|
+
--pf-v6-c-page__dock--Width: 15.625rem;
|
|
13435
|
+
--pf-v6-c-page__dock--desktop--Width: auto;
|
|
13223
13436
|
--pf-v6-c-page__dock--ZIndex: var(--pf-t--global--z-index--md);
|
|
13437
|
+
--pf-v6-c-page__dock--TransitionDuration--slide: 0s;
|
|
13438
|
+
--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide: 0s;
|
|
13439
|
+
--pf-v6-c-page__dock--TransitionTimingFunction--slide: var(--pf-t--global--motion--timing-function--decelerate);
|
|
13440
|
+
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
13441
|
+
--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));
|
|
13442
|
+
--pf-v6-c-page__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
|
|
13443
|
+
--pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
|
|
13444
|
+
--pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
|
|
13445
|
+
--pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
|
|
13446
|
+
--pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
|
|
13447
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
|
|
13448
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
|
|
13449
|
+
--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));
|
|
13450
|
+
--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
13451
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
13225
13452
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
13226
13453
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
13227
13454
|
--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);
|
|
13455
|
+
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--floating--secondary--default);
|
|
13456
|
+
--pf-v6-c-page__sidebar--BackdropFilter: none;
|
|
13457
|
+
--pf-v6-c-page__sidebar--xl--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
13458
|
+
--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
13459
|
--pf-v6-c-page__sidebar--BoxShadow: var(--pf-t--global--box-shadow--md--right);
|
|
13230
13460
|
--pf-v6-c-page__sidebar--TransitionProperty: opacity;
|
|
13231
13461
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
@@ -13249,6 +13479,8 @@ ul.pf-v6-c-list {
|
|
|
13249
13479
|
--pf-v6-c-page__sidebar--Opacity: 1;
|
|
13250
13480
|
--pf-v6-c-page__sidebar--TransitionProperty: transform;
|
|
13251
13481
|
--pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
13482
|
+
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-out--short);
|
|
13483
|
+
--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--default);
|
|
13252
13484
|
}
|
|
13253
13485
|
}
|
|
13254
13486
|
.pf-v6-c-page {
|
|
@@ -13273,6 +13505,8 @@ ul.pf-v6-c-list {
|
|
|
13273
13505
|
--pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
|
|
13274
13506
|
--pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
|
|
13275
13507
|
--pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
|
|
13508
|
+
--pf-v6-c-page__sidebar--BackgroundColor: var(--pf-v6-c-page__sidebar--xl--BackgroundColor);
|
|
13509
|
+
--pf-v6-c-page__sidebar--BackdropFilter: var(--pf-v6-c-page__sidebar--xl--BackdropFilter);
|
|
13276
13510
|
}
|
|
13277
13511
|
}
|
|
13278
13512
|
.pf-v6-c-page {
|
|
@@ -13281,7 +13515,8 @@ ul.pf-v6-c-list {
|
|
|
13281
13515
|
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
13282
13516
|
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
13283
13517
|
--pf-v6-c-page__main-container--AlignSelf: start;
|
|
13284
|
-
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
13518
|
+
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--primary--default));
|
|
13519
|
+
--pf-v6-c-page__main-container--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
13285
13520
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
13286
13521
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
13287
13522
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
@@ -13290,6 +13525,7 @@ ul.pf-v6-c-list {
|
|
|
13290
13525
|
--pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-t--global--border--width--main--default);
|
|
13291
13526
|
--pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-t--global--border--width--main--default);
|
|
13292
13527
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-t--global--border--color--main--default);
|
|
13528
|
+
--pf-v6-c-page__main-container--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
|
|
13293
13529
|
--pf-v6-c-page__main-container--xs--AlignSelf: stretch;
|
|
13294
13530
|
--pf-v6-c-page__main-container--xs--BorderRadius: 0;
|
|
13295
13531
|
--pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
|
|
@@ -13361,6 +13597,11 @@ ul.pf-v6-c-list {
|
|
|
13361
13597
|
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13362
13598
|
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13363
13599
|
}
|
|
13600
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
13601
|
+
--pf-v6-c-page__sidebar--Width--base: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
13602
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
13603
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
13604
|
+
}
|
|
13364
13605
|
|
|
13365
13606
|
.pf-v6-c-page {
|
|
13366
13607
|
display: grid;
|
|
@@ -13383,11 +13624,22 @@ ul.pf-v6-c-list {
|
|
|
13383
13624
|
--pf-v6-c-page--masthead--main-container--GridArea: main;
|
|
13384
13625
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight);
|
|
13385
13626
|
--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;
|
|
13627
|
+
grid-template-areas: "header header" "dock main";
|
|
13628
|
+
grid-template-rows: max-content 1fr;
|
|
13389
13629
|
grid-template-columns: auto 1fr;
|
|
13390
|
-
|
|
13630
|
+
}
|
|
13631
|
+
@media (min-width: 62rem) {
|
|
13632
|
+
.pf-v6-c-page.pf-m-dock {
|
|
13633
|
+
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart);
|
|
13634
|
+
--pf-v6-c-page__main-container--MarginInlineStart: 0;
|
|
13635
|
+
grid-template-areas: "dock main";
|
|
13636
|
+
grid-template-rows: auto;
|
|
13637
|
+
grid-template-columns: auto 1fr;
|
|
13638
|
+
column-gap: var(--pf-v6-c-page--m-dock--ColumnGap);
|
|
13639
|
+
}
|
|
13640
|
+
.pf-v6-c-page.pf-m-dock > .pf-v6-c-masthead {
|
|
13641
|
+
display: none;
|
|
13642
|
+
}
|
|
13391
13643
|
}
|
|
13392
13644
|
.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
13645
|
--pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
|
|
@@ -13444,10 +13696,58 @@ ul.pf-v6-c-list {
|
|
|
13444
13696
|
z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
|
|
13445
13697
|
grid-area: header;
|
|
13446
13698
|
}
|
|
13699
|
+
.pf-v6-c-page.pf-m-dock > .pf-v6-c-masthead {
|
|
13700
|
+
--pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns);
|
|
13701
|
+
}
|
|
13447
13702
|
|
|
13448
13703
|
.pf-v6-c-page__dock {
|
|
13704
|
+
position: fixed;
|
|
13705
|
+
inset-block-start: 0;
|
|
13706
|
+
inset-block-end: 0;
|
|
13707
|
+
inset-inline-start: 0;
|
|
13449
13708
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
13709
|
+
display: flex;
|
|
13710
|
+
flex-direction: column;
|
|
13450
13711
|
grid-area: dock;
|
|
13712
|
+
width: var(--pf-v6-c-page__dock--Width);
|
|
13713
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
|
|
13714
|
+
translate: -100% 0;
|
|
13715
|
+
}
|
|
13716
|
+
.pf-v6-c-page__dock.pf-m-expanded {
|
|
13717
|
+
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
13718
|
+
translate: 0;
|
|
13719
|
+
}
|
|
13720
|
+
@media (min-width: 62rem) {
|
|
13721
|
+
.pf-v6-c-page__dock {
|
|
13722
|
+
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
|
|
13723
|
+
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
13724
|
+
position: revert;
|
|
13725
|
+
inset: revert;
|
|
13726
|
+
width: auto;
|
|
13727
|
+
translate: 0;
|
|
13728
|
+
}
|
|
13729
|
+
}
|
|
13730
|
+
.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) {
|
|
13731
|
+
align-items: stretch;
|
|
13732
|
+
}
|
|
13733
|
+
.pf-v6-c-page__dock.pf-m-text-expanded {
|
|
13734
|
+
width: var(--pf-v6-c-page__dock--Width);
|
|
13735
|
+
}
|
|
13736
|
+
|
|
13737
|
+
.pf-v6-c-page__dock-main {
|
|
13738
|
+
flex-grow: 1;
|
|
13739
|
+
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
13740
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
13741
|
+
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
13742
|
+
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
13743
|
+
}
|
|
13744
|
+
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
13745
|
+
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);
|
|
13746
|
+
}
|
|
13747
|
+
@media (min-width: 62rem) {
|
|
13748
|
+
.pf-v6-c-page__dock-main {
|
|
13749
|
+
--pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
|
|
13750
|
+
}
|
|
13451
13751
|
}
|
|
13452
13752
|
|
|
13453
13753
|
.pf-v6-c-page__sidebar {
|
|
@@ -13490,6 +13790,48 @@ ul.pf-v6-c-list {
|
|
|
13490
13790
|
max-width: 0;
|
|
13491
13791
|
overflow: hidden;
|
|
13492
13792
|
}
|
|
13793
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar {
|
|
13794
|
+
min-height: 0;
|
|
13795
|
+
padding: 0;
|
|
13796
|
+
overflow: visible;
|
|
13797
|
+
background: transparent;
|
|
13798
|
+
}
|
|
13799
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar.pf-m-expanded {
|
|
13800
|
+
box-shadow: none;
|
|
13801
|
+
}
|
|
13802
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar .pf-v6-c-page__sidebar-main {
|
|
13803
|
+
padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
13804
|
+
padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
13805
|
+
padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
13806
|
+
margin-block-start: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
13807
|
+
margin-block-end: var(--pf-t--global--spacer--md);
|
|
13808
|
+
margin-inline-start: var(--pf-t--global--spacer--md);
|
|
13809
|
+
margin-inline-end: var(--pf-t--global--spacer--md);
|
|
13810
|
+
overflow: auto;
|
|
13811
|
+
background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
13812
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
13813
|
+
border: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
13814
|
+
border-radius: var(--pf-t--global--border--radius--glass--default);
|
|
13815
|
+
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
13816
|
+
}
|
|
13817
|
+
@media (min-width: 75rem) {
|
|
13818
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar .pf-v6-c-page__sidebar-main {
|
|
13819
|
+
margin-block-start: 0;
|
|
13820
|
+
margin-block-end: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13821
|
+
margin-inline-start: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13822
|
+
margin-inline-end: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13823
|
+
}
|
|
13824
|
+
}
|
|
13825
|
+
|
|
13826
|
+
.pf-v6-c-page__sidebar:has(> .pf-v6-c-page__sidebar-main) {
|
|
13827
|
+
overflow: revert;
|
|
13828
|
+
}
|
|
13829
|
+
|
|
13830
|
+
.pf-v6-c-page__sidebar-main {
|
|
13831
|
+
display: flex;
|
|
13832
|
+
flex-grow: 1;
|
|
13833
|
+
flex-direction: column;
|
|
13834
|
+
}
|
|
13493
13835
|
|
|
13494
13836
|
.pf-v6-c-page__sidebar-header {
|
|
13495
13837
|
padding-block-start: var(--pf-v6-c-page__sidebar-header--PaddingBlockStart);
|
|
@@ -13757,12 +14099,14 @@ ul.pf-v6-c-list {
|
|
|
13757
14099
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
13758
14100
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
13759
14101
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
14102
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
13760
14103
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
13761
14104
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
13762
14105
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
13763
14106
|
border-inline-start-width: var(--pf-v6-c-page__main-container--BorderInlineStartWidth);
|
|
13764
14107
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
13765
14108
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
14109
|
+
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
13766
14110
|
}
|
|
13767
14111
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
13768
14112
|
.pf-v6-c-page__main-container {
|
|
@@ -13801,6 +14145,25 @@ ul.pf-v6-c-list {
|
|
|
13801
14145
|
outline: 0;
|
|
13802
14146
|
}
|
|
13803
14147
|
|
|
14148
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain), .pf-v6-c-page__main-subnav.pf-m-plain,
|
|
14149
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain),
|
|
14150
|
+
.pf-v6-c-page__main-breadcrumb.pf-m-plain,
|
|
14151
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain),
|
|
14152
|
+
.pf-v6-c-page__main-tabs.pf-m-plain,
|
|
14153
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain),
|
|
14154
|
+
.pf-v6-c-page__main-section.pf-m-plain,
|
|
14155
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain),
|
|
14156
|
+
.pf-v6-c-page__main-wizard.pf-m-plain,
|
|
14157
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain),
|
|
14158
|
+
.pf-v6-c-page__main-group.pf-m-plain {
|
|
14159
|
+
--pf-v6-c-page__main-section--BackgroundColor: transparent;
|
|
14160
|
+
--pf-v6-c-page__main-subnav--BackgroundColor: transparent;
|
|
14161
|
+
--pf-v6-c-page__main-breadcrumb--BackgroundColor: transparent;
|
|
14162
|
+
--pf-v6-c-page__main-tabs--BackgroundColor: transparent;
|
|
14163
|
+
--pf-v6-c-page__main-wizard--BackgroundColor: transparent;
|
|
14164
|
+
--pf-v6-c-page__main-group--BackgroundColor: transparent;
|
|
14165
|
+
}
|
|
14166
|
+
|
|
13804
14167
|
.pf-v6-c-page__main,
|
|
13805
14168
|
.pf-v6-c-page__main-drawer,
|
|
13806
14169
|
.pf-v6-c-page__main-group {
|
|
@@ -13895,6 +14258,8 @@ ul.pf-v6-c-list {
|
|
|
13895
14258
|
}
|
|
13896
14259
|
.pf-v6-c-page__main-section.pf-m-secondary {
|
|
13897
14260
|
--pf-v6-c-page__main-section--BackgroundColor: var(--pf-v6-c-page__main-section--m-secondary--BackgroundColor);
|
|
14261
|
+
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));
|
|
14262
|
+
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
14263
|
}
|
|
13899
14264
|
.pf-v6-c-page__main-section.pf-m-padding {
|
|
13900
14265
|
padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
|
|
@@ -14403,6 +14768,12 @@ ul.pf-v6-c-list {
|
|
|
14403
14768
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
14404
14769
|
--pf-v6-c-panel--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
14405
14770
|
--pf-v6-c-panel--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
14771
|
+
--pf-v6-c-panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--primary--default);
|
|
14772
|
+
--pf-v6-c-panel--m-glass--before--BorderWidth: var(--pf-t--global--border--width--glass--default);
|
|
14773
|
+
--pf-v6-c-panel--m-glass--before--BorderColor: var(--pf-t--global--border--color--glass--default);
|
|
14774
|
+
--pf-v6-c-panel--m-glass--BoxShadow: var(--pf-t--global--box-shadow--glass--default);
|
|
14775
|
+
--pf-v6-c-panel--m-glass--BorderRadius: var(--pf-t--global--border--radius--glass--default);
|
|
14776
|
+
--pf-v6-c-panel--m-glass--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
14406
14777
|
}
|
|
14407
14778
|
|
|
14408
14779
|
.pf-v6-c-panel {
|
|
@@ -14444,6 +14815,14 @@ ul.pf-v6-c-list {
|
|
|
14444
14815
|
--pf-v6-c-panel__footer--BorderColor: var(--pf-v6-c-panel--m-scrollable__footer--BorderColor);
|
|
14445
14816
|
--pf-v6-c-panel__footer--BorderWidth: var(--pf-v6-c-panel--m-scrollable__footer--BorderWidth);
|
|
14446
14817
|
}
|
|
14818
|
+
.pf-v6-c-panel.pf-m-glass {
|
|
14819
|
+
--pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-glass--BackgroundColor);
|
|
14820
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-glass--before--BorderWidth);
|
|
14821
|
+
--pf-v6-c-panel--before--BorderColor: var(--pf-v6-c-panel--m-glass--before--BorderColor);
|
|
14822
|
+
--pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-glass--BoxShadow);
|
|
14823
|
+
--pf-v6-c-panel--BorderRadius: var(--pf-v6-c-panel--m-glass--BorderRadius);
|
|
14824
|
+
backdrop-filter: var(--pf-v6-c-panel--m-glass--BackdropFilter);
|
|
14825
|
+
}
|
|
14447
14826
|
|
|
14448
14827
|
.pf-v6-c-panel__header {
|
|
14449
14828
|
padding-block-start: var(--pf-v6-c-panel__header--PaddingBlockStart);
|
|
@@ -17114,7 +17493,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17114
17493
|
--pf-v6-c-table--cell--Width: auto;
|
|
17115
17494
|
}
|
|
17116
17495
|
|
|
17117
|
-
@container pf-v6-contain-table (max-width: 48rem) {
|
|
17496
|
+
@container pf-v6-contain-table (max-width: calc(48rem - 1px)) {
|
|
17118
17497
|
.pf-m-grid-md.pf-v6-c-table {
|
|
17119
17498
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
17120
17499
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -17424,7 +17803,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17424
17803
|
}
|
|
17425
17804
|
}
|
|
17426
17805
|
|
|
17427
|
-
@container pf-v6-contain-table (max-width: 62rem) {
|
|
17806
|
+
@container pf-v6-contain-table (max-width: calc(62rem - 1px)) {
|
|
17428
17807
|
.pf-m-grid-lg.pf-v6-c-table {
|
|
17429
17808
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
17430
17809
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -17734,7 +18113,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17734
18113
|
}
|
|
17735
18114
|
}
|
|
17736
18115
|
|
|
17737
|
-
@container pf-v6-contain-table (max-width: 75rem) {
|
|
18116
|
+
@container pf-v6-contain-table (max-width: calc(75rem - 1px)) {
|
|
17738
18117
|
.pf-m-grid-xl.pf-v6-c-table {
|
|
17739
18118
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
17740
18119
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -18044,7 +18423,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18044
18423
|
}
|
|
18045
18424
|
}
|
|
18046
18425
|
|
|
18047
|
-
@container pf-v6-contain-table (max-width: 90.625rem) {
|
|
18426
|
+
@container pf-v6-contain-table (max-width: calc(90.625rem - 1px)) {
|
|
18048
18427
|
.pf-m-grid-2xl.pf-v6-c-table {
|
|
18049
18428
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
|
|
18050
18429
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
|
|
@@ -18406,10 +18785,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18406
18785
|
--pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18407
18786
|
--pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
18408
18787
|
--pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
18409
|
-
--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate:
|
|
18788
|
+
--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 0;
|
|
18410
18789
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
18411
18790
|
--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:
|
|
18791
|
+
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
|
|
18413
18792
|
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
18414
18793
|
--pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
18415
18794
|
--pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
@@ -18476,14 +18855,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18476
18855
|
--pf-v6-c-table__th--m-help--MinWidth: 11ch;
|
|
18477
18856
|
--pf-v6-c-table__column-help--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
18478
18857
|
--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:
|
|
18858
|
+
--pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: transparent;
|
|
18480
18859
|
--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--
|
|
18860
|
+
--pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
18861
|
+
--pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
18483
18862
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
18484
18863
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
|
|
18485
18864
|
--pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
|
|
18486
|
-
--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth:
|
|
18865
|
+
--pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: 0;
|
|
18487
18866
|
--pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
|
|
18488
18867
|
--pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
18489
18868
|
--pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
@@ -18525,6 +18904,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18525
18904
|
width: 100%;
|
|
18526
18905
|
background-color: var(--pf-v6-c-table--BackgroundColor);
|
|
18527
18906
|
}
|
|
18907
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain), .pf-v6-c-table.pf-m-plain {
|
|
18908
|
+
--pf-v6-c-table--BackgroundColor: transparent;
|
|
18909
|
+
--pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
|
|
18910
|
+
--pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
|
|
18911
|
+
--pf-v6-c-table__expandable-row-content--PaddingInlineEnd: 0;
|
|
18912
|
+
--pf-v6-c-table__control-row--BackgroundColor: transparent;
|
|
18913
|
+
}
|
|
18914
|
+
|
|
18528
18915
|
.pf-v6-c-table.pf-m-fixed {
|
|
18529
18916
|
table-layout: fixed;
|
|
18530
18917
|
}
|
|
@@ -18565,9 +18952,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18565
18952
|
.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
18953
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
18567
18954
|
}
|
|
18568
|
-
.pf-v6-c-table.pf-m-plain {
|
|
18569
|
-
--pf-v6-c-table--BackgroundColor: transparent;
|
|
18570
|
-
}
|
|
18571
18955
|
.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
18956
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
18573
18957
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -20392,7 +20776,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20392
20776
|
--pf-v6-c-tabs__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
20393
20777
|
--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
20778
|
--pf-v6-c-tabs__toggle-icon--Rotate: 0;
|
|
20395
|
-
--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate:
|
|
20779
|
+
--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: -180deg;
|
|
20396
20780
|
--pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
|
|
20397
20781
|
--pf-v6-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
20398
20782
|
--pf-v6-c-tabs--m-expandable--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -20418,7 +20802,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20418
20802
|
--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
20803
|
--pf-v6-c-tabs__link-toggle-icon--Rotate: 0;
|
|
20420
20804
|
--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:
|
|
20805
|
+
--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: -180deg;
|
|
20422
20806
|
}
|
|
20423
20807
|
|
|
20424
20808
|
.pf-v6-c-tabs {
|
|
@@ -21639,30 +22023,37 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21639
22023
|
--pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
|
|
21640
22024
|
--pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
21641
22025
|
--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--
|
|
22026
|
+
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
21643
22027
|
--pf-v6-c-toggle-group__button--ZIndex: auto;
|
|
21644
|
-
--pf-v6-c-toggle-group__button--hover--
|
|
22028
|
+
--pf-v6-c-toggle-group__button--hover--Color: var(--pf-t--global--text--color--on-brand--subtle--default);
|
|
22029
|
+
--pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--color--brand--subtle--default);
|
|
21645
22030
|
--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--
|
|
22031
|
+
--pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--brand--subtle--hover);
|
|
21647
22032
|
--pf-v6-c-toggle-group__button--hover--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21648
22033
|
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
21649
22034
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
21650
22035
|
--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--
|
|
22036
|
+
--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--control--default);
|
|
22037
|
+
--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--control--default);
|
|
22038
|
+
--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--control--default);
|
|
22039
|
+
--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--control--default);
|
|
21655
22040
|
--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-
|
|
22041
|
+
--pf-v6-c-toggle-group__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
22042
|
+
--pf-v6-c-toggle-group__icon--hover--Color: var(--pf-t--global--icon--color--on-brand--subtle--default);
|
|
22043
|
+
--pf-v6-c-toggle-group__icon--m-selected--Color: var(--pf-t--global--icon--color--on-brand--subtle--default);
|
|
22044
|
+
--pf-v6-c-toggle-group__icon--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
22045
|
+
--pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--subtle--default);
|
|
22046
|
+
--pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--subtle--default);
|
|
22047
|
+
--pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--brand--subtle--clicked);
|
|
22048
|
+
--pf-v6-c-toggle-group__button--m-selected--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
22049
|
+
--pf-v6-c-toggle-group__button--m-selected--after--BorderColor: var(--pf-t--global--border--color--brand--subtle--clicked);
|
|
22050
|
+
--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
|
|
22051
|
+
--pf-v6-c-toggle-group__button--m-selected--selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--brand--subtle--clicked);
|
|
21660
22052
|
--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
22053
|
--pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
21663
22054
|
--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
|
|
22055
|
+
--pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
22056
|
+
--pf-v6-c-toggle-group__button--disabled--disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--control--default);
|
|
21666
22057
|
--pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
|
|
21667
22058
|
--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
|
|
21668
22059
|
--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -21730,9 +22121,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21730
22121
|
}
|
|
21731
22122
|
.pf-v6-c-toggle-group__button:is(:hover, :focus) {
|
|
21732
22123
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
22124
|
+
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--hover--Color);
|
|
21733
22125
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
21734
22126
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
21735
22127
|
--pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--hover--after--BorderWidth);
|
|
22128
|
+
--pf-v6-c-toggle-group__icon--Color: var(--pf-v6-c-toggle-group__icon--hover--Color);
|
|
21736
22129
|
text-decoration-line: none;
|
|
21737
22130
|
}
|
|
21738
22131
|
.pf-v6-c-toggle-group__button.pf-m-selected {
|
|
@@ -21740,22 +22133,30 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21740
22133
|
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
|
|
21741
22134
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
|
|
21742
22135
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
|
|
22136
|
+
--pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderWidth);
|
|
22137
|
+
--pf-v6-c-toggle-group__button--after--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--after--BorderColor);
|
|
21743
22138
|
--pf-v6-c-toggle-group__button--after--BorderWidth: var(--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth);
|
|
22139
|
+
--pf-v6-c-toggle-group__icon--Color: var(--pf-v6-c-toggle-group__icon--m-selected--Color);
|
|
21744
22140
|
}
|
|
21745
22141
|
.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
|
|
21746
22142
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
|
|
21747
22143
|
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
|
|
21748
22144
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
|
|
21749
22145
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
|
|
22146
|
+
--pf-v6-c-toggle-group__icon--Color: var(--pf-v6-c-toggle-group__icon--disabled--Color);
|
|
21750
22147
|
pointer-events: none;
|
|
21751
22148
|
}
|
|
21752
22149
|
|
|
21753
22150
|
.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
|
|
22151
|
+
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected--selected--before--BorderInlineStartColor);
|
|
21755
22152
|
}
|
|
21756
22153
|
|
|
21757
22154
|
.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
|
|
22155
|
+
--pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled--disabled--before--BorderInlineStartColor);
|
|
22156
|
+
}
|
|
22157
|
+
|
|
22158
|
+
.pf-v6-c-toggle-group__icon {
|
|
22159
|
+
color: var(--pf-v6-c-toggle-group__icon--Color);
|
|
21759
22160
|
}
|
|
21760
22161
|
|
|
21761
22162
|
.pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
|
|
@@ -21809,7 +22210,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21809
22210
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
|
|
21810
22211
|
--pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
21811
22212
|
--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:
|
|
22213
|
+
--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: -180deg;
|
|
21813
22214
|
--pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
21814
22215
|
--pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
21815
22216
|
--pf-v6-c-toolbar__group--m-label-group--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
@@ -23993,7 +24394,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23993
24394
|
--pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
23994
24395
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
23995
24396
|
--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:
|
|
24397
|
+
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
|
|
23997
24398
|
--pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
23998
24399
|
--pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
23999
24400
|
--pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
@@ -24468,6 +24869,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
24468
24869
|
--pf-v6-c-wizard--Height--base: 100%;
|
|
24469
24870
|
--pf-v6-c-modal-box--c-wizard--Height--base: 47.625rem;
|
|
24470
24871
|
--pf-v6-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
24872
|
+
--pf-v6-c-wizard--m-plain__header--BackgroundColor: transparent;
|
|
24471
24873
|
--pf-v6-c-wizard__header--ZIndex: auto;
|
|
24472
24874
|
--pf-v6-c-wizard__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
24473
24875
|
--pf-v6-c-wizard__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -24500,7 +24902,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
24500
24902
|
--pf-v6-c-wizard__nav-link-main--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
24501
24903
|
--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
24502
24904
|
--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--
|
|
24905
|
+
--pf-v6-c-wizard__nav-link-main--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
24504
24906
|
--pf-v6-c-wizard__nav-link-main--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
24505
24907
|
--pf-v6-c-wizard__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
24506
24908
|
--pf-v6-c-wizard__nav-link--hover__nav-link-main--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
@@ -24511,7 +24913,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
24511
24913
|
--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
24512
24914
|
--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
24513
24915
|
--pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
|
|
24514
|
-
--pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate:
|
|
24916
|
+
--pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: -180deg;
|
|
24515
24917
|
--pf-v6-c-wizard__nav-link--before--Width: var(--pf-t--global--icon--size--font--xl);
|
|
24516
24918
|
--pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
|
|
24517
24919
|
--pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -24534,6 +24936,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
24534
24936
|
--pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
|
|
24535
24937
|
--pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
|
|
24536
24938
|
--pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
24939
|
+
--pf-v6-c-wizard--m-plain__toggle--BackgroundColor: transparent;
|
|
24537
24940
|
--pf-v6-c-wizard__toggle--ZIndex: var(--pf-t--global--z-index--xs);
|
|
24538
24941
|
--pf-v6-c-wizard__toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
24539
24942
|
--pf-v6-c-wizard__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -24558,17 +24961,20 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
24558
24961
|
--pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
24559
24962
|
--pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
|
|
24560
24963
|
--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--
|
|
24964
|
+
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
24965
|
+
--pf-v6-c-wizard--m-plain__nav--BackgroundColor: transparent;
|
|
24562
24966
|
--pf-v6-c-wizard__nav--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24563
24967
|
--pf-v6-c-wizard__nav--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
24564
24968
|
--pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
24565
24969
|
--pf-v6-c-wizard__nav--Width: 100%;
|
|
24970
|
+
--pf-v6-c-wizard__nav--lg--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
24566
24971
|
--pf-v6-c-wizard__nav--lg--Width: 15.625rem;
|
|
24567
24972
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
24568
24973
|
--pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
|
|
24569
24974
|
}
|
|
24570
24975
|
@media screen and (min-width: 62rem) {
|
|
24571
24976
|
.pf-v6-c-wizard {
|
|
24977
|
+
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard__nav--lg--BackgroundColor);
|
|
24572
24978
|
--pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
|
|
24573
24979
|
--pf-v6-c-wizard__nav--BoxShadow: none;
|
|
24574
24980
|
--pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
|
|
@@ -24583,6 +24989,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
24583
24989
|
--pf-v6-c-wizard__nav-list--nested--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
24584
24990
|
--pf-v6-c-wizard__nav-item--MarginBlockStart: var(--pf-t--global--spacer--md);
|
|
24585
24991
|
--pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
24992
|
+
--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor: transparent;
|
|
24586
24993
|
--pf-v6-c-wizard__outer-wrap--lg--PaddingInlineStart: var(--pf-v6-c-wizard__nav--Width);
|
|
24587
24994
|
--pf-v6-c-wizard__outer-wrap--MinHeight: 15.625rem;
|
|
24588
24995
|
--pf-v6-c-wizard__main--ZIndex: auto;
|
|
@@ -24591,6 +24998,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
24591
24998
|
--pf-v6-c-wizard__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
24592
24999
|
--pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
24593
25000
|
--pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
25001
|
+
--pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
|
|
24594
25002
|
--pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
|
|
24595
25003
|
--pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
24596
25004
|
--pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -24621,6 +25029,17 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
24621
25029
|
.pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
|
|
24622
25030
|
display: none;
|
|
24623
25031
|
}
|
|
25032
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
|
|
25033
|
+
--pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
|
|
25034
|
+
--pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
|
|
25035
|
+
--pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
|
|
25036
|
+
--pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
|
|
25037
|
+
}
|
|
25038
|
+
@media screen and (min-width: 62rem) {
|
|
25039
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
|
|
25040
|
+
--pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
|
|
25041
|
+
}
|
|
25042
|
+
}
|
|
24624
25043
|
|
|
24625
25044
|
.pf-v6-c-wizard__header {
|
|
24626
25045
|
position: relative;
|