@patternfly/patternfly 6.5.0-prerelease.65 → 6.5.0-prerelease.67

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 (56) hide show
  1. package/components/Accordion/accordion.css +1 -2
  2. package/components/Accordion/accordion.scss +2 -2
  3. package/components/Breadcrumb/breadcrumb.css +6 -2
  4. package/components/Breadcrumb/breadcrumb.scss +6 -2
  5. package/components/DataList/data-list.css +1 -1
  6. package/components/DataList/data-list.scss +2 -2
  7. package/components/Drawer/drawer.css +3 -5
  8. package/components/Drawer/drawer.scss +7 -9
  9. package/components/MenuToggle/menu-toggle.css +1 -1
  10. package/components/MenuToggle/menu-toggle.scss +1 -1
  11. package/components/Page/page.css +11 -11
  12. package/components/Page/page.scss +2 -2
  13. package/components/Table/table.css +59 -21
  14. package/components/Table/table.scss +77 -26
  15. package/components/Wizard/wizard.css +2 -2
  16. package/components/Wizard/wizard.scss +4 -4
  17. package/components/_index.css +84 -45
  18. package/docs/components/ActionList/examples/ActionList.md +2 -2
  19. package/docs/components/Alert/examples/Alert.md +4 -4
  20. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  21. package/docs/components/Button/examples/Button.md +31 -31
  22. package/docs/components/Icon/examples/Icon.md +13 -1
  23. package/docs/components/Menu/examples/Menu.md +26 -2
  24. package/docs/components/MenuToggle/examples/MenuToggle.md +172 -64
  25. package/docs/components/Table/examples/Table.css +2 -1
  26. package/docs/components/Table/examples/Table.md +1330 -166
  27. package/docs/components/Toolbar/examples/Toolbar.md +67 -7
  28. package/docs/components/TreeView/examples/TreeView.md +4 -4
  29. package/docs/components/Wizard/examples/Wizard.md +1 -1
  30. package/docs/demos/AboutModal/examples/AboutModal.md +23 -15
  31. package/docs/demos/Alert/examples/Alert.md +69 -45
  32. package/docs/demos/BackToTop/examples/BackToTop.md +23 -15
  33. package/docs/demos/Banner/examples/Banner.md +46 -30
  34. package/docs/demos/CardView/examples/CardView.md +36 -16
  35. package/docs/demos/Compass/examples/Compass.md +76 -19
  36. package/docs/demos/Dashboard/examples/Dashboard.md +23 -15
  37. package/docs/demos/DataList/examples/DataList.md +157 -65
  38. package/docs/demos/DescriptionList/examples/DescriptionList.md +69 -45
  39. package/docs/demos/Drawer/examples/Drawer.md +115 -75
  40. package/docs/demos/JumpLinks/examples/JumpLinks.md +138 -90
  41. package/docs/demos/Masthead/examples/Masthead.md +101 -21
  42. package/docs/demos/Modal/examples/Modal.md +138 -90
  43. package/docs/demos/Nav/examples/Nav.md +188 -120
  44. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +115 -75
  45. package/docs/demos/Page/examples/Page.md +361 -213
  46. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +265 -113
  47. package/docs/demos/Skeleton/examples/Skeleton.md +23 -15
  48. package/docs/demos/Table/examples/Table.md +3561 -618
  49. package/docs/demos/Tabs/examples/Tabs.md +151 -91
  50. package/docs/demos/Toolbar/examples/Toolbar.md +546 -106
  51. package/docs/demos/Wizard/examples/Wizard.md +207 -135
  52. package/package.json +2 -2
  53. package/patternfly-no-globals.css +84 -45
  54. package/patternfly.css +84 -45
  55. package/patternfly.min.css +1 -1
  56. package/patternfly.min.css.map +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.5.0-prerelease.65",
4
+ "version": "6.5.0-prerelease.67",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -69,7 +69,7 @@
69
69
  "@commitlint/config-conventional": "^19.1.0",
70
70
  "@fortawesome/fontawesome": "^1.1.8",
71
71
  "@octokit/rest": "^20.1.0",
72
- "@patternfly/documentation-framework": "6.36.8",
72
+ "@patternfly/documentation-framework": "6.37.0",
73
73
  "@patternfly/patternfly-a11y": "5.1.0",
74
74
  "@patternfly/react-code-editor": "6.4.1",
75
75
  "@patternfly/react-core": "6.4.1",
@@ -9453,13 +9453,12 @@
9453
9453
  row-gap: var(--pf-v6-c-accordion--RowGap);
9454
9454
  background-color: var(--pf-v6-c-accordion--BackgroundColor);
9455
9455
  }
9456
- :where(.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain-on-glass), .pf-v6-c-accordion.pf-m-plain {
9456
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-accordion.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain-on-glass) {
9457
9457
  --pf-v6-c-accordion--BackgroundColor: transparent;
9458
9458
  --pf-v6-c-accordion__expandable-content--BackgroundColor: transparent;
9459
9459
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: transparent;
9460
9460
  --pf-v6-c-accordion__item--m-expanded__toggle--BackgroundColor: var(--pf-v6-c-accordion--m-plain__item--m-expanded__toggle--BackgroundColor);
9461
9461
  }
9462
-
9463
9462
  .pf-v6-c-accordion.pf-m-toggle-start {
9464
9463
  --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap);
9465
9464
  }
@@ -10648,7 +10647,7 @@
10648
10647
  }
10649
10648
 
10650
10649
  .pf-v6-c-breadcrumb {
10651
- --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
10650
+ --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--default);
10652
10651
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
10653
10652
  --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
10654
10653
  --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
@@ -10659,12 +10658,14 @@
10659
10658
  --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
10660
10659
  --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
10661
10660
  --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
10661
+ --pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
10662
10662
  --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
10663
10663
  --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
10664
10664
  --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
10665
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
10665
10666
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
10666
10667
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
10667
- --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
10668
+ --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
10668
10669
  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
10669
10670
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
10670
10671
  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
@@ -10717,6 +10718,7 @@
10717
10718
  color: var(--pf-v6-c-breadcrumb__link--Color);
10718
10719
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
10719
10720
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
10721
+ text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
10720
10722
  word-break: break-word;
10721
10723
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
10722
10724
  }
@@ -10724,6 +10726,7 @@
10724
10726
  --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
10725
10727
  --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
10726
10728
  --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
10729
+ --pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationColor);
10727
10730
  }
10728
10731
  .pf-v6-c-breadcrumb__link.pf-m-current {
10729
10732
  cursor: default;
@@ -13981,7 +13984,7 @@ ul) {
13981
13984
  .pf-v6-c-data-list.pf-m-drag-over {
13982
13985
  overflow-anchor: none;
13983
13986
  }
13984
- :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 {
13987
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-data-list.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass) {
13985
13988
  --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
13986
13989
  }
13987
13990
 
@@ -15631,11 +15634,9 @@ ul) {
15631
15634
  .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) {
15632
15635
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
15633
15636
  }
15634
- .pf-v6-c-drawer.pf-m-inline.pf-m-glass, .pf-v6-c-drawer.pf-m-static.pf-m-glass {
15637
+ .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass, .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass {
15635
15638
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
15636
15639
  --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
15637
- }
15638
- .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 {
15639
15640
  backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
15640
15641
  }
15641
15642
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -15968,8 +15969,8 @@ ul) {
15968
15969
  --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
15969
15970
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
15970
15971
  }
15971
- :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 {
15972
- background: transparent;
15972
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-plain-on-glass), :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-plain-on-glass) {
15973
+ --pf-v6-c-drawer__panel--BackgroundColor: transparent;
15973
15974
  }
15974
15975
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15975
15976
  box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
@@ -21067,7 +21068,7 @@ ul.pf-v6-c-list {
21067
21068
  --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
21068
21069
  --pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
21069
21070
  --pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
21070
- --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--control--default);
21071
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
21071
21072
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21072
21073
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
21073
21074
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -23460,17 +23461,17 @@ ul.pf-v6-c-list {
23460
23461
  outline: 0;
23461
23462
  }
23462
23463
 
23463
- :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,
23464
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
23465
- .pf-v6-c-page__main-breadcrumb.pf-m-plain,
23466
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
23467
- .pf-v6-c-page__main-tabs.pf-m-plain,
23468
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
23469
- .pf-v6-c-page__main-section.pf-m-plain,
23470
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
23471
- .pf-v6-c-page__main-wizard.pf-m-plain,
23472
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass),
23473
- .pf-v6-c-page__main-group.pf-m-plain {
23464
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain-on-glass),
23465
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-breadcrumb.pf-m-plain,
23466
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
23467
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-tabs.pf-m-plain,
23468
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
23469
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-section.pf-m-plain,
23470
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
23471
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-wizard.pf-m-plain,
23472
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
23473
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-group.pf-m-plain,
23474
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass) {
23474
23475
  --pf-v6-c-page__main-section--BackgroundColor: transparent;
23475
23476
  --pf-v6-c-page__main-subnav--BackgroundColor: transparent;
23476
23477
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: transparent;
@@ -28205,6 +28206,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28205
28206
  --pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28206
28207
  --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28207
28208
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28209
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
28210
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
28211
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28208
28212
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28209
28213
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
28210
28214
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -28212,55 +28216,79 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28212
28216
  --pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--control--horizontal--plain));
28213
28217
  --pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - (var(--pf-t--global--spacer--control--horizontal--plain) / 2));
28214
28218
  --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--striped--row--default);
28219
+ --pf-v6-c-table--m-sticky-header--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
28215
28220
  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
28216
28221
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
28217
28222
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28223
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
28224
+ --pf-v6-c-table--m-sticky-header--BoxShadow: 0;
28225
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
28226
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
28227
+ --pf-v6-c-table--m-sticky-header--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
28228
+ --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
28229
+ --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
28230
+ --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
28231
+ }
28232
+ :where(.pf-v6-theme-glass) .pf-v6-c-table {
28233
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
28234
+ --pf-v6-c-table--m-sticky-header--BoxShadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow--glass);
28235
+ --pf-v6-c-table--m-sticky-header--BorderRadius: var(--pf-v6-c-table--m-sticky-header--BorderRadius--glass);
28218
28236
  }
28219
28237
 
28220
28238
  .pf-v6-c-table {
28221
28239
  width: 100%;
28222
28240
  background-color: var(--pf-v6-c-table--BackgroundColor);
28223
28241
  }
28224
- :where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass), .pf-v6-c-table.pf-m-plain {
28242
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-table.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass) {
28225
28243
  --pf-v6-c-table--BackgroundColor: transparent;
28226
28244
  --pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
28227
28245
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
28228
28246
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: 0;
28229
28247
  --pf-v6-c-table__control-row--BackgroundColor: transparent;
28230
28248
  }
28231
-
28232
28249
  .pf-v6-c-table.pf-m-fixed {
28233
28250
  table-layout: fixed;
28234
28251
  }
28235
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead,
28236
- .pf-v6-c-table .pf-v6-c-table__thead.pf-m-nested-column-header {
28252
+ .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
28253
+ opacity: 0;
28254
+ transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
28255
+ transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
28256
+ transition-property: opacity;
28257
+ }
28258
+ .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
28259
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
28260
+ }
28261
+ .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after {
28262
+ opacity: 1;
28263
+ }
28264
+ .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
28265
+ position: relative;
28266
+ }
28267
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead {
28237
28268
  position: sticky;
28238
28269
  inset-block-start: 0;
28239
28270
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
28240
- background: var(--pf-v6-c-table--BackgroundColor);
28241
28271
  }
28242
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before,
28243
- .pf-v6-c-table .pf-v6-c-table__thead.pf-m-nested-column-header::before {
28272
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before {
28244
28273
  position: absolute;
28245
- inset-block-start: 0;
28246
- inset-block-end: 0;
28247
- inset-inline-start: 0;
28248
- inset-inline-end: 0;
28249
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
28274
+ inset: 0;
28275
+ z-index: -1;
28250
28276
  pointer-events: none;
28251
28277
  content: "";
28252
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28278
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28279
+ border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28280
+ box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
28253
28281
  }
28254
- .pf-v6-c-table.pf-m-sticky-header {
28255
- position: relative;
28256
- }
28257
- .pf-v6-c-table.pf-m-sticky-header thead:where(.pf-v6-c-table__thead) tr:where(.pf-v6-c-table__tr) > :where(th, td) {
28282
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
28258
28283
  z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
28259
28284
  }
28260
- .pf-v6-c-table.pf-m-sticky-header > .pf-m-nested-column-header {
28261
- position: sticky;
28262
- inset-block-start: 0;
28263
- background: var(--pf-v6-c-table--BackgroundColor);
28285
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
28286
+ position: absolute;
28287
+ inset: 0;
28288
+ z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
28289
+ pointer-events: none;
28290
+ content: "";
28291
+ border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
28264
28292
  }
28265
28293
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
28266
28294
  border-block-end: 0;
@@ -28951,6 +28979,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28951
28979
  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
28952
28980
  vertical-align: bottom;
28953
28981
  }
28982
+ .pf-v6-c-table__thead.pf-m-nested-column-header {
28983
+ position: relative;
28984
+ }
28985
+ .pf-v6-c-table__thead.pf-m-nested-column-header::after {
28986
+ position: absolute;
28987
+ inset: 0;
28988
+ z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
28989
+ pointer-events: none;
28990
+ content: "";
28991
+ border-block-end: var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth) solid var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor);
28992
+ }
28954
28993
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
28955
28994
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineStart);
28956
28995
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd);
@@ -34347,14 +34386,14 @@ label.pf-v6-c-tree-view__node-text {
34347
34386
  .pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
34348
34387
  display: none;
34349
34388
  }
34350
- :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
34389
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-wizard.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass) {
34351
34390
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
34352
34391
  --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
34353
34392
  --pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
34354
34393
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
34355
34394
  }
34356
34395
  @media screen and (min-width: 62rem) {
34357
- :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
34396
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-wizard.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass) {
34358
34397
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
34359
34398
  }
34360
34399
  }
package/patternfly.css CHANGED
@@ -9600,13 +9600,12 @@ button) {
9600
9600
  row-gap: var(--pf-v6-c-accordion--RowGap);
9601
9601
  background-color: var(--pf-v6-c-accordion--BackgroundColor);
9602
9602
  }
9603
- :where(.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain-on-glass), .pf-v6-c-accordion.pf-m-plain {
9603
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-accordion.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain-on-glass) {
9604
9604
  --pf-v6-c-accordion--BackgroundColor: transparent;
9605
9605
  --pf-v6-c-accordion__expandable-content--BackgroundColor: transparent;
9606
9606
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: transparent;
9607
9607
  --pf-v6-c-accordion__item--m-expanded__toggle--BackgroundColor: var(--pf-v6-c-accordion--m-plain__item--m-expanded__toggle--BackgroundColor);
9608
9608
  }
9609
-
9610
9609
  .pf-v6-c-accordion.pf-m-toggle-start {
9611
9610
  --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap);
9612
9611
  }
@@ -10795,7 +10794,7 @@ button) {
10795
10794
  }
10796
10795
 
10797
10796
  .pf-v6-c-breadcrumb {
10798
- --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
10797
+ --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--default);
10799
10798
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
10800
10799
  --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
10801
10800
  --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
@@ -10806,12 +10805,14 @@ button) {
10806
10805
  --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
10807
10806
  --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
10808
10807
  --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
10808
+ --pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
10809
10809
  --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
10810
10810
  --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
10811
10811
  --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
10812
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
10812
10813
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
10813
10814
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
10814
- --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
10815
+ --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
10815
10816
  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
10816
10817
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
10817
10818
  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
@@ -10864,6 +10865,7 @@ button) {
10864
10865
  color: var(--pf-v6-c-breadcrumb__link--Color);
10865
10866
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
10866
10867
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
10868
+ text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
10867
10869
  word-break: break-word;
10868
10870
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
10869
10871
  }
@@ -10871,6 +10873,7 @@ button) {
10871
10873
  --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
10872
10874
  --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
10873
10875
  --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
10876
+ --pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationColor);
10874
10877
  }
10875
10878
  .pf-v6-c-breadcrumb__link.pf-m-current {
10876
10879
  cursor: default;
@@ -14128,7 +14131,7 @@ ul) {
14128
14131
  .pf-v6-c-data-list.pf-m-drag-over {
14129
14132
  overflow-anchor: none;
14130
14133
  }
14131
- :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 {
14134
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-data-list.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass) {
14132
14135
  --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
14133
14136
  }
14134
14137
 
@@ -15778,11 +15781,9 @@ ul) {
15778
15781
  .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) {
15779
15782
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
15780
15783
  }
15781
- .pf-v6-c-drawer.pf-m-inline.pf-m-glass, .pf-v6-c-drawer.pf-m-static.pf-m-glass {
15784
+ .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass, .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass {
15782
15785
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
15783
15786
  --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
15784
- }
15785
- .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 {
15786
15787
  backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
15787
15788
  }
15788
15789
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -16115,8 +16116,8 @@ ul) {
16115
16116
  --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
16116
16117
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
16117
16118
  }
16118
- :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 {
16119
- background: transparent;
16119
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-plain-on-glass), :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-plain-on-glass) {
16120
+ --pf-v6-c-drawer__panel--BackgroundColor: transparent;
16120
16121
  }
16121
16122
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
16122
16123
  box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
@@ -21214,7 +21215,7 @@ ul.pf-v6-c-list {
21214
21215
  --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
21215
21216
  --pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
21216
21217
  --pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
21217
- --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--control--default);
21218
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
21218
21219
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21219
21220
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
21220
21221
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -23607,17 +23608,17 @@ ul.pf-v6-c-list {
23607
23608
  outline: 0;
23608
23609
  }
23609
23610
 
23610
- :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,
23611
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
23612
- .pf-v6-c-page__main-breadcrumb.pf-m-plain,
23613
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
23614
- .pf-v6-c-page__main-tabs.pf-m-plain,
23615
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
23616
- .pf-v6-c-page__main-section.pf-m-plain,
23617
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
23618
- .pf-v6-c-page__main-wizard.pf-m-plain,
23619
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass),
23620
- .pf-v6-c-page__main-group.pf-m-plain {
23611
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain-on-glass),
23612
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-breadcrumb.pf-m-plain,
23613
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
23614
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-tabs.pf-m-plain,
23615
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
23616
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-section.pf-m-plain,
23617
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
23618
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-wizard.pf-m-plain,
23619
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
23620
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-group.pf-m-plain,
23621
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass) {
23621
23622
  --pf-v6-c-page__main-section--BackgroundColor: transparent;
23622
23623
  --pf-v6-c-page__main-subnav--BackgroundColor: transparent;
23623
23624
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: transparent;
@@ -28352,6 +28353,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28352
28353
  --pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28353
28354
  --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28354
28355
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28356
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
28357
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
28358
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28355
28359
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28356
28360
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
28357
28361
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -28359,55 +28363,79 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28359
28363
  --pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--control--horizontal--plain));
28360
28364
  --pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - (var(--pf-t--global--spacer--control--horizontal--plain) / 2));
28361
28365
  --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--striped--row--default);
28366
+ --pf-v6-c-table--m-sticky-header--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
28362
28367
  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
28363
28368
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
28364
28369
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28370
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
28371
+ --pf-v6-c-table--m-sticky-header--BoxShadow: 0;
28372
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
28373
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
28374
+ --pf-v6-c-table--m-sticky-header--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
28375
+ --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
28376
+ --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
28377
+ --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
28378
+ }
28379
+ :where(.pf-v6-theme-glass) .pf-v6-c-table {
28380
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
28381
+ --pf-v6-c-table--m-sticky-header--BoxShadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow--glass);
28382
+ --pf-v6-c-table--m-sticky-header--BorderRadius: var(--pf-v6-c-table--m-sticky-header--BorderRadius--glass);
28365
28383
  }
28366
28384
 
28367
28385
  .pf-v6-c-table {
28368
28386
  width: 100%;
28369
28387
  background-color: var(--pf-v6-c-table--BackgroundColor);
28370
28388
  }
28371
- :where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass), .pf-v6-c-table.pf-m-plain {
28389
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-table.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass) {
28372
28390
  --pf-v6-c-table--BackgroundColor: transparent;
28373
28391
  --pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
28374
28392
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
28375
28393
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: 0;
28376
28394
  --pf-v6-c-table__control-row--BackgroundColor: transparent;
28377
28395
  }
28378
-
28379
28396
  .pf-v6-c-table.pf-m-fixed {
28380
28397
  table-layout: fixed;
28381
28398
  }
28382
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead,
28383
- .pf-v6-c-table .pf-v6-c-table__thead.pf-m-nested-column-header {
28399
+ .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
28400
+ opacity: 0;
28401
+ transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
28402
+ transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
28403
+ transition-property: opacity;
28404
+ }
28405
+ .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
28406
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
28407
+ }
28408
+ .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after {
28409
+ opacity: 1;
28410
+ }
28411
+ .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
28412
+ position: relative;
28413
+ }
28414
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead {
28384
28415
  position: sticky;
28385
28416
  inset-block-start: 0;
28386
28417
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
28387
- background: var(--pf-v6-c-table--BackgroundColor);
28388
28418
  }
28389
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before,
28390
- .pf-v6-c-table .pf-v6-c-table__thead.pf-m-nested-column-header::before {
28419
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before {
28391
28420
  position: absolute;
28392
- inset-block-start: 0;
28393
- inset-block-end: 0;
28394
- inset-inline-start: 0;
28395
- inset-inline-end: 0;
28396
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
28421
+ inset: 0;
28422
+ z-index: -1;
28397
28423
  pointer-events: none;
28398
28424
  content: "";
28399
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
28425
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28426
+ border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28427
+ box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
28400
28428
  }
28401
- .pf-v6-c-table.pf-m-sticky-header {
28402
- position: relative;
28403
- }
28404
- .pf-v6-c-table.pf-m-sticky-header thead:where(.pf-v6-c-table__thead) tr:where(.pf-v6-c-table__tr) > :where(th, td) {
28429
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
28405
28430
  z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
28406
28431
  }
28407
- .pf-v6-c-table.pf-m-sticky-header > .pf-m-nested-column-header {
28408
- position: sticky;
28409
- inset-block-start: 0;
28410
- background: var(--pf-v6-c-table--BackgroundColor);
28432
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
28433
+ position: absolute;
28434
+ inset: 0;
28435
+ z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
28436
+ pointer-events: none;
28437
+ content: "";
28438
+ border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
28411
28439
  }
28412
28440
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
28413
28441
  border-block-end: 0;
@@ -29098,6 +29126,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29098
29126
  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
29099
29127
  vertical-align: bottom;
29100
29128
  }
29129
+ .pf-v6-c-table__thead.pf-m-nested-column-header {
29130
+ position: relative;
29131
+ }
29132
+ .pf-v6-c-table__thead.pf-m-nested-column-header::after {
29133
+ position: absolute;
29134
+ inset: 0;
29135
+ z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
29136
+ pointer-events: none;
29137
+ content: "";
29138
+ border-block-end: var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth) solid var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor);
29139
+ }
29101
29140
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
29102
29141
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineStart);
29103
29142
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd);
@@ -34494,14 +34533,14 @@ label.pf-v6-c-tree-view__node-text {
34494
34533
  .pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
34495
34534
  display: none;
34496
34535
  }
34497
- :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
34536
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-wizard.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass) {
34498
34537
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
34499
34538
  --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
34500
34539
  --pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
34501
34540
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
34502
34541
  }
34503
34542
  @media screen and (min-width: 62rem) {
34504
- :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
34543
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-wizard.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass) {
34505
34544
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
34506
34545
  }
34507
34546
  }