@patternfly/react-table 4.61.9 → 4.61.10

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 4.61.10 (2022-01-25)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-table
9
+
10
+
11
+
12
+
13
+
6
14
  ## 4.61.9 (2022-01-25)
7
15
 
8
16
 
@@ -511,7 +511,7 @@
511
511
  }
512
512
 
513
513
  .pf-c-table tr > *.pf-m-border-left::before {
514
- border-left: var(--pf-c-table--cell--m-border-right--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
514
+ border-left: var(--pf-c-table--cell--m-border-left--before--BorderLeftWidth) solid var(--pf-c-table--cell--m-border-left--before--BorderLeftColor);
515
515
  }
516
516
 
517
517
  .pf-c-table caption {
@@ -4189,6 +4189,8 @@
4189
4189
  --pf-c-table__sticky-column--BackgroundColor: var(--pf-global--BackgroundColor--100);
4190
4190
  --pf-c-table__sticky-column--m-border-right--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
4191
4191
  --pf-c-table__sticky-column--m-border-right--before--BorderRightColor: var(--pf-global--BorderColor--100);
4192
+ --pf-c-table__sticky-column--m-border-left--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
4193
+ --pf-c-table__sticky-column--m-border-left--before--BorderLeftColor: var(--pf-global--BorderColor--100);
4192
4194
  --pf-c-table--m-sticky-header--thead__sticky-column--ZIndex: calc(var(--pf-c-table__sticky-column--ZIndex) + 1);
4193
4195
  }
4194
4196
 
@@ -5575,6 +5577,8 @@ label.pf-c-check, .pf-c-check__label,
5575
5577
  --pf-c-dropdown__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
5576
5578
  --pf-c-dropdown__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
5577
5579
  --pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate: 180deg;
5580
+ --pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
5581
+ --pf-c-dropdown--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
5578
5582
  --pf-c-dropdown__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
5579
5583
  --pf-c-dropdown__menu--BoxShadow: var(--pf-global--BoxShadow--md);
5580
5584
  --pf-c-dropdown__menu--PaddingTop: var(--pf-global--spacer--sm);
@@ -5836,6 +5840,10 @@ label.pf-c-check, .pf-c-check__label,
5836
5840
  border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
5837
5841
  }
5838
5842
 
5843
+ .pf-c-dropdown__toggle.pf-m-plain {
5844
+ --pf-c-dropdown__toggle-icon--Color: var(--pf-c-dropdown--m-plain__toggle-icon--Color);
5845
+ }
5846
+
5839
5847
  .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text) {
5840
5848
  --pf-c-dropdown__toggle--PaddingRight: var(--pf-c-dropdown__toggle--m-plain--PaddingRight);
5841
5849
  --pf-c-dropdown__toggle--PaddingLeft: var(--pf-c-dropdown__toggle--m-plain--PaddingLeft);
@@ -5853,6 +5861,7 @@ label.pf-c-check, .pf-c-check__label,
5853
5861
 
5854
5862
  .pf-c-dropdown__toggle.pf-m-plain:hover, .pf-c-dropdown__toggle.pf-m-plain:focus, .pf-c-dropdown__toggle.pf-m-plain:active, .pf-c-dropdown__toggle.pf-m-plain.pf-m-active, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-plain {
5855
5863
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--hover--Color);
5864
+ --pf-c-dropdown--m-plain__toggle-icon--Color: var(--pf-c-dropdown--m-plain--hover__toggle-icon--Color);
5856
5865
  }
5857
5866
 
5858
5867
  .pf-c-dropdown__toggle.pf-m-plain.pf-m-disabled, .pf-c-dropdown__toggle.pf-m-plain:disabled {
@@ -5939,6 +5948,7 @@ label.pf-c-check, .pf-c-check__label,
5939
5948
  margin-right: var(--pf-c-dropdown__toggle-icon--MarginRight);
5940
5949
  margin-left: var(--pf-c-dropdown__toggle-icon--MarginLeft);
5941
5950
  line-height: var(--pf-c-dropdown__toggle-icon--LineHeight);
5951
+ color: var(--pf-c-dropdown__toggle-icon--Color, inherit);
5942
5952
  }
5943
5953
 
5944
5954
  .pf-c-dropdown.pf-m-top.pf-m-expanded .pf-c-dropdown__toggle-icon {
@@ -7866,32 +7876,6 @@ svg.pf-c-spinner.pf-m-xl {
7866
7876
  color: var(--pf-c-app-launcher__group-title--Color);
7867
7877
  }
7868
7878
 
7869
- .pf-c-avatar {
7870
- --pf-c-avatar--BorderColor: transparent;
7871
- --pf-c-avatar--BorderWidth: 0;
7872
- --pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg);
7873
- --pf-c-avatar--Width: 2.25rem;
7874
- --pf-c-avatar--Height: 2.25rem;
7875
- --pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100);
7876
- --pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm);
7877
- --pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700);
7878
- --pf-c-avatar--m-dark--BorderWidth: var(--pf-global--BorderWidth--sm);
7879
- width: var(--pf-c-avatar--Width);
7880
- height: var(--pf-c-avatar--Height);
7881
- border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor);
7882
- border-radius: var(--pf-c-avatar--BorderRadius);
7883
- }
7884
-
7885
- .pf-c-avatar.pf-m-light {
7886
- --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-light--BorderColor);
7887
- --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-light--BorderWidth);
7888
- }
7889
-
7890
- .pf-c-avatar.pf-m-dark {
7891
- --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);
7892
- --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth);
7893
- }
7894
-
7895
7879
  .pf-c-back-to-top {
7896
7880
  --pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
7897
7881
  --pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
@@ -7927,6 +7911,32 @@ svg.pf-c-spinner.pf-m-xl {
7927
7911
  box-shadow: var(--pf-c-back-to-top--c-button--BoxShadow);
7928
7912
  }
7929
7913
 
7914
+ .pf-c-avatar {
7915
+ --pf-c-avatar--BorderColor: transparent;
7916
+ --pf-c-avatar--BorderWidth: 0;
7917
+ --pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg);
7918
+ --pf-c-avatar--Width: 2.25rem;
7919
+ --pf-c-avatar--Height: 2.25rem;
7920
+ --pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100);
7921
+ --pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm);
7922
+ --pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700);
7923
+ --pf-c-avatar--m-dark--BorderWidth: var(--pf-global--BorderWidth--sm);
7924
+ width: var(--pf-c-avatar--Width);
7925
+ height: var(--pf-c-avatar--Height);
7926
+ border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor);
7927
+ border-radius: var(--pf-c-avatar--BorderRadius);
7928
+ }
7929
+
7930
+ .pf-c-avatar.pf-m-light {
7931
+ --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-light--BorderColor);
7932
+ --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-light--BorderWidth);
7933
+ }
7934
+
7935
+ .pf-c-avatar.pf-m-dark {
7936
+ --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);
7937
+ --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth);
7938
+ }
7939
+
7930
7940
  .pf-c-background-image {
7931
7941
  --pf-c-background-image--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
7932
7942
  --pf-c-background-image--BackgroundImage: url("../../assets/images/pfbg_576.jpg");
@@ -9175,6 +9185,8 @@ button.pf-c-breadcrumb__link {
9175
9185
  --pf-c-context-selector__toggle-text--LineHeight: var(--pf-global--LineHeight--md);
9176
9186
  --pf-c-context-selector__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
9177
9187
  --pf-c-context-selector__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
9188
+ --pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
9189
+ --pf-c-context-selector--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
9178
9190
  --pf-c-context-selector__menu--Top: calc(100% + var(--pf-global--spacer--xs));
9179
9191
  --pf-c-context-selector__menu--ZIndex: var(--pf-global--ZIndex--sm);
9180
9192
  --pf-c-context-selector__menu--PaddingTop: var(--pf-global--spacer--sm);
@@ -9348,6 +9360,7 @@ button.pf-c-breadcrumb__link {
9348
9360
  .pf-c-context-selector__toggle.pf-m-plain {
9349
9361
  --pf-c-context-selector__toggle--PaddingRight: var(--pf-c-context-selector__toggle--m-plain--PaddingRight);
9350
9362
  --pf-c-context-selector__toggle--PaddingLeft: var(--pf-c-context-selector__toggle--m-plain--PaddingLeft);
9363
+ --pf-c-context-selector__toggle-icon--Color: var(--pf-c-context-selector--m-plain__toggle-icon--Color);
9351
9364
  }
9352
9365
 
9353
9366
  .pf-c-context-selector__toggle.pf-m-plain.pf-m-text {
@@ -9361,12 +9374,13 @@ button.pf-c-breadcrumb__link {
9361
9374
  color: var(--pf-c-context-selector__toggle--m-plain--Color);
9362
9375
  }
9363
9376
 
9364
- .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text).pf-m-disabled, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):disabled {
9377
+ .pf-c-context-selector__toggle.pf-m-plain.pf-m-disabled, .pf-c-context-selector__toggle.pf-m-plain:disabled {
9365
9378
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--disabled--Color);
9366
9379
  }
9367
9380
 
9368
- .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):hover, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):active, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text).pf-m-active, .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text):focus, .pf-c-context-selector.pf-m-expanded > .pf-c-context-selector__toggle.pf-m-plain:not(.pf-m-text) {
9381
+ .pf-c-context-selector__toggle.pf-m-plain:hover, .pf-c-context-selector__toggle.pf-m-plain:active, .pf-c-context-selector__toggle.pf-m-plain.pf-m-active, .pf-c-context-selector__toggle.pf-m-plain:focus, .pf-c-context-selector.pf-m-expanded > .pf-c-context-selector__toggle.pf-m-plain {
9369
9382
  --pf-c-context-selector__toggle--m-plain--Color: var(--pf-c-context-selector__toggle--m-plain--hover--Color);
9383
+ --pf-c-context-selector--m-plain__toggle-icon--Color: var(--pf-c-context-selector--m-plain--hover__toggle-icon--Color);
9370
9384
  }
9371
9385
 
9372
9386
  .pf-c-context-selector__toggle.pf-m-plain::before {
@@ -9385,6 +9399,7 @@ button.pf-c-breadcrumb__link {
9385
9399
  .pf-c-context-selector__toggle-icon {
9386
9400
  margin-right: var(--pf-c-context-selector__toggle-icon--MarginRight);
9387
9401
  margin-left: var(--pf-c-context-selector__toggle-icon--MarginLeft);
9402
+ color: var(--pf-c-context-selector__toggle-icon--Color, inherit);
9388
9403
  }
9389
9404
 
9390
9405
  .pf-c-context-selector__menu {
@@ -12926,71 +12941,6 @@ button.pf-c-breadcrumb__link {
12926
12941
  color: var(--pf-c-helper-text__item-text--Color);
12927
12942
  }
12928
12943
 
12929
- .pf-c-hint {
12930
- --pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
12931
- --pf-c-hint--PaddingTop: var(--pf-global--spacer--lg);
12932
- --pf-c-hint--PaddingRight: var(--pf-global--spacer--lg);
12933
- --pf-c-hint--PaddingBottom: var(--pf-global--spacer--lg);
12934
- --pf-c-hint--PaddingLeft: var(--pf-global--spacer--lg);
12935
- --pf-c-hint--BackgroundColor: var(--pf-global--palette--blue-50);
12936
- --pf-c-hint--BorderColor: var(--pf-global--palette--blue-100);
12937
- --pf-c-hint--BorderWidth: var(--pf-global--BorderWidth--sm);
12938
- --pf-c-hint--BoxShadow: var(--pf-global--BoxShadow--sm);
12939
- --pf-c-hint--Color: var(--pf-global--Color--100);
12940
- --pf-c-hint__title--FontSize: var(--pf-global--FontSize--lg);
12941
- --pf-c-hint__body--FontSize: var(--pf-global--FontSize--md);
12942
- --pf-c-hint__footer--child--MarginRight: var(--pf-global--spacer--md);
12943
- --pf-c-hint__actions--MarginLeft: var(--pf-global--spacer--2xl);
12944
- --pf-c-hint__actions--c-dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
12945
- display: grid;
12946
- grid-template-columns: 1fr auto;
12947
- grid-row-gap: var(--pf-c-hint--GridRowGap);
12948
- padding: var(--pf-c-hint--PaddingTop) var(--pf-c-hint--PaddingRight) var(--pf-c-hint--PaddingBottom) var(--pf-c-hint--PaddingLeft);
12949
- color: var(--pf-c-hint--Color);
12950
- background-color: var(--pf-c-hint--BackgroundColor);
12951
- border: var(--pf-c-hint--BorderWidth) solid var(--pf-c-hint--BorderColor);
12952
- box-shadow: var(--pf-c-hint--BoxShadow);
12953
- }
12954
-
12955
- .pf-c-hint .pf-c-button.pf-m-link.pf-m-inline {
12956
- text-align: left;
12957
- white-space: normal;
12958
- }
12959
-
12960
- .pf-c-hint__actions {
12961
- display: inline-grid;
12962
- grid-auto-flow: column;
12963
- margin-left: var(--pf-c-hint__actions--MarginLeft);
12964
- text-align: right;
12965
- grid-column: 2;
12966
- grid-row: 1;
12967
- }
12968
-
12969
- .pf-c-hint__actions .pf-c-dropdown .pf-c-dropdown__toggle.pf-m-plain {
12970
- margin-top: var(--pf-c-hint__actions--c-dropdown--MarginTop);
12971
- }
12972
-
12973
- .pf-c-hint__actions + .pf-c-hint__body {
12974
- grid-column: 1;
12975
- }
12976
-
12977
- .pf-c-hint__title {
12978
- font-size: var(--pf-c-hint__title--FontSize);
12979
- }
12980
-
12981
- .pf-c-hint__body {
12982
- grid-column: 1/-1;
12983
- font-size: var(--pf-c-hint__body--FontSize);
12984
- }
12985
-
12986
- .pf-c-hint__footer {
12987
- grid-column: 1/-1;
12988
- }
12989
-
12990
- .pf-c-hint__footer > :not(:last-child) {
12991
- margin-right: var(--pf-c-hint__footer--child--MarginRight);
12992
- }
12993
-
12994
12944
  .pf-c-input-group {
12995
12945
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
12996
12946
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -13412,6 +13362,7 @@ label.pf-c-input-group__text {
13412
13362
  --pf-c-sidebar--m-split__panel--Position: static;
13413
13363
  --pf-c-sidebar--m-split__panel--Top: auto;
13414
13364
  --pf-c-sidebar--m-split--m-panel-right__panel--Order: 1;
13365
+ --pf-c-sidebar__panel--FlexBasis--base: auto;
13415
13366
  --pf-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
13416
13367
  --pf-c-sidebar__panel--BoxShadow: var(--pf-c-sidebar__panel--BoxShadow--base);
13417
13368
  --pf-c-sidebar__panel--Top: 0;
@@ -13711,6 +13662,71 @@ label.pf-c-input-group__text {
13711
13662
  --pf-c-sidebar__panel--FlexBasis: 100%;
13712
13663
  }
13713
13664
  }
13665
+ .pf-c-hint {
13666
+ --pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
13667
+ --pf-c-hint--PaddingTop: var(--pf-global--spacer--lg);
13668
+ --pf-c-hint--PaddingRight: var(--pf-global--spacer--lg);
13669
+ --pf-c-hint--PaddingBottom: var(--pf-global--spacer--lg);
13670
+ --pf-c-hint--PaddingLeft: var(--pf-global--spacer--lg);
13671
+ --pf-c-hint--BackgroundColor: var(--pf-global--palette--blue-50);
13672
+ --pf-c-hint--BorderColor: var(--pf-global--palette--blue-100);
13673
+ --pf-c-hint--BorderWidth: var(--pf-global--BorderWidth--sm);
13674
+ --pf-c-hint--BoxShadow: var(--pf-global--BoxShadow--sm);
13675
+ --pf-c-hint--Color: var(--pf-global--Color--100);
13676
+ --pf-c-hint__title--FontSize: var(--pf-global--FontSize--lg);
13677
+ --pf-c-hint__body--FontSize: var(--pf-global--FontSize--md);
13678
+ --pf-c-hint__footer--child--MarginRight: var(--pf-global--spacer--md);
13679
+ --pf-c-hint__actions--MarginLeft: var(--pf-global--spacer--2xl);
13680
+ --pf-c-hint__actions--c-dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
13681
+ display: grid;
13682
+ grid-template-columns: 1fr auto;
13683
+ grid-row-gap: var(--pf-c-hint--GridRowGap);
13684
+ padding: var(--pf-c-hint--PaddingTop) var(--pf-c-hint--PaddingRight) var(--pf-c-hint--PaddingBottom) var(--pf-c-hint--PaddingLeft);
13685
+ color: var(--pf-c-hint--Color);
13686
+ background-color: var(--pf-c-hint--BackgroundColor);
13687
+ border: var(--pf-c-hint--BorderWidth) solid var(--pf-c-hint--BorderColor);
13688
+ box-shadow: var(--pf-c-hint--BoxShadow);
13689
+ }
13690
+
13691
+ .pf-c-hint .pf-c-button.pf-m-link.pf-m-inline {
13692
+ text-align: left;
13693
+ white-space: normal;
13694
+ }
13695
+
13696
+ .pf-c-hint__actions {
13697
+ display: inline-grid;
13698
+ grid-auto-flow: column;
13699
+ margin-left: var(--pf-c-hint__actions--MarginLeft);
13700
+ text-align: right;
13701
+ grid-column: 2;
13702
+ grid-row: 1;
13703
+ }
13704
+
13705
+ .pf-c-hint__actions .pf-c-dropdown .pf-c-dropdown__toggle.pf-m-plain {
13706
+ margin-top: var(--pf-c-hint__actions--c-dropdown--MarginTop);
13707
+ }
13708
+
13709
+ .pf-c-hint__actions + .pf-c-hint__body {
13710
+ grid-column: 1;
13711
+ }
13712
+
13713
+ .pf-c-hint__title {
13714
+ font-size: var(--pf-c-hint__title--FontSize);
13715
+ }
13716
+
13717
+ .pf-c-hint__body {
13718
+ grid-column: 1/-1;
13719
+ font-size: var(--pf-c-hint__body--FontSize);
13720
+ }
13721
+
13722
+ .pf-c-hint__footer {
13723
+ grid-column: 1/-1;
13724
+ }
13725
+
13726
+ .pf-c-hint__footer > :not(:last-child) {
13727
+ margin-right: var(--pf-c-hint__footer--child--MarginRight);
13728
+ }
13729
+
13714
13730
  .pf-c-label {
13715
13731
  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
13716
13732
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
@@ -15558,6 +15574,7 @@ ul.pf-c-list {
15558
15574
  --pf-c-menu--m-nav__item__list-item--first-child__item--hover--after--Top: 0;
15559
15575
  --pf-c-menu--m-nav__item-description--Color: var(--pf-global--Color--light-200);
15560
15576
  --pf-c-menu--m-nav--c-menu--left-offset: 0.25rem;
15577
+ --pf-c-menu--m-nav--c-menu--m-top--bottom-offset: 0;
15561
15578
  --pf-c-menu--m-nav--c-menu--m-left--right-offset: 0.25rem;
15562
15579
  --pf-c-menu--m-nav--c-menu--Top: calc(var(--pf-c-menu--m-nav__item--before--BorderBottomWidth) * -1);
15563
15580
  --pf-c-menu--m-nav--c-menu--Left: calc(100% - var(--pf-c-menu--m-nav--c-menu--left-offset));
@@ -16079,6 +16096,11 @@ ul.pf-c-list {
16079
16096
  --pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
16080
16097
  --pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
16081
16098
  --pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
16099
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
16100
+ --pf-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
16101
+ --pf-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-global--Color--100);
16102
+ --pf-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-global--Color--100);
16103
+ --pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
16082
16104
  --pf-c-menu-toggle--m-full-height--PaddingRight: var(--pf-global--spacer--lg);
16083
16105
  --pf-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-global--spacer--lg);
16084
16106
  --pf-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
@@ -16172,6 +16194,10 @@ ul.pf-c-list {
16172
16194
  --pf-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
16173
16195
  }
16174
16196
 
16197
+ .pf-c-menu-toggle.pf-m-plain {
16198
+ --pf-c-menu-toggle__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain__toggle-icon--Color);
16199
+ }
16200
+
16175
16201
  .pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
16176
16202
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
16177
16203
  --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
@@ -16189,18 +16215,21 @@ ul.pf-c-list {
16189
16215
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--hover--BackgroundColor);
16190
16216
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--hover--after--BorderBottomWidth);
16191
16217
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--hover--after--BorderBottomColor);
16218
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--hover__toggle-icon--Color);
16192
16219
  }
16193
16220
 
16194
16221
  .pf-c-menu-toggle:focus {
16195
16222
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--focus--BackgroundColor);
16196
16223
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
16197
16224
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--focus--after--BorderBottomColor);
16225
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--focus__toggle-icon--Color);
16198
16226
  }
16199
16227
 
16200
16228
  .pf-c-menu-toggle:active {
16201
16229
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--active--BackgroundColor);
16202
16230
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--active--after--BorderBottomWidth);
16203
16231
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--active--after--BorderBottomColor);
16232
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--active__toggle-icon--Color);
16204
16233
  }
16205
16234
 
16206
16235
  .pf-c-menu-toggle.pf-m-expanded {
@@ -16208,6 +16237,7 @@ ul.pf-c-list {
16208
16237
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--m-expanded--BackgroundColor);
16209
16238
  --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomWidth);
16210
16239
  --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--m-expanded--after--BorderBottomColor);
16240
+ --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color);
16211
16241
  }
16212
16242
 
16213
16243
  .pf-c-menu-toggle:disabled {
@@ -16255,6 +16285,7 @@ ul.pf-c-list {
16255
16285
 
16256
16286
  .pf-c-menu-toggle__toggle-icon {
16257
16287
  margin-right: var(--pf-c-menu-toggle__toggle-icon--MarginRight);
16288
+ color: var(--pf-c-menu-toggle__toggle-icon--Color, inherit);
16258
16289
  }
16259
16290
 
16260
16291
  .pf-c-modal-box {
@@ -16810,7 +16841,7 @@ ul.pf-c-list {
16810
16841
  --pf-c-menu__list--PaddingTop: 0;
16811
16842
  --pf-c-menu__list--PaddingBottom: 0;
16812
16843
  --pf-c-menu__item--FontSize: var(--pf-c-nav--c-menu__item--FontSize);
16813
- --pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color);
16844
+ --pf-c-menu__item--Color: var(--pf-c-nav--c-menu__item--Color, inherit);
16814
16845
  --pf-c-menu__item--PaddingTop: var(--pf-c-nav--c-menu--m-flyout__item--PaddingTop);
16815
16846
  --pf-c-menu__item--PaddingRight: var(--pf-c-nav--c-menu--m-flyout__item--PaddingRight);
16816
16847
  --pf-c-menu__item--PaddingBottom: var(--pf-c-nav--c-menu--m-flyout__item--PaddingBottom);
@@ -17018,9 +17049,9 @@ ul.pf-c-list {
17018
17049
  --pf-c-nav__link--PaddingRight: var(--pf-c-nav--m-horizontal-subnav__link--PaddingRight);
17019
17050
  --pf-c-nav__link--PaddingBottom: var(--pf-c-nav--m-horizontal-subnav__link--PaddingBottom);
17020
17051
  --pf-c-nav__link--PaddingLeft: var(--pf-c-nav--m-horizontal-subnav__link--PaddingLeft);
17052
+ --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
17021
17053
  --pf-c-nav__link--Right: var(--pf-c-nav--m-horizontal-subnav__link--Right);
17022
17054
  --pf-c-nav__link--Left: var(--pf-c-nav--m-horizontal-subnav__link--Left);
17023
- --pf-c-nav__link--Color: var(--pf-c-nav--m-horizontal-subnav__link--Color);
17024
17055
  --pf-c-nav__link--hover--Color: var(--pf-c-nav--m-horizontal-subnav__link--hover--Color);
17025
17056
  --pf-c-nav__link--active--Color: var(--pf-c-nav--m-horizontal-subnav__link--active--Color);
17026
17057
  --pf-c-nav__link--focus--Color: var(--pf-c-nav--m-horizontal-subnav__link--focus--Color);
@@ -17871,6 +17902,8 @@ ul.pf-c-list {
17871
17902
  --pf-c-options-menu__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
17872
17903
  --pf-c-options-menu__toggle-icon--MarginLeft: var(--pf-global--spacer--md);
17873
17904
  --pf-c-options-menu--m-top--m-expanded__toggle-icon--Rotate: 180deg;
17905
+ --pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
17906
+ --pf-c-options-menu--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
17874
17907
  --pf-c-options-menu__toggle-button--BackgroundColor: transparent;
17875
17908
  --pf-c-options-menu__toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
17876
17909
  --pf-c-options-menu__toggle-button--PaddingRight: var(--pf-global--spacer--sm);
@@ -17970,6 +18003,10 @@ ul.pf-c-list {
17970
18003
  border-bottom-width: var(--pf-c-options-menu__toggle--expanded--BorderBottomWidth);
17971
18004
  }
17972
18005
 
18006
+ .pf-c-options-menu__toggle.pf-m-plain {
18007
+ --pf-c-options-menu__toggle-icon--Color: var(--pf-c-options-menu--m-plain__toggle-icon--Color);
18008
+ }
18009
+
17973
18010
  .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
17974
18011
  --pf-c-options-menu__toggle--PaddingRight: var(--pf-c-options-menu__toggle--m-plain--PaddingRight);
17975
18012
  --pf-c-options-menu__toggle--PaddingLeft: var(--pf-c-options-menu__toggle--m-plain--PaddingLeft);
@@ -17981,11 +18018,12 @@ ul.pf-c-list {
17981
18018
  line-height: var(--pf-c-options-menu__toggle--LineHeight);
17982
18019
  }
17983
18020
 
17984
- .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):hover, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):active, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text).pf-m-active, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):focus, .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text) {
18021
+ .pf-c-options-menu__toggle.pf-m-plain:hover, .pf-c-options-menu__toggle.pf-m-plain:active, .pf-c-options-menu__toggle.pf-m-plain.pf-m-active, .pf-c-options-menu__toggle.pf-m-plain:focus, .pf-c-options-menu.pf-m-expanded > .pf-c-options-menu__toggle.pf-m-plain {
17985
18022
  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--hover--Color);
18023
+ --pf-c-options-menu--m-plain__toggle-icon--Color: var(--pf-c-options-menu--m-plain--hover__toggle-icon--Color);
17986
18024
  }
17987
18025
 
17988
- .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text).pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:not(.pf-m-text):disabled {
18026
+ .pf-c-options-menu__toggle.pf-m-plain.pf-m-disabled, .pf-c-options-menu__toggle.pf-m-plain:disabled {
17989
18027
  --pf-c-options-menu__toggle--m-plain--Color: var(--pf-c-options-menu__toggle--m-plain--disabled--Color);
17990
18028
  }
17991
18029
 
@@ -18017,6 +18055,11 @@ ul.pf-c-list {
18017
18055
  white-space: nowrap;
18018
18056
  }
18019
18057
 
18058
+ .pf-c-options-menu__toggle-icon,
18059
+ .pf-c-options-menu__toggle-button-icon {
18060
+ color: var(--pf-c-options-menu__toggle-icon--Color, inherit);
18061
+ }
18062
+
18020
18063
  .pf-c-options-menu__toggle-icon {
18021
18064
  margin-right: var(--pf-c-options-menu__toggle-icon--MarginRight);
18022
18065
  margin-left: var(--pf-c-options-menu__toggle-icon--MarginLeft);
@@ -19816,6 +19859,8 @@ ul.pf-c-list {
19816
19859
  --pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
19817
19860
  --pf-c-progress-stepper__step-description--TextAlign: left;
19818
19861
  --pf-c-progress-stepper--m-center__step-description--TextAlign: center;
19862
+ --pf-c-progress-stepper--m-center__step-description--MarginRight: 0;
19863
+ --pf-c-progress-stepper--m-center__step-description--MarginLeft: 0;
19819
19864
  position: relative;
19820
19865
  display: grid;
19821
19866
  grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
@@ -20342,6 +20387,8 @@ label.pf-c-radio, .pf-c-radio__label,
20342
20387
  --pf-c-select__toggle-arrow--MarginRight: var(--pf-global--spacer--sm);
20343
20388
  --pf-c-select__toggle-arrow--with-clear--MarginLeft: var(--pf-global--spacer--sm);
20344
20389
  --pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate: 180deg;
20390
+ --pf-c-select--m-plain__toggle-arrow--Color: var(--pf-global--Color--200);
20391
+ --pf-c-select--m-plain--hover__toggle-arrow--Color: var(--pf-global--Color--100);
20345
20392
  --pf-c-select__toggle-clear--PaddingRight: var(--pf-global--spacer--sm);
20346
20393
  --pf-c-select__toggle-clear--PaddingLeft: var(--pf-global--spacer--md);
20347
20394
  --pf-c-select__toggle-clear--toggle-button--PaddingLeft: var(--pf-global--spacer--sm);
@@ -20532,10 +20579,18 @@ label.pf-c-radio, .pf-c-radio__label,
20532
20579
  --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-c-select__toggle--m-expanded--before--BorderBottomWidth);
20533
20580
  }
20534
20581
 
20582
+ .pf-c-select__toggle.pf-m-plain {
20583
+ --pf-c-select__toggle-arrow--Color: var(--pf-c-select--m-plain__toggle-arrow--Color);
20584
+ }
20585
+
20535
20586
  .pf-c-select__toggle.pf-m-plain::before {
20536
20587
  border-color: var(--pf-c-select__toggle--m-plain--before--BorderColor);
20537
20588
  }
20538
20589
 
20590
+ .pf-c-select__toggle.pf-m-plain:hover, .pf-c-select__toggle.pf-m-plain:active, .pf-c-select__toggle.pf-m-plain.pf-m-active, .pf-c-select__toggle.pf-m-plain:focus, .pf-c-select.pf-m-expanded > .pf-c-select__toggle.pf-m-plain {
20591
+ --pf-c-select--m-plain__toggle-arrow--Color: var(--pf-c-select--m-plain--hover__toggle-arrow--Color);
20592
+ }
20593
+
20539
20594
  .pf-c-select__toggle.pf-m-typeahead {
20540
20595
  --pf-c-select__toggle--PaddingTop: 0;
20541
20596
  --pf-c-select__toggle--PaddingRight: 0;
@@ -20569,6 +20624,10 @@ label.pf-c-radio, .pf-c-radio__label,
20569
20624
  --pf-c-select__toggle-text--Color: var(--pf-c-select__toggle--m-placeholder__toggle-text--Color);
20570
20625
  }
20571
20626
 
20627
+ .pf-c-select__toggle-arrow {
20628
+ color: var(--pf-c-select__toggle-arrow--Color, inherit);
20629
+ }
20630
+
20572
20631
  * + .pf-c-select__toggle-arrow {
20573
20632
  margin-right: var(--pf-c-select__toggle-arrow--MarginRight);
20574
20633
  margin-left: var(--pf-c-select__toggle-arrow--MarginLeft);
@@ -23076,6 +23135,7 @@ label.pf-c-radio, .pf-c-radio__label,
23076
23135
  --pf-c-toolbar--PaddingTop: var(--pf-global--spacer--md);
23077
23136
  --pf-c-toolbar--PaddingBottom: var(--pf-global--spacer--md);
23078
23137
  --pf-c-toolbar__item--Display: block;
23138
+ --pf-c-toolbar__item--MinWidth--base: auto;
23079
23139
  --pf-c-toolbar__group--Display: flex;
23080
23140
  --pf-c-toolbar--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
23081
23141
  --pf-c-toolbar--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
@@ -25756,6 +25816,75 @@ label.pf-c-radio, .pf-c-radio__label,
25756
25816
  direction: ltr;
25757
25817
  }
25758
25818
  }
25819
+ .pf-l-gallery {
25820
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
25821
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
25822
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
25823
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
25824
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
25825
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
25826
+ --pf-l-gallery--GridTemplateRows: auto;
25827
+ display: grid;
25828
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
25829
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
25830
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
25831
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
25832
+ }
25833
+
25834
+ .pf-l-gallery.pf-m-gutter {
25835
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
25836
+ }
25837
+
25838
+ @media (min-width: 576px) {
25839
+ .pf-l-gallery {
25840
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
25841
+ }
25842
+ }
25843
+ @media (min-width: 768px) {
25844
+ .pf-l-gallery {
25845
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
25846
+ }
25847
+ }
25848
+ @media (min-width: 992px) {
25849
+ .pf-l-gallery {
25850
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
25851
+ }
25852
+ }
25853
+ @media (min-width: 1200px) {
25854
+ .pf-l-gallery {
25855
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
25856
+ }
25857
+ }
25858
+ @media (min-width: 1450px) {
25859
+ .pf-l-gallery {
25860
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
25861
+ }
25862
+ }
25863
+ @media (min-width: 576px) {
25864
+ .pf-l-gallery {
25865
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
25866
+ }
25867
+ }
25868
+ @media (min-width: 768px) {
25869
+ .pf-l-gallery {
25870
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
25871
+ }
25872
+ }
25873
+ @media (min-width: 992px) {
25874
+ .pf-l-gallery {
25875
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
25876
+ }
25877
+ }
25878
+ @media (min-width: 1200px) {
25879
+ .pf-l-gallery {
25880
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
25881
+ }
25882
+ }
25883
+ @media (min-width: 1450px) {
25884
+ .pf-l-gallery {
25885
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
25886
+ }
25887
+ }
25759
25888
  .pf-l-flex {
25760
25889
  --pf-l-flex--Display: flex;
25761
25890
  --pf-l-flex--FlexWrap: wrap;
@@ -27832,75 +27961,6 @@ label.pf-c-radio, .pf-c-radio__label,
27832
27961
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
27833
27962
  }
27834
27963
  }
27835
- .pf-l-gallery {
27836
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
27837
- --pf-l-gallery--GridTemplateColumns--min: 250px;
27838
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27839
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
27840
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27841
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
27842
- --pf-l-gallery--GridTemplateRows: auto;
27843
- display: grid;
27844
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
27845
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
27846
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27847
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27848
- }
27849
-
27850
- .pf-l-gallery.pf-m-gutter {
27851
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
27852
- }
27853
-
27854
- @media (min-width: 576px) {
27855
- .pf-l-gallery {
27856
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
27857
- }
27858
- }
27859
- @media (min-width: 768px) {
27860
- .pf-l-gallery {
27861
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)));
27862
- }
27863
- }
27864
- @media (min-width: 992px) {
27865
- .pf-l-gallery {
27866
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))));
27867
- }
27868
- }
27869
- @media (min-width: 1200px) {
27870
- .pf-l-gallery {
27871
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min)))));
27872
- }
27873
- }
27874
- @media (min-width: 1450px) {
27875
- .pf-l-gallery {
27876
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-l-gallery--GridTemplateColumns--min-on-md, var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min))))));
27877
- }
27878
- }
27879
- @media (min-width: 576px) {
27880
- .pf-l-gallery {
27881
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
27882
- }
27883
- }
27884
- @media (min-width: 768px) {
27885
- .pf-l-gallery {
27886
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)));
27887
- }
27888
- }
27889
- @media (min-width: 992px) {
27890
- .pf-l-gallery {
27891
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))));
27892
- }
27893
- }
27894
- @media (min-width: 1200px) {
27895
- .pf-l-gallery {
27896
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))));
27897
- }
27898
- }
27899
- @media (min-width: 1450px) {
27900
- .pf-l-gallery {
27901
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max))))));
27902
- }
27903
- }
27904
27964
  .pf-l-grid {
27905
27965
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
27906
27966
  --pf-l-grid__item--GridColumnStart: auto;