@patternfly/react-table 4.61.10 → 4.61.14

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.
@@ -7876,6 +7876,32 @@ svg.pf-c-spinner.pf-m-xl {
7876
7876
  color: var(--pf-c-app-launcher__group-title--Color);
7877
7877
  }
7878
7878
 
7879
+ .pf-c-avatar {
7880
+ --pf-c-avatar--BorderColor: transparent;
7881
+ --pf-c-avatar--BorderWidth: 0;
7882
+ --pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg);
7883
+ --pf-c-avatar--Width: 2.25rem;
7884
+ --pf-c-avatar--Height: 2.25rem;
7885
+ --pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100);
7886
+ --pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm);
7887
+ --pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700);
7888
+ --pf-c-avatar--m-dark--BorderWidth: var(--pf-global--BorderWidth--sm);
7889
+ width: var(--pf-c-avatar--Width);
7890
+ height: var(--pf-c-avatar--Height);
7891
+ border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor);
7892
+ border-radius: var(--pf-c-avatar--BorderRadius);
7893
+ }
7894
+
7895
+ .pf-c-avatar.pf-m-light {
7896
+ --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-light--BorderColor);
7897
+ --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-light--BorderWidth);
7898
+ }
7899
+
7900
+ .pf-c-avatar.pf-m-dark {
7901
+ --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);
7902
+ --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth);
7903
+ }
7904
+
7879
7905
  .pf-c-back-to-top {
7880
7906
  --pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
7881
7907
  --pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
@@ -7911,32 +7937,6 @@ svg.pf-c-spinner.pf-m-xl {
7911
7937
  box-shadow: var(--pf-c-back-to-top--c-button--BoxShadow);
7912
7938
  }
7913
7939
 
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
-
7940
7940
  .pf-c-background-image {
7941
7941
  --pf-c-background-image--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
7942
7942
  --pf-c-background-image--BackgroundImage: url("../../assets/images/pfbg_576.jpg");
@@ -12941,6 +12941,71 @@ button.pf-c-breadcrumb__link {
12941
12941
  color: var(--pf-c-helper-text__item-text--Color);
12942
12942
  }
12943
12943
 
12944
+ .pf-c-hint {
12945
+ --pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
12946
+ --pf-c-hint--PaddingTop: var(--pf-global--spacer--lg);
12947
+ --pf-c-hint--PaddingRight: var(--pf-global--spacer--lg);
12948
+ --pf-c-hint--PaddingBottom: var(--pf-global--spacer--lg);
12949
+ --pf-c-hint--PaddingLeft: var(--pf-global--spacer--lg);
12950
+ --pf-c-hint--BackgroundColor: var(--pf-global--palette--blue-50);
12951
+ --pf-c-hint--BorderColor: var(--pf-global--palette--blue-100);
12952
+ --pf-c-hint--BorderWidth: var(--pf-global--BorderWidth--sm);
12953
+ --pf-c-hint--BoxShadow: var(--pf-global--BoxShadow--sm);
12954
+ --pf-c-hint--Color: var(--pf-global--Color--100);
12955
+ --pf-c-hint__title--FontSize: var(--pf-global--FontSize--lg);
12956
+ --pf-c-hint__body--FontSize: var(--pf-global--FontSize--md);
12957
+ --pf-c-hint__footer--child--MarginRight: var(--pf-global--spacer--md);
12958
+ --pf-c-hint__actions--MarginLeft: var(--pf-global--spacer--2xl);
12959
+ --pf-c-hint__actions--c-dropdown--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
12960
+ display: grid;
12961
+ grid-template-columns: 1fr auto;
12962
+ grid-row-gap: var(--pf-c-hint--GridRowGap);
12963
+ padding: var(--pf-c-hint--PaddingTop) var(--pf-c-hint--PaddingRight) var(--pf-c-hint--PaddingBottom) var(--pf-c-hint--PaddingLeft);
12964
+ color: var(--pf-c-hint--Color);
12965
+ background-color: var(--pf-c-hint--BackgroundColor);
12966
+ border: var(--pf-c-hint--BorderWidth) solid var(--pf-c-hint--BorderColor);
12967
+ box-shadow: var(--pf-c-hint--BoxShadow);
12968
+ }
12969
+
12970
+ .pf-c-hint .pf-c-button.pf-m-link.pf-m-inline {
12971
+ text-align: left;
12972
+ white-space: normal;
12973
+ }
12974
+
12975
+ .pf-c-hint__actions {
12976
+ display: inline-grid;
12977
+ grid-auto-flow: column;
12978
+ margin-left: var(--pf-c-hint__actions--MarginLeft);
12979
+ text-align: right;
12980
+ grid-column: 2;
12981
+ grid-row: 1;
12982
+ }
12983
+
12984
+ .pf-c-hint__actions .pf-c-dropdown .pf-c-dropdown__toggle.pf-m-plain {
12985
+ margin-top: var(--pf-c-hint__actions--c-dropdown--MarginTop);
12986
+ }
12987
+
12988
+ .pf-c-hint__actions + .pf-c-hint__body {
12989
+ grid-column: 1;
12990
+ }
12991
+
12992
+ .pf-c-hint__title {
12993
+ font-size: var(--pf-c-hint__title--FontSize);
12994
+ }
12995
+
12996
+ .pf-c-hint__body {
12997
+ grid-column: 1/-1;
12998
+ font-size: var(--pf-c-hint__body--FontSize);
12999
+ }
13000
+
13001
+ .pf-c-hint__footer {
13002
+ grid-column: 1/-1;
13003
+ }
13004
+
13005
+ .pf-c-hint__footer > :not(:last-child) {
13006
+ margin-right: var(--pf-c-hint__footer--child--MarginRight);
13007
+ }
13008
+
12944
13009
  .pf-c-input-group {
12945
13010
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
12946
13011
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -13662,71 +13727,6 @@ label.pf-c-input-group__text {
13662
13727
  --pf-c-sidebar__panel--FlexBasis: 100%;
13663
13728
  }
13664
13729
  }
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
-
13730
13730
  .pf-c-label {
13731
13731
  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
13732
13732
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
@@ -25816,75 +25816,6 @@ label.pf-c-radio, .pf-c-radio__label,
25816
25816
  direction: ltr;
25817
25817
  }
25818
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
- }
25888
25819
  .pf-l-flex {
25889
25820
  --pf-l-flex--Display: flex;
25890
25821
  --pf-l-flex--FlexWrap: wrap;
@@ -27961,6 +27892,75 @@ label.pf-c-radio, .pf-c-radio__label,
27961
27892
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
27962
27893
  }
27963
27894
  }
27895
+ .pf-l-gallery {
27896
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
27897
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
27898
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27899
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
27900
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27901
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
27902
+ --pf-l-gallery--GridTemplateRows: auto;
27903
+ display: grid;
27904
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
27905
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
27906
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27907
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27908
+ }
27909
+
27910
+ .pf-l-gallery.pf-m-gutter {
27911
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
27912
+ }
27913
+
27914
+ @media (min-width: 576px) {
27915
+ .pf-l-gallery {
27916
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
27917
+ }
27918
+ }
27919
+ @media (min-width: 768px) {
27920
+ .pf-l-gallery {
27921
+ --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)));
27922
+ }
27923
+ }
27924
+ @media (min-width: 992px) {
27925
+ .pf-l-gallery {
27926
+ --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))));
27927
+ }
27928
+ }
27929
+ @media (min-width: 1200px) {
27930
+ .pf-l-gallery {
27931
+ --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)))));
27932
+ }
27933
+ }
27934
+ @media (min-width: 1450px) {
27935
+ .pf-l-gallery {
27936
+ --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))))));
27937
+ }
27938
+ }
27939
+ @media (min-width: 576px) {
27940
+ .pf-l-gallery {
27941
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
27942
+ }
27943
+ }
27944
+ @media (min-width: 768px) {
27945
+ .pf-l-gallery {
27946
+ --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)));
27947
+ }
27948
+ }
27949
+ @media (min-width: 992px) {
27950
+ .pf-l-gallery {
27951
+ --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))));
27952
+ }
27953
+ }
27954
+ @media (min-width: 1200px) {
27955
+ .pf-l-gallery {
27956
+ --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)))));
27957
+ }
27958
+ }
27959
+ @media (min-width: 1450px) {
27960
+ .pf-l-gallery {
27961
+ --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))))));
27962
+ }
27963
+ }
27964
27964
  .pf-l-grid {
27965
27965
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
27966
27966
  --pf-l-grid__item--GridColumnStart: auto;
@@ -10145,16 +10145,17 @@
10145
10145
  const { isOpen } = this.state;
10146
10146
  const { items, children, dropdownPosition, dropdownDirection, isDisabled, rowData, actionsToggle } = this.props;
10147
10147
  const actionsToggleClone = actionsToggle ? (actionsToggle({ onToggle: this.onToggle, isOpen, isDisabled })) : (React__namespace.createElement(KebabToggle, { isDisabled: isDisabled, onToggle: this.onToggle }));
10148
- const outsideDropdownItems = items.filter(a => a.isOutsideDropdown);
10149
- const dropdownItems = items.filter(a => !a.isOutsideDropdown);
10150
10148
  return (React__namespace.createElement(React__namespace.Fragment, null,
10151
- outsideDropdownItems
10149
+ items
10150
+ .filter(item => item.isOutsideDropdown)
10152
10151
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
10153
10152
  .map((_a, key) => {
10154
10153
  var { title, itemKey, onClick, isOutsideDropdown } = _a, props = __rest$2(_a, ["title", "itemKey", "onClick", "isOutsideDropdown"]);
10155
10154
  return typeof title === 'string' ? (React__namespace.createElement(Button, Object.assign({ onClick: event => this.onClick(event, onClick) }, props, { isDisabled: isDisabled, key: itemKey || `outside_dropdown_${key}`, "data-key": itemKey || `outside_dropdown_${key}` }), title)) : (React__namespace.cloneElement(title, Object.assign({ onClick, isDisabled }, props)));
10156
10155
  }),
10157
- React__namespace.createElement(Dropdown, Object.assign({ toggle: actionsToggleClone, position: dropdownPosition, direction: dropdownDirection, isOpen: isOpen, dropdownItems: dropdownItems.map((_a, key) => {
10156
+ React__namespace.createElement(Dropdown, Object.assign({ toggle: actionsToggleClone, position: dropdownPosition, direction: dropdownDirection, isOpen: isOpen, dropdownItems: items
10157
+ .filter(item => !item.isOutsideDropdown)
10158
+ .map((_a, key) => {
10158
10159
  var { title, itemKey, onClick, isSeparator } = _a, props = __rest$2(_a, ["title", "itemKey", "onClick", "isSeparator"]);
10159
10160
  return isSeparator ? (React__namespace.createElement(DropdownSeparator, Object.assign({}, props, { key: itemKey || key, "data-key": itemKey || key }))) : (React__namespace.createElement(DropdownItem, Object.assign({ component: "button", onClick: event => {
10160
10161
  this.onClick(event, onClick);