@patternfly/patternfly 6.5.0-prerelease.66 → 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 (49) hide show
  1. package/components/Accordion/accordion.css +1 -2
  2. package/components/Accordion/accordion.scss +2 -2
  3. package/components/DataList/data-list.css +1 -1
  4. package/components/DataList/data-list.scss +2 -2
  5. package/components/Drawer/drawer.css +3 -5
  6. package/components/Drawer/drawer.scss +7 -9
  7. package/components/Page/page.css +11 -11
  8. package/components/Page/page.scss +2 -2
  9. package/components/Table/table.css +1 -2
  10. package/components/Table/table.scss +2 -2
  11. package/components/Wizard/wizard.css +2 -2
  12. package/components/Wizard/wizard.scss +4 -4
  13. package/components/_index.css +19 -23
  14. package/docs/components/ActionList/examples/ActionList.md +2 -2
  15. package/docs/components/Alert/examples/Alert.md +4 -4
  16. package/docs/components/Button/examples/Button.md +1 -1
  17. package/docs/components/Icon/examples/Icon.md +13 -1
  18. package/docs/components/Menu/examples/Menu.md +26 -2
  19. package/docs/components/MenuToggle/examples/MenuToggle.md +172 -64
  20. package/docs/components/Toolbar/examples/Toolbar.md +67 -7
  21. package/docs/components/TreeView/examples/TreeView.md +4 -4
  22. package/docs/components/Wizard/examples/Wizard.md +1 -1
  23. package/docs/demos/AboutModal/examples/AboutModal.md +23 -15
  24. package/docs/demos/Alert/examples/Alert.md +69 -45
  25. package/docs/demos/BackToTop/examples/BackToTop.md +23 -15
  26. package/docs/demos/Banner/examples/Banner.md +46 -30
  27. package/docs/demos/CardView/examples/CardView.md +36 -16
  28. package/docs/demos/Compass/examples/Compass.md +76 -19
  29. package/docs/demos/Dashboard/examples/Dashboard.md +23 -15
  30. package/docs/demos/DataList/examples/DataList.md +157 -65
  31. package/docs/demos/DescriptionList/examples/DescriptionList.md +69 -45
  32. package/docs/demos/Drawer/examples/Drawer.md +115 -75
  33. package/docs/demos/JumpLinks/examples/JumpLinks.md +138 -90
  34. package/docs/demos/Masthead/examples/Masthead.md +101 -21
  35. package/docs/demos/Modal/examples/Modal.md +138 -90
  36. package/docs/demos/Nav/examples/Nav.md +188 -120
  37. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +115 -75
  38. package/docs/demos/Page/examples/Page.md +361 -213
  39. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +265 -113
  40. package/docs/demos/Skeleton/examples/Skeleton.md +23 -15
  41. package/docs/demos/Table/examples/Table.md +711 -271
  42. package/docs/demos/Tabs/examples/Tabs.md +151 -91
  43. package/docs/demos/Toolbar/examples/Toolbar.md +124 -36
  44. package/docs/demos/Wizard/examples/Wizard.md +207 -135
  45. package/package.json +1 -1
  46. package/patternfly-no-globals.css +19 -23
  47. package/patternfly.css +19 -23
  48. package/patternfly.min.css +1 -1
  49. 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.66",
4
+ "version": "6.5.0-prerelease.67",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -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
  }
@@ -13985,7 +13984,7 @@ ul) {
13985
13984
  .pf-v6-c-data-list.pf-m-drag-over {
13986
13985
  overflow-anchor: none;
13987
13986
  }
13988
- :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) {
13989
13988
  --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
13990
13989
  }
13991
13990
 
@@ -15635,11 +15634,9 @@ ul) {
15635
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) {
15636
15635
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
15637
15636
  }
15638
- .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 {
15639
15638
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
15640
15639
  --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
15641
- }
15642
- .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 {
15643
15640
  backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
15644
15641
  }
15645
15642
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -15972,8 +15969,8 @@ ul) {
15972
15969
  --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
15973
15970
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
15974
15971
  }
15975
- :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 {
15976
- 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;
15977
15974
  }
15978
15975
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15979
15976
  box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
@@ -23464,17 +23461,17 @@ ul.pf-v6-c-list {
23464
23461
  outline: 0;
23465
23462
  }
23466
23463
 
23467
- :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,
23468
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
23469
- .pf-v6-c-page__main-breadcrumb.pf-m-plain,
23470
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
23471
- .pf-v6-c-page__main-tabs.pf-m-plain,
23472
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
23473
- .pf-v6-c-page__main-section.pf-m-plain,
23474
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
23475
- .pf-v6-c-page__main-wizard.pf-m-plain,
23476
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass),
23477
- .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) {
23478
23475
  --pf-v6-c-page__main-section--BackgroundColor: transparent;
23479
23476
  --pf-v6-c-page__main-subnav--BackgroundColor: transparent;
23480
23477
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: transparent;
@@ -28242,14 +28239,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28242
28239
  width: 100%;
28243
28240
  background-color: var(--pf-v6-c-table--BackgroundColor);
28244
28241
  }
28245
- :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) {
28246
28243
  --pf-v6-c-table--BackgroundColor: transparent;
28247
28244
  --pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
28248
28245
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
28249
28246
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: 0;
28250
28247
  --pf-v6-c-table__control-row--BackgroundColor: transparent;
28251
28248
  }
28252
-
28253
28249
  .pf-v6-c-table.pf-m-fixed {
28254
28250
  table-layout: fixed;
28255
28251
  }
@@ -34390,14 +34386,14 @@ label.pf-v6-c-tree-view__node-text {
34390
34386
  .pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
34391
34387
  display: none;
34392
34388
  }
34393
- :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) {
34394
34390
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
34395
34391
  --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
34396
34392
  --pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
34397
34393
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
34398
34394
  }
34399
34395
  @media screen and (min-width: 62rem) {
34400
- :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) {
34401
34397
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
34402
34398
  }
34403
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
  }
@@ -14132,7 +14131,7 @@ ul) {
14132
14131
  .pf-v6-c-data-list.pf-m-drag-over {
14133
14132
  overflow-anchor: none;
14134
14133
  }
14135
- :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) {
14136
14135
  --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
14137
14136
  }
14138
14137
 
@@ -15782,11 +15781,9 @@ ul) {
15782
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) {
15783
15782
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
15784
15783
  }
15785
- .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 {
15786
15785
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
15787
15786
  --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
15788
- }
15789
- .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 {
15790
15787
  backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
15791
15788
  }
15792
15789
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -16119,8 +16116,8 @@ ul) {
16119
16116
  --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
16120
16117
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
16121
16118
  }
16122
- :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 {
16123
- 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;
16124
16121
  }
16125
16122
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
16126
16123
  box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
@@ -23611,17 +23608,17 @@ ul.pf-v6-c-list {
23611
23608
  outline: 0;
23612
23609
  }
23613
23610
 
23614
- :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,
23615
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
23616
- .pf-v6-c-page__main-breadcrumb.pf-m-plain,
23617
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
23618
- .pf-v6-c-page__main-tabs.pf-m-plain,
23619
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
23620
- .pf-v6-c-page__main-section.pf-m-plain,
23621
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
23622
- .pf-v6-c-page__main-wizard.pf-m-plain,
23623
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass),
23624
- .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) {
23625
23622
  --pf-v6-c-page__main-section--BackgroundColor: transparent;
23626
23623
  --pf-v6-c-page__main-subnav--BackgroundColor: transparent;
23627
23624
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: transparent;
@@ -28389,14 +28386,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28389
28386
  width: 100%;
28390
28387
  background-color: var(--pf-v6-c-table--BackgroundColor);
28391
28388
  }
28392
- :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) {
28393
28390
  --pf-v6-c-table--BackgroundColor: transparent;
28394
28391
  --pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
28395
28392
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
28396
28393
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: 0;
28397
28394
  --pf-v6-c-table__control-row--BackgroundColor: transparent;
28398
28395
  }
28399
-
28400
28396
  .pf-v6-c-table.pf-m-fixed {
28401
28397
  table-layout: fixed;
28402
28398
  }
@@ -34537,14 +34533,14 @@ label.pf-v6-c-tree-view__node-text {
34537
34533
  .pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
34538
34534
  display: none;
34539
34535
  }
34540
- :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) {
34541
34537
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
34542
34538
  --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
34543
34539
  --pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
34544
34540
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
34545
34541
  }
34546
34542
  @media screen and (min-width: 62rem) {
34547
- :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) {
34548
34544
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
34549
34545
  }
34550
34546
  }