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

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 +16 -8
  2. package/components/Card/card.scss +25 -10
  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 +132 -8
  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 +132 -8
  13. package/patternfly.css +132 -8
  14. package/patternfly.min.css +1 -1
  15. package/patternfly.min.css.map +1 -1
  16. 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.67",
4
+ "version": "6.5.0-prerelease.69",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -12062,6 +12062,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12062
12062
  border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth);
12063
12063
  border-radius: inherit;
12064
12064
  }
12065
+ :where(.pf-v6-theme-glass) .pf-v6-c-card.pf-m-glass {
12066
+ --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
12067
+ --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
12068
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
12069
+ --pf-v6-c-card--BoxShadow: var(--pf-v6-c-card--m-glass--BoxShadow);
12070
+ backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12071
+ }
12065
12072
  .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
12066
12073
  gap: 0;
12067
12074
  }
@@ -12144,6 +12151,15 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12144
12151
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-plain--BorderColor);
12145
12152
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-plain--BackgroundColor);
12146
12153
  --pf-v6-c-card--BoxShadow: var(--pf-v6-c-card--m-plain--BoxShadow);
12154
+ backdrop-filter: none;
12155
+ }
12156
+ .pf-v6-c-card.pf-m-plain.pf-m-selectable, .pf-v6-c-card.pf-m-plain.pf-m-clickable {
12157
+ --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--BorderColor);
12158
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--BorderWidth);
12159
+ }
12160
+ .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 {
12161
+ --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor);
12162
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth);
12147
12163
  }
12148
12164
  .pf-v6-c-card.pf-m-expanded .pf-v6-c-card__header-toggle-icon {
12149
12165
  transform: rotate(var(--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate));
@@ -12154,14 +12170,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12154
12170
  .pf-v6-c-card > .pf-v6-c-divider + .pf-v6-c-card__header, .pf-v6-c-card > .pf-v6-c-divider + .pf-v6-c-card__title, .pf-v6-c-card > .pf-v6-c-divider + .pf-v6-c-card__body, .pf-v6-c-card > .pf-v6-c-divider + .pf-v6-c-card__footer {
12155
12171
  padding-block-start: var(--pf-v6-c-card--c-divider--child--PaddingBlockStart);
12156
12172
  }
12157
- .pf-v6-c-card.pf-m-glass {
12158
- --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
12159
- --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
12160
- --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
12161
- --pf-v6-c-card--BorderStyle: solid;
12162
- --pf-v6-c-card--BoxShadow: var(--pf-v6-c-card--m-glass--BoxShadow);
12163
- backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12164
- }
12165
12173
 
12166
12174
  .pf-v6-c-card__header {
12167
12175
  display: flex;
@@ -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
@@ -12209,6 +12209,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12209
12209
  border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth);
12210
12210
  border-radius: inherit;
12211
12211
  }
12212
+ :where(.pf-v6-theme-glass) .pf-v6-c-card.pf-m-glass {
12213
+ --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
12214
+ --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
12215
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
12216
+ --pf-v6-c-card--BoxShadow: var(--pf-v6-c-card--m-glass--BoxShadow);
12217
+ backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12218
+ }
12212
12219
  .pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
12213
12220
  gap: 0;
12214
12221
  }
@@ -12291,6 +12298,15 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12291
12298
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-plain--BorderColor);
12292
12299
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-plain--BackgroundColor);
12293
12300
  --pf-v6-c-card--BoxShadow: var(--pf-v6-c-card--m-plain--BoxShadow);
12301
+ backdrop-filter: none;
12302
+ }
12303
+ .pf-v6-c-card.pf-m-plain.pf-m-selectable, .pf-v6-c-card.pf-m-plain.pf-m-clickable {
12304
+ --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--BorderColor);
12305
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--BorderWidth);
12306
+ }
12307
+ .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 {
12308
+ --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor);
12309
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth);
12294
12310
  }
12295
12311
  .pf-v6-c-card.pf-m-expanded .pf-v6-c-card__header-toggle-icon {
12296
12312
  transform: rotate(var(--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate));
@@ -12301,14 +12317,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12301
12317
  .pf-v6-c-card > .pf-v6-c-divider + .pf-v6-c-card__header, .pf-v6-c-card > .pf-v6-c-divider + .pf-v6-c-card__title, .pf-v6-c-card > .pf-v6-c-divider + .pf-v6-c-card__body, .pf-v6-c-card > .pf-v6-c-divider + .pf-v6-c-card__footer {
12302
12318
  padding-block-start: var(--pf-v6-c-card--c-divider--child--PaddingBlockStart);
12303
12319
  }
12304
- .pf-v6-c-card.pf-m-glass {
12305
- --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
12306
- --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
12307
- --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
12308
- --pf-v6-c-card--BorderStyle: solid;
12309
- --pf-v6-c-card--BoxShadow: var(--pf-v6-c-card--m-glass--BoxShadow);
12310
- backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
12311
- }
12312
12320
 
12313
12321
  .pf-v6-c-card__header {
12314
12322
  display: flex;
@@ -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);