@patternfly/react-styles 6.5.0-prerelease.13 → 6.5.0-prerelease.15

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