@patternfly/patternfly 6.5.0-prerelease.66 → 6.5.0-prerelease.68

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 (58) hide show
  1. package/components/Accordion/accordion.css +1 -2
  2. package/components/Accordion/accordion.scss +2 -2
  3. package/components/Card/card.css +8 -0
  4. package/components/Card/card.scss +13 -0
  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/OverflowMenu/overflow-menu.css +16 -0
  10. package/components/OverflowMenu/overflow-menu.scss +20 -1
  11. package/components/Page/page.css +11 -11
  12. package/components/Page/page.scss +2 -2
  13. package/components/Table/table.css +1 -2
  14. package/components/Table/table.scss +2 -2
  15. package/components/Toolbar/toolbar.css +100 -0
  16. package/components/Toolbar/toolbar.scss +2 -2
  17. package/components/Wizard/wizard.css +2 -2
  18. package/components/Wizard/wizard.scss +4 -4
  19. package/components/_index.css +143 -23
  20. package/docs/components/ActionList/examples/ActionList.md +2 -2
  21. package/docs/components/Alert/examples/Alert.md +4 -4
  22. package/docs/components/Button/examples/Button.md +1 -1
  23. package/docs/components/Icon/examples/Icon.md +13 -1
  24. package/docs/components/Menu/examples/Menu.md +26 -2
  25. package/docs/components/MenuToggle/examples/MenuToggle.md +172 -64
  26. package/docs/components/OverflowMenu/examples/overflow-menu.css +6 -3
  27. package/docs/components/OverflowMenu/examples/overflow-menu.md +21 -0
  28. package/docs/components/Toolbar/examples/Toolbar.md +106 -7
  29. package/docs/components/TreeView/examples/TreeView.md +4 -4
  30. package/docs/components/Wizard/examples/Wizard.md +1 -1
  31. package/docs/demos/AboutModal/examples/AboutModal.md +23 -15
  32. package/docs/demos/Alert/examples/Alert.md +69 -45
  33. package/docs/demos/BackToTop/examples/BackToTop.md +23 -15
  34. package/docs/demos/Banner/examples/Banner.md +46 -30
  35. package/docs/demos/CardView/examples/CardView.md +36 -16
  36. package/docs/demos/Compass/examples/Compass.md +76 -19
  37. package/docs/demos/Dashboard/examples/Dashboard.md +23 -15
  38. package/docs/demos/DataList/examples/DataList.md +157 -65
  39. package/docs/demos/DescriptionList/examples/DescriptionList.md +69 -45
  40. package/docs/demos/Drawer/examples/Drawer.md +115 -75
  41. package/docs/demos/JumpLinks/examples/JumpLinks.md +138 -90
  42. package/docs/demos/Masthead/examples/Masthead.md +101 -21
  43. package/docs/demos/Modal/examples/Modal.md +138 -90
  44. package/docs/demos/Nav/examples/Nav.md +188 -120
  45. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +115 -75
  46. package/docs/demos/Page/examples/Page.md +361 -213
  47. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +265 -113
  48. package/docs/demos/Skeleton/examples/Skeleton.md +23 -15
  49. package/docs/demos/Table/examples/Table.md +711 -271
  50. package/docs/demos/Tabs/examples/Tabs.md +151 -91
  51. package/docs/demos/Toolbar/examples/Toolbar.md +124 -36
  52. package/docs/demos/Wizard/examples/Wizard.md +207 -135
  53. package/package.json +1 -1
  54. package/patternfly-no-globals.css +143 -23
  55. package/patternfly.css +143 -23
  56. package/patternfly.min.css +1 -1
  57. package/patternfly.min.css.map +1 -1
  58. package/sass-utilities/mixins.scss +16 -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.68",
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
  }
@@ -12146,6 +12145,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12146
12145
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-plain--BackgroundColor);
12147
12146
  --pf-v6-c-card--BoxShadow: var(--pf-v6-c-card--m-plain--BoxShadow);
12148
12147
  }
12148
+ .pf-v6-c-card.pf-m-plain.pf-m-selectable, .pf-v6-c-card.pf-m-plain.pf-m-clickable {
12149
+ --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--BorderColor);
12150
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--BorderWidth);
12151
+ }
12152
+ .pf-v6-c-card.pf-m-plain.pf-m-selectable.pf-m-current, .pf-v6-c-card.pf-m-plain.pf-m-clickable.pf-m-current {
12153
+ --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor);
12154
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth);
12155
+ }
12149
12156
  .pf-v6-c-card.pf-m-expanded .pf-v6-c-card__header-toggle-icon {
12150
12157
  transform: rotate(var(--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate));
12151
12158
  }
@@ -13985,7 +13992,7 @@ ul) {
13985
13992
  .pf-v6-c-data-list.pf-m-drag-over {
13986
13993
  overflow-anchor: none;
13987
13994
  }
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 {
13995
+ :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
13996
  --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
13990
13997
  }
13991
13998
 
@@ -15635,11 +15642,9 @@ ul) {
15635
15642
  .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
15643
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
15637
15644
  }
15638
- .pf-v6-c-drawer.pf-m-inline.pf-m-glass, .pf-v6-c-drawer.pf-m-static.pf-m-glass {
15645
+ .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
15646
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
15640
15647
  --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
15648
  backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
15644
15649
  }
15645
15650
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -15972,8 +15977,8 @@ ul) {
15972
15977
  --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
15973
15978
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
15974
15979
  }
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;
15980
+ :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) {
15981
+ --pf-v6-c-drawer__panel--BackgroundColor: transparent;
15977
15982
  }
15978
15983
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15979
15984
  box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
@@ -22654,16 +22659,27 @@ ul.pf-v6-c-list {
22654
22659
 
22655
22660
  .pf-v6-c-overflow-menu {
22656
22661
  --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
22662
+ --pf-v6-c-overflow-menu--RowGap: var(--pf-t--global--spacer--md);
22657
22663
  --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
22664
+ --pf-v6-c-overflow-menu__group--RowGap: var(--pf-t--global--spacer--md);
22658
22665
  --pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
22666
+ --pf-v6-c-overflow-menu__group--m-button-group--RowGap: var(--pf-t--global--spacer--sm);
22659
22667
  --pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
22668
+ --pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap: var(--pf-t--global--spacer--xs);
22660
22669
  }
22661
22670
 
22662
22671
  .pf-v6-c-overflow-menu {
22663
22672
  display: inline-flex;
22673
+ row-gap: var(--pf-v6-c-overflow-menu--RowGap);
22664
22674
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
22665
22675
  }
22666
22676
 
22677
+ .pf-v6-c-overflow-menu.pf-m-vertical,
22678
+ .pf-v6-c-overflow-menu.pf-m-vertical .pf-v6-c-overflow-menu__content,
22679
+ .pf-v6-c-overflow-menu.pf-m-vertical .pf-v6-c-overflow-menu__group {
22680
+ flex-direction: column;
22681
+ }
22682
+
22667
22683
  .pf-v6-c-overflow-menu__content,
22668
22684
  .pf-v6-c-overflow-menu__group {
22669
22685
  display: flex;
@@ -22671,21 +22687,26 @@ ul.pf-v6-c-list {
22671
22687
  }
22672
22688
 
22673
22689
  .pf-v6-c-overflow-menu__group {
22690
+ row-gap: var(--pf-v6-c-overflow-menu__group--RowGap);
22674
22691
  column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
22675
22692
  }
22676
22693
  .pf-v6-c-overflow-menu__group.pf-m-button-group {
22694
+ row-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--RowGap);
22677
22695
  column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
22678
22696
  }
22679
22697
  .pf-v6-c-overflow-menu__group.pf-m-icon-button-group {
22698
+ row-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap);
22680
22699
  column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
22681
22700
  }
22682
22701
 
22683
22702
  .pf-v6-c-overflow-menu__item {
22703
+ row-gap: var(--pf-v6-c-overflow-menu__item--RowGap, var(--pf-v6-c-overflow-menu--RowGap));
22684
22704
  column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
22685
22705
  }
22686
22706
 
22687
22707
  .pf-v6-c-overflow-menu__content,
22688
22708
  .pf-v6-c-overflow-menu__control {
22709
+ row-gap: var(--pf-v6-c-overflow-menu--RowGap);
22689
22710
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
22690
22711
  }
22691
22712
 
@@ -23464,17 +23485,17 @@ ul.pf-v6-c-list {
23464
23485
  outline: 0;
23465
23486
  }
23466
23487
 
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 {
23488
+ :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),
23489
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-breadcrumb.pf-m-plain,
23490
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
23491
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-tabs.pf-m-plain,
23492
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
23493
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-section.pf-m-plain,
23494
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
23495
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-wizard.pf-m-plain,
23496
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
23497
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-group.pf-m-plain,
23498
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass) {
23478
23499
  --pf-v6-c-page__main-section--BackgroundColor: transparent;
23479
23500
  --pf-v6-c-page__main-subnav--BackgroundColor: transparent;
23480
23501
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: transparent;
@@ -28242,14 +28263,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28242
28263
  width: 100%;
28243
28264
  background-color: var(--pf-v6-c-table--BackgroundColor);
28244
28265
  }
28245
- :where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass), .pf-v6-c-table.pf-m-plain {
28266
+ :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
28267
  --pf-v6-c-table--BackgroundColor: transparent;
28247
28268
  --pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
28248
28269
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
28249
28270
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: 0;
28250
28271
  --pf-v6-c-table__control-row--BackgroundColor: transparent;
28251
28272
  }
28252
-
28253
28273
  .pf-v6-c-table.pf-m-fixed {
28254
28274
  table-layout: fixed;
28255
28275
  }
@@ -31593,6 +31613,66 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31593
31613
  .pf-v6-c-toolbar__item.pf-m-hidden {
31594
31614
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31595
31615
  }
31616
+ @media screen and (min-height: 0) {
31617
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm-height,
31618
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-sm-height,
31619
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-sm-height {
31620
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31621
+ }
31622
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-sm-height,
31623
+ .pf-v6-c-toolbar__group.pf-m-visible-on-sm-height,
31624
+ .pf-v6-c-toolbar__item.pf-m-visible-on-sm-height {
31625
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31626
+ }
31627
+ }
31628
+ @media screen and (min-height: 40rem) {
31629
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-md-height,
31630
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-md-height,
31631
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-md-height {
31632
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31633
+ }
31634
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-md-height,
31635
+ .pf-v6-c-toolbar__group.pf-m-visible-on-md-height,
31636
+ .pf-v6-c-toolbar__item.pf-m-visible-on-md-height {
31637
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31638
+ }
31639
+ }
31640
+ @media screen and (min-height: 48rem) {
31641
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg-height,
31642
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-lg-height,
31643
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-lg-height {
31644
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31645
+ }
31646
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-lg-height,
31647
+ .pf-v6-c-toolbar__group.pf-m-visible-on-lg-height,
31648
+ .pf-v6-c-toolbar__item.pf-m-visible-on-lg-height {
31649
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31650
+ }
31651
+ }
31652
+ @media screen and (min-height: 60rem) {
31653
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl-height,
31654
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-xl-height,
31655
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-xl-height {
31656
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31657
+ }
31658
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-xl-height,
31659
+ .pf-v6-c-toolbar__group.pf-m-visible-on-xl-height,
31660
+ .pf-v6-c-toolbar__item.pf-m-visible-on-xl-height {
31661
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31662
+ }
31663
+ }
31664
+ @media screen and (min-height: 80rem) {
31665
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl-height,
31666
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-2xl-height,
31667
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-2xl-height {
31668
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31669
+ }
31670
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-2xl-height,
31671
+ .pf-v6-c-toolbar__group.pf-m-visible-on-2xl-height,
31672
+ .pf-v6-c-toolbar__item.pf-m-visible-on-2xl-height {
31673
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31674
+ }
31675
+ }
31596
31676
  @media screen and (min-width: 36rem) {
31597
31677
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
31598
31678
  .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
@@ -31668,6 +31748,46 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31668
31748
  .pf-v6-c-toolbar__content.pf-m-hidden {
31669
31749
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31670
31750
  }
31751
+ @media screen and (min-height: 0) {
31752
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-sm-height {
31753
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31754
+ }
31755
+ .pf-v6-c-toolbar__content.pf-m-visible-on-sm-height {
31756
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31757
+ }
31758
+ }
31759
+ @media screen and (min-height: 40rem) {
31760
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-md-height {
31761
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31762
+ }
31763
+ .pf-v6-c-toolbar__content.pf-m-visible-on-md-height {
31764
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31765
+ }
31766
+ }
31767
+ @media screen and (min-height: 48rem) {
31768
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-lg-height {
31769
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31770
+ }
31771
+ .pf-v6-c-toolbar__content.pf-m-visible-on-lg-height {
31772
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31773
+ }
31774
+ }
31775
+ @media screen and (min-height: 60rem) {
31776
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-xl-height {
31777
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31778
+ }
31779
+ .pf-v6-c-toolbar__content.pf-m-visible-on-xl-height {
31780
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31781
+ }
31782
+ }
31783
+ @media screen and (min-height: 80rem) {
31784
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-2xl-height {
31785
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31786
+ }
31787
+ .pf-v6-c-toolbar__content.pf-m-visible-on-2xl-height {
31788
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31789
+ }
31790
+ }
31671
31791
  @media screen and (min-width: 36rem) {
31672
31792
  .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
31673
31793
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -34390,14 +34510,14 @@ label.pf-v6-c-tree-view__node-text {
34390
34510
  .pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
34391
34511
  display: none;
34392
34512
  }
34393
- :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
34513
+ :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
34514
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
34395
34515
  --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
34396
34516
  --pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
34397
34517
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
34398
34518
  }
34399
34519
  @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 {
34520
+ :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
34521
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
34402
34522
  }
34403
34523
  }
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
  }
@@ -12293,6 +12292,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12293
12292
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-plain--BackgroundColor);
12294
12293
  --pf-v6-c-card--BoxShadow: var(--pf-v6-c-card--m-plain--BoxShadow);
12295
12294
  }
12295
+ .pf-v6-c-card.pf-m-plain.pf-m-selectable, .pf-v6-c-card.pf-m-plain.pf-m-clickable {
12296
+ --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--BorderColor);
12297
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--BorderWidth);
12298
+ }
12299
+ .pf-v6-c-card.pf-m-plain.pf-m-selectable.pf-m-current, .pf-v6-c-card.pf-m-plain.pf-m-clickable.pf-m-current {
12300
+ --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor);
12301
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth);
12302
+ }
12296
12303
  .pf-v6-c-card.pf-m-expanded .pf-v6-c-card__header-toggle-icon {
12297
12304
  transform: rotate(var(--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate));
12298
12305
  }
@@ -14132,7 +14139,7 @@ ul) {
14132
14139
  .pf-v6-c-data-list.pf-m-drag-over {
14133
14140
  overflow-anchor: none;
14134
14141
  }
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 {
14142
+ :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
14143
  --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
14137
14144
  }
14138
14145
 
@@ -15782,11 +15789,9 @@ ul) {
15782
15789
  .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
15790
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
15784
15791
  }
15785
- .pf-v6-c-drawer.pf-m-inline.pf-m-glass, .pf-v6-c-drawer.pf-m-static.pf-m-glass {
15792
+ .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
15793
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
15787
15794
  --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
15795
  backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
15791
15796
  }
15792
15797
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -16119,8 +16124,8 @@ ul) {
16119
16124
  --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
16120
16125
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
16121
16126
  }
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;
16127
+ :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) {
16128
+ --pf-v6-c-drawer__panel--BackgroundColor: transparent;
16124
16129
  }
16125
16130
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
16126
16131
  box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
@@ -22801,16 +22806,27 @@ ul.pf-v6-c-list {
22801
22806
 
22802
22807
  .pf-v6-c-overflow-menu {
22803
22808
  --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
22809
+ --pf-v6-c-overflow-menu--RowGap: var(--pf-t--global--spacer--md);
22804
22810
  --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
22811
+ --pf-v6-c-overflow-menu__group--RowGap: var(--pf-t--global--spacer--md);
22805
22812
  --pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
22813
+ --pf-v6-c-overflow-menu__group--m-button-group--RowGap: var(--pf-t--global--spacer--sm);
22806
22814
  --pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
22815
+ --pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap: var(--pf-t--global--spacer--xs);
22807
22816
  }
22808
22817
 
22809
22818
  .pf-v6-c-overflow-menu {
22810
22819
  display: inline-flex;
22820
+ row-gap: var(--pf-v6-c-overflow-menu--RowGap);
22811
22821
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
22812
22822
  }
22813
22823
 
22824
+ .pf-v6-c-overflow-menu.pf-m-vertical,
22825
+ .pf-v6-c-overflow-menu.pf-m-vertical .pf-v6-c-overflow-menu__content,
22826
+ .pf-v6-c-overflow-menu.pf-m-vertical .pf-v6-c-overflow-menu__group {
22827
+ flex-direction: column;
22828
+ }
22829
+
22814
22830
  .pf-v6-c-overflow-menu__content,
22815
22831
  .pf-v6-c-overflow-menu__group {
22816
22832
  display: flex;
@@ -22818,21 +22834,26 @@ ul.pf-v6-c-list {
22818
22834
  }
22819
22835
 
22820
22836
  .pf-v6-c-overflow-menu__group {
22837
+ row-gap: var(--pf-v6-c-overflow-menu__group--RowGap);
22821
22838
  column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
22822
22839
  }
22823
22840
  .pf-v6-c-overflow-menu__group.pf-m-button-group {
22841
+ row-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--RowGap);
22824
22842
  column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
22825
22843
  }
22826
22844
  .pf-v6-c-overflow-menu__group.pf-m-icon-button-group {
22845
+ row-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--RowGap);
22827
22846
  column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
22828
22847
  }
22829
22848
 
22830
22849
  .pf-v6-c-overflow-menu__item {
22850
+ row-gap: var(--pf-v6-c-overflow-menu__item--RowGap, var(--pf-v6-c-overflow-menu--RowGap));
22831
22851
  column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
22832
22852
  }
22833
22853
 
22834
22854
  .pf-v6-c-overflow-menu__content,
22835
22855
  .pf-v6-c-overflow-menu__control {
22856
+ row-gap: var(--pf-v6-c-overflow-menu--RowGap);
22836
22857
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
22837
22858
  }
22838
22859
 
@@ -23611,17 +23632,17 @@ ul.pf-v6-c-list {
23611
23632
  outline: 0;
23612
23633
  }
23613
23634
 
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 {
23635
+ :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),
23636
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-breadcrumb.pf-m-plain,
23637
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
23638
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-tabs.pf-m-plain,
23639
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
23640
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-section.pf-m-plain,
23641
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
23642
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-wizard.pf-m-plain,
23643
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
23644
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-group.pf-m-plain,
23645
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass) {
23625
23646
  --pf-v6-c-page__main-section--BackgroundColor: transparent;
23626
23647
  --pf-v6-c-page__main-subnav--BackgroundColor: transparent;
23627
23648
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: transparent;
@@ -28389,14 +28410,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28389
28410
  width: 100%;
28390
28411
  background-color: var(--pf-v6-c-table--BackgroundColor);
28391
28412
  }
28392
- :where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass), .pf-v6-c-table.pf-m-plain {
28413
+ :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
28414
  --pf-v6-c-table--BackgroundColor: transparent;
28394
28415
  --pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
28395
28416
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
28396
28417
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: 0;
28397
28418
  --pf-v6-c-table__control-row--BackgroundColor: transparent;
28398
28419
  }
28399
-
28400
28420
  .pf-v6-c-table.pf-m-fixed {
28401
28421
  table-layout: fixed;
28402
28422
  }
@@ -31740,6 +31760,66 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31740
31760
  .pf-v6-c-toolbar__item.pf-m-hidden {
31741
31761
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31742
31762
  }
31763
+ @media screen and (min-height: 0) {
31764
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm-height,
31765
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-sm-height,
31766
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-sm-height {
31767
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31768
+ }
31769
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-sm-height,
31770
+ .pf-v6-c-toolbar__group.pf-m-visible-on-sm-height,
31771
+ .pf-v6-c-toolbar__item.pf-m-visible-on-sm-height {
31772
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31773
+ }
31774
+ }
31775
+ @media screen and (min-height: 40rem) {
31776
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-md-height,
31777
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-md-height,
31778
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-md-height {
31779
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31780
+ }
31781
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-md-height,
31782
+ .pf-v6-c-toolbar__group.pf-m-visible-on-md-height,
31783
+ .pf-v6-c-toolbar__item.pf-m-visible-on-md-height {
31784
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31785
+ }
31786
+ }
31787
+ @media screen and (min-height: 48rem) {
31788
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg-height,
31789
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-lg-height,
31790
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-lg-height {
31791
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31792
+ }
31793
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-lg-height,
31794
+ .pf-v6-c-toolbar__group.pf-m-visible-on-lg-height,
31795
+ .pf-v6-c-toolbar__item.pf-m-visible-on-lg-height {
31796
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31797
+ }
31798
+ }
31799
+ @media screen and (min-height: 60rem) {
31800
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl-height,
31801
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-xl-height,
31802
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-xl-height {
31803
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31804
+ }
31805
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-xl-height,
31806
+ .pf-v6-c-toolbar__group.pf-m-visible-on-xl-height,
31807
+ .pf-v6-c-toolbar__item.pf-m-visible-on-xl-height {
31808
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31809
+ }
31810
+ }
31811
+ @media screen and (min-height: 80rem) {
31812
+ .pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl-height,
31813
+ .pf-v6-c-toolbar__group.pf-m-hidden-on-2xl-height,
31814
+ .pf-v6-c-toolbar__item.pf-m-hidden-on-2xl-height {
31815
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31816
+ }
31817
+ .pf-v6-c-toolbar__content-section.pf-m-visible-on-2xl-height,
31818
+ .pf-v6-c-toolbar__group.pf-m-visible-on-2xl-height,
31819
+ .pf-v6-c-toolbar__item.pf-m-visible-on-2xl-height {
31820
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31821
+ }
31822
+ }
31743
31823
  @media screen and (min-width: 36rem) {
31744
31824
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
31745
31825
  .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
@@ -31815,6 +31895,46 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31815
31895
  .pf-v6-c-toolbar__content.pf-m-hidden {
31816
31896
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31817
31897
  }
31898
+ @media screen and (min-height: 0) {
31899
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-sm-height {
31900
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31901
+ }
31902
+ .pf-v6-c-toolbar__content.pf-m-visible-on-sm-height {
31903
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31904
+ }
31905
+ }
31906
+ @media screen and (min-height: 40rem) {
31907
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-md-height {
31908
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31909
+ }
31910
+ .pf-v6-c-toolbar__content.pf-m-visible-on-md-height {
31911
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31912
+ }
31913
+ }
31914
+ @media screen and (min-height: 48rem) {
31915
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-lg-height {
31916
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31917
+ }
31918
+ .pf-v6-c-toolbar__content.pf-m-visible-on-lg-height {
31919
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31920
+ }
31921
+ }
31922
+ @media screen and (min-height: 60rem) {
31923
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-xl-height {
31924
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31925
+ }
31926
+ .pf-v6-c-toolbar__content.pf-m-visible-on-xl-height {
31927
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31928
+ }
31929
+ }
31930
+ @media screen and (min-height: 80rem) {
31931
+ .pf-v6-c-toolbar__content.pf-m-hidden-on-2xl-height {
31932
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31933
+ }
31934
+ .pf-v6-c-toolbar__content.pf-m-visible-on-2xl-height {
31935
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
31936
+ }
31937
+ }
31818
31938
  @media screen and (min-width: 36rem) {
31819
31939
  .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
31820
31940
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -34537,14 +34657,14 @@ label.pf-v6-c-tree-view__node-text {
34537
34657
  .pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
34538
34658
  display: none;
34539
34659
  }
34540
- :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
34660
+ :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
34661
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
34542
34662
  --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
34543
34663
  --pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
34544
34664
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
34545
34665
  }
34546
34666
  @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 {
34667
+ :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
34668
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
34549
34669
  }
34550
34670
  }