@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.
Files changed (76) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/assets/images/compass--hero-bg.png +0 -0
  3. package/css/assets/images/compass--wallpaper-dark.jpg +0 -0
  4. package/css/assets/images/compass--wallpaper-light.jpg +0 -0
  5. package/css/assets/images/glass-brand-dark.jpg +0 -0
  6. package/css/assets/images/glass-brand-dark.png +0 -0
  7. package/css/assets/images/glass-brand-light.jpg +0 -0
  8. package/css/assets/images/glass-brand-light.png +0 -0
  9. package/css/components/Accordion/accordion.css +11 -1
  10. package/css/components/Accordion/accordion.d.ts +4 -1
  11. package/css/components/Accordion/accordion.js +4 -1
  12. package/css/components/Accordion/accordion.mjs +4 -1
  13. package/css/components/Alert/alert.css +2 -1
  14. package/css/components/Button/button.css +98 -19
  15. package/css/components/Button/button.d.ts +3 -0
  16. package/css/components/Button/button.js +3 -0
  17. package/css/components/Button/button.mjs +3 -0
  18. package/css/components/Card/card.css +34 -9
  19. package/css/components/Card/card.d.ts +1 -0
  20. package/css/components/Card/card.js +1 -0
  21. package/css/components/Card/card.mjs +1 -0
  22. package/css/components/ClipboardCopy/clipboard-copy.css +1 -1
  23. package/css/components/Compass/compass.css +6 -6
  24. package/css/components/DataList/data-list.css +2 -2
  25. package/css/components/DataList/data-list.d.ts +3 -1
  26. package/css/components/DataList/data-list.js +3 -1
  27. package/css/components/DataList/data-list.mjs +3 -1
  28. package/css/components/Drawer/drawer.css +11 -6
  29. package/css/components/Drawer/drawer.d.ts +5 -2
  30. package/css/components/Drawer/drawer.js +5 -2
  31. package/css/components/Drawer/drawer.mjs +5 -2
  32. package/css/components/DualListSelector/dual-list-selector.css +1 -1
  33. package/css/components/ExpandableSection/expandable-section.css +2 -2
  34. package/css/components/Form/form.css +1 -1
  35. package/css/components/JumpLinks/jump-links.css +1 -1
  36. package/css/components/Login/login.css +7 -3
  37. package/css/components/Masthead/masthead.css +49 -7
  38. package/css/components/Masthead/masthead.d.ts +4 -0
  39. package/css/components/Masthead/masthead.js +4 -0
  40. package/css/components/Masthead/masthead.mjs +4 -0
  41. package/css/components/MenuToggle/menu-toggle.css +26 -2
  42. package/css/components/MenuToggle/menu-toggle.d.ts +3 -0
  43. package/css/components/MenuToggle/menu-toggle.js +3 -0
  44. package/css/components/MenuToggle/menu-toggle.mjs +3 -0
  45. package/css/components/Nav/nav.css +19 -11
  46. package/css/components/Nav/nav.d.ts +3 -1
  47. package/css/components/Nav/nav.js +3 -1
  48. package/css/components/Nav/nav.mjs +3 -1
  49. package/css/components/NotificationDrawer/notification-drawer.css +11 -3
  50. package/css/components/Page/page.css +165 -6
  51. package/css/components/Page/page.d.ts +12 -1
  52. package/css/components/Page/page.js +12 -1
  53. package/css/components/Page/page.mjs +12 -1
  54. package/css/components/Panel/panel.css +14 -0
  55. package/css/components/Panel/panel.d.ts +2 -1
  56. package/css/components/Panel/panel.js +2 -1
  57. package/css/components/Panel/panel.mjs +2 -1
  58. package/css/components/Table/table-grid.css +4 -4
  59. package/css/components/Table/table.css +14 -9
  60. package/css/components/Table/table.d.ts +4 -2
  61. package/css/components/Table/table.js +4 -2
  62. package/css/components/Table/table.mjs +4 -2
  63. package/css/components/Tabs/tabs.css +2 -2
  64. package/css/components/ToggleGroup/toggle-group.css +33 -16
  65. package/css/components/Toolbar/toolbar.css +1 -1
  66. package/css/components/TreeView/tree-view.css +1 -1
  67. package/css/components/Wizard/wizard.css +21 -3
  68. package/css/components/Wizard/wizard.d.ts +3 -0
  69. package/css/components/Wizard/wizard.js +3 -0
  70. package/css/components/Wizard/wizard.mjs +3 -0
  71. package/css/components/_index.css +537 -118
  72. package/css/components/_index.d.ts +6 -1
  73. package/css/components/_index.js +6 -1
  74. package/css/components/_index.mjs +6 -1
  75. package/css/docs/components/DragDrop/examples/DragDrop.css +1 -1
  76. 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: 90deg;
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: 90deg;
574
+ --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: -180deg;
565
575
  --pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
566
576
  }
567
577
 
@@ -649,6 +659,7 @@
649
659
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
650
660
  font-size: var(--pf-v6-c-alert__icon--FontSize);
651
661
  color: var(--pf-v6-c-alert__icon--Color);
662
+ scale: 1.14;
652
663
  }
653
664
 
654
665
  .pf-v6-c-alert__title {
@@ -1604,7 +1615,7 @@ button.pf-v6-c-breadcrumb__link {
1604
1615
  --pf-v6-c-button--AlignItems: baseline;
1605
1616
  --pf-v6-c-button--JustifyContent: center;
1606
1617
  --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
1607
- --pf-v6-c-button--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
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--small);
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--small);
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--lg);
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--default);
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: 90deg;
2753
- --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
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-m-clickable:not(.pf-m-selectable) {
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: 90deg;
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--alt);
3571
- --pf-v6-c-compass__panel--BorderRadius: var(--pf-t--global--border--radius--large);
3572
- --pf-v6-c-compass__panel--BorderWidth: var(--pf-t--global--border--width--regular);
3573
- --pf-v6-c-compass__panel--BoxShadow: var(--pf-t--global--box-shadow--md);
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: 90deg;
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: 90deg;
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--alt);
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: 90deg;
7200
- --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
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: 90deg;
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: 90deg;
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: var(--pf-v6-c-masthead--m-docked--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: center;
10429
- width: fit-content;
10552
+ align-items: stretch;
10430
10553
  height: 100%;
10431
- backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
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-masthead--c-toolbar--Width: fit-content;
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: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
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--border--color--clicked);
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: 90deg;
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--small);
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: fit-content;
12821
+ width: 100%;
12632
12822
  }
12633
- .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-icon {
12634
- position: relative;
12635
- align-self: center;
12636
- min-width: 1lh;
12637
- text-align: center;
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-nav__link-text {
12640
- display: none;
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: 90deg;
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
- --pf-v6-c-page__main-container--MarginInlineStart: 0;
13387
- grid-template-areas: "dock main";
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
- column-gap: var(--pf-v6-c-page--m-dock--ColumnGap);
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: 270deg;
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: 360deg;
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: var(--pf-t--global--background--color--action--plain--default);
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--action--plain--hover);
18482
- --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
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: var(--pf-t--global--border--width--strong);
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: 90deg;
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: 90deg;
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--action--plain--default);
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--BackgroundColor: var(--pf-t--global--background--color--primary--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--default);
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--tiny);
21652
- --pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
21653
- --pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--tiny);
21654
- --pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--tiny);
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-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
21657
- --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
21658
- --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
21659
- --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--alt);
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--disabled);
21665
- --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--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-selected--before--BorderInlineStartColor);
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-disabled--before--BorderInlineStartColor);
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: 90deg;
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: 90deg;
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--small);
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: 90deg;
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--primary--default);
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;