@patternfly/patternfly 6.5.0-prerelease.67 → 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 (16) hide show
  1. package/components/Card/card.css +8 -0
  2. package/components/Card/card.scss +13 -0
  3. package/components/OverflowMenu/overflow-menu.css +16 -0
  4. package/components/OverflowMenu/overflow-menu.scss +20 -1
  5. package/components/Toolbar/toolbar.css +100 -0
  6. package/components/Toolbar/toolbar.scss +2 -2
  7. package/components/_index.css +124 -0
  8. package/docs/components/OverflowMenu/examples/overflow-menu.css +6 -3
  9. package/docs/components/OverflowMenu/examples/overflow-menu.md +21 -0
  10. package/docs/components/Toolbar/examples/Toolbar.md +39 -0
  11. package/package.json +1 -1
  12. package/patternfly-no-globals.css +124 -0
  13. package/patternfly.css +124 -0
  14. package/patternfly.min.css +1 -1
  15. package/patternfly.min.css.map +1 -1
  16. package/sass-utilities/mixins.scss +16 -1
package/patternfly-no-globals.css CHANGED
@@ -12145,6 +12145,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12145
12145
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-plain--BackgroundColor);
12146
12146
  --pf-v6-c-card--BoxShadow: var(--pf-v6-c-card--m-plain--BoxShadow);
12147
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
+ }
12148
12156
  .pf-v6-c-card.pf-m-expanded .pf-v6-c-card__header-toggle-icon {
12149
12157
  transform: rotate(var(--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate));
12150
12158
  }
@@ -22651,16 +22659,27 @@ ul.pf-v6-c-list {
22651
22659
 
22652
22660
  .pf-v6-c-overflow-menu {
22653
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);
22654
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);
22655
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);
22656
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);
22657
22669
  }
22658
22670
 
22659
22671
  .pf-v6-c-overflow-menu {
22660
22672
  display: inline-flex;
22673
+ row-gap: var(--pf-v6-c-overflow-menu--RowGap);
22661
22674
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
22662
22675
  }
22663
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
+
22664
22683
  .pf-v6-c-overflow-menu__content,
22665
22684
  .pf-v6-c-overflow-menu__group {
22666
22685
  display: flex;
@@ -22668,21 +22687,26 @@ ul.pf-v6-c-list {
22668
22687
  }
22669
22688
 
22670
22689
  .pf-v6-c-overflow-menu__group {
22690
+ row-gap: var(--pf-v6-c-overflow-menu__group--RowGap);
22671
22691
  column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
22672
22692
  }
22673
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);
22674
22695
  column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
22675
22696
  }
22676
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);
22677
22699
  column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
22678
22700
  }
22679
22701
 
22680
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));
22681
22704
  column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
22682
22705
  }
22683
22706
 
22684
22707
  .pf-v6-c-overflow-menu__content,
22685
22708
  .pf-v6-c-overflow-menu__control {
22709
+ row-gap: var(--pf-v6-c-overflow-menu--RowGap);
22686
22710
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
22687
22711
  }
22688
22712
 
@@ -31589,6 +31613,66 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31589
31613
  .pf-v6-c-toolbar__item.pf-m-hidden {
31590
31614
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31591
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
+ }
31592
31676
  @media screen and (min-width: 36rem) {
31593
31677
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
31594
31678
  .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
@@ -31664,6 +31748,46 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31664
31748
  .pf-v6-c-toolbar__content.pf-m-hidden {
31665
31749
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31666
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
+ }
31667
31791
  @media screen and (min-width: 36rem) {
31668
31792
  .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
31669
31793
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
package/patternfly.css CHANGED
@@ -12292,6 +12292,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12292
12292
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-plain--BackgroundColor);
12293
12293
  --pf-v6-c-card--BoxShadow: var(--pf-v6-c-card--m-plain--BoxShadow);
12294
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
+ }
12295
12303
  .pf-v6-c-card.pf-m-expanded .pf-v6-c-card__header-toggle-icon {
12296
12304
  transform: rotate(var(--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate));
12297
12305
  }
@@ -22798,16 +22806,27 @@ ul.pf-v6-c-list {
22798
22806
 
22799
22807
  .pf-v6-c-overflow-menu {
22800
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);
22801
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);
22802
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);
22803
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);
22804
22816
  }
22805
22817
 
22806
22818
  .pf-v6-c-overflow-menu {
22807
22819
  display: inline-flex;
22820
+ row-gap: var(--pf-v6-c-overflow-menu--RowGap);
22808
22821
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
22809
22822
  }
22810
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
+
22811
22830
  .pf-v6-c-overflow-menu__content,
22812
22831
  .pf-v6-c-overflow-menu__group {
22813
22832
  display: flex;
@@ -22815,21 +22834,26 @@ ul.pf-v6-c-list {
22815
22834
  }
22816
22835
 
22817
22836
  .pf-v6-c-overflow-menu__group {
22837
+ row-gap: var(--pf-v6-c-overflow-menu__group--RowGap);
22818
22838
  column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
22819
22839
  }
22820
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);
22821
22842
  column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
22822
22843
  }
22823
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);
22824
22846
  column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
22825
22847
  }
22826
22848
 
22827
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));
22828
22851
  column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
22829
22852
  }
22830
22853
 
22831
22854
  .pf-v6-c-overflow-menu__content,
22832
22855
  .pf-v6-c-overflow-menu__control {
22856
+ row-gap: var(--pf-v6-c-overflow-menu--RowGap);
22833
22857
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
22834
22858
  }
22835
22859
 
@@ -31736,6 +31760,66 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31736
31760
  .pf-v6-c-toolbar__item.pf-m-hidden {
31737
31761
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31738
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
+ }
31739
31823
  @media screen and (min-width: 36rem) {
31740
31824
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
31741
31825
  .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
@@ -31811,6 +31895,46 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31811
31895
  .pf-v6-c-toolbar__content.pf-m-hidden {
31812
31896
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
31813
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
+ }
31814
31938
  @media screen and (min-width: 36rem) {
31815
31939
  .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
31816
31940
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);