@patternfly/react-core 4.224.10 → 4.224.13

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 (46) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/esm/components/DragDrop/DragDrop.d.ts +1 -1
  3. package/dist/esm/components/DragDrop/DragDrop.d.ts.map +1 -1
  4. package/dist/esm/components/SearchInput/SearchInput.d.ts +7 -0
  5. package/dist/esm/components/SearchInput/SearchInput.d.ts.map +1 -1
  6. package/dist/esm/components/SearchInput/SearchInput.js +9 -4
  7. package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
  8. package/dist/js/components/DragDrop/DragDrop.d.ts +1 -1
  9. package/dist/js/components/DragDrop/DragDrop.d.ts.map +1 -1
  10. package/dist/js/components/SearchInput/SearchInput.d.ts +7 -0
  11. package/dist/js/components/SearchInput/SearchInput.d.ts.map +1 -1
  12. package/dist/js/components/SearchInput/SearchInput.js +9 -4
  13. package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
  14. package/dist/umd/react-core.css +415 -617
  15. package/dist/umd/react-core.js +683 -705
  16. package/dist/umd/react-core.min.css +103 -305
  17. package/dist/umd/react-core.min.js +4 -4
  18. package/package.json +5 -5
  19. package/src/components/Accordion/__tests__/Accordion.test.tsx +134 -104
  20. package/src/components/Accordion/__tests__/AccordionContent.test.tsx +180 -0
  21. package/src/components/Accordion/__tests__/AccordionExpandedContentBody.test.tsx +33 -0
  22. package/src/components/Accordion/__tests__/AccordionItem.test.tsx +18 -0
  23. package/src/components/Accordion/__tests__/AccordionToggle.test.tsx +164 -0
  24. package/src/components/Accordion/__tests__/__snapshots__/Accordion.test.tsx.snap +1 -214
  25. package/src/components/Accordion/__tests__/__snapshots__/AccordionContent.test.tsx.snap +17 -0
  26. package/src/components/Accordion/__tests__/__snapshots__/AccordionExpandedContentBody.test.tsx.snap +19 -0
  27. package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.test.tsx.snap +7 -0
  28. package/src/components/Accordion/__tests__/__snapshots__/AccordionToggle.test.tsx.snap +25 -0
  29. package/src/components/ActionList/__tests__/ActionList.test.tsx +46 -11
  30. package/src/components/ActionList/__tests__/ActionListGroup.test.tsx +34 -7
  31. package/src/components/ActionList/__tests__/ActionListItem.test.tsx +34 -7
  32. package/src/components/ActionList/__tests__/__snapshots__/ActionList.test.tsx.snap +1 -11
  33. package/src/components/ActionList/__tests__/__snapshots__/ActionListGroup.test.tsx.snap +1 -1
  34. package/src/components/ActionList/__tests__/__snapshots__/ActionListItem.test.tsx.snap +1 -1
  35. package/src/components/DragDrop/DragDrop.tsx +1 -1
  36. package/src/components/Hint/__tests__/Hint.test.tsx +63 -10
  37. package/src/components/Hint/__tests__/HintBody.test.tsx +47 -0
  38. package/src/components/Hint/__tests__/HintFooter.test.tsx +47 -0
  39. package/src/components/Hint/__tests__/HintTitle.test.tsx +47 -0
  40. package/src/components/Hint/__tests__/__snapshots__/Hint.test.tsx.snap +1 -16
  41. package/src/components/Hint/__tests__/__snapshots__/HintBody.test.tsx.snap +13 -0
  42. package/src/components/Hint/__tests__/__snapshots__/HintFooter.test.tsx.snap +13 -0
  43. package/src/components/Hint/__tests__/__snapshots__/HintTitle.test.tsx.snap +13 -0
  44. package/src/components/SearchInput/SearchInput.tsx +32 -5
  45. package/src/components/SearchInput/__tests__/SearchInput.test.tsx +37 -0
  46. package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +193 -4
@@ -17764,208 +17764,6 @@ label.pf-c-radio, .pf-c-radio__label,
17764
17764
  cursor: not-allowed;
17765
17765
  }
17766
17766
 
17767
- .pf-c-search-input {
17768
- --pf-c-search-input__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
17769
- --pf-c-search-input__text--before--BorderColor: var(--pf-global--BorderColor--300);
17770
- --pf-c-search-input__text--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
17771
- --pf-c-search-input__text--after--BorderBottomColor: var(--pf-global--BorderColor--200);
17772
- --pf-c-search-input__bar--hover__text--after--BorderBottomColor: var(--pf-global--primary-color--100);
17773
- --pf-c-search-input__text--focus-within--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
17774
- --pf-c-search-input__text--focus-within--after--BorderBottomColor: var(--pf-global--primary-color--100);
17775
- --pf-c-search-input__text-input--PaddingTop: var(--pf-global--spacer--form-element);
17776
- --pf-c-search-input__text-input--PaddingRight: var(--pf-global--spacer--sm);
17777
- --pf-c-search-input__text-input--PaddingBottom: var(--pf-global--spacer--form-element);
17778
- --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
17779
- --pf-c-search-input__text-input--MinWidth: 6ch;
17780
- --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
17781
- --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
17782
- --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
17783
- --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
17784
- --pf-c-search-input__icon--TranslateY: -50%;
17785
- --pf-c-search-input__utilities--MarginRight: var(--pf-global--spacer--sm);
17786
- --pf-c-search-input__utilities--MarginLeft: var(--pf-global--spacer--xs);
17787
- --pf-c-search-input__utilities--child--MarginLeft: var(--pf-global--spacer--xs);
17788
- --pf-c-search-input__utilities--c-button--PaddingRight: var(--pf-global--spacer--xs);
17789
- --pf-c-search-input__utilities--c-button--PaddingLeft: var(--pf-global--spacer--xs);
17790
- --pf-c-search-input__menu-body--PaddingTop: var(--pf-global--spacer--md);
17791
- --pf-c-search-input__menu-body--PaddingRight: var(--pf-global--spacer--md);
17792
- --pf-c-search-input__menu-body--PaddingBottom: var(--pf-global--spacer--md);
17793
- --pf-c-search-input__menu-body--PaddingLeft: var(--pf-global--spacer--md);
17794
- --pf-c-search-input__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
17795
- --pf-c-search-input__menu--BoxShadow: var(--pf-global--BoxShadow--md);
17796
- --pf-c-search-input__menu--Top: calc(100% + var(--pf-global--spacer--xs));
17797
- --pf-c-search-input__menu--ZIndex: var(--pf-global--ZIndex--sm);
17798
- --pf-c-search-input--m-top__menu--Top: 0;
17799
- --pf-c-search-input--m-top__menu--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
17800
- --pf-c-search-input__menu-list--PaddingTop: var(--pf-global--spacer--sm);
17801
- --pf-c-search-input__menu-list--PaddingBottom: var(--pf-global--spacer--sm);
17802
- --pf-c-search-input__menu-item--PaddingTop: var(--pf-global--spacer--sm);
17803
- --pf-c-search-input__menu-item--PaddingRight: var(--pf-global--spacer--md);
17804
- --pf-c-search-input__menu-item--PaddingBottom: var(--pf-global--spacer--sm);
17805
- --pf-c-search-input__menu-item--PaddingLeft: var(--pf-global--spacer--md);
17806
- --pf-c-search-input__menu-item--Color: var(--pf-global--Color--100);
17807
- --pf-c-search-input__menu-item--BackgroundColor: transparent;
17808
- --pf-c-search-input__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
17809
- --pf-c-search-input__menu-item--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
17810
- position: relative;
17811
- width: 100%;
17812
- }
17813
-
17814
- .pf-c-search-input__bar {
17815
- position: relative;
17816
- display: flex;
17817
- width: 100%;
17818
- }
17819
-
17820
- .pf-c-search-input__bar:hover {
17821
- --pf-c-search-input__text--after--BorderBottomColor: var(--pf-c-search-input__bar--hover__text--after--BorderBottomColor);
17822
- }
17823
-
17824
- .pf-c-search-input__text {
17825
- display: grid;
17826
- grid-template-columns: 1fr;
17827
- grid-template-areas: "text-input";
17828
- flex: 1;
17829
- }
17830
-
17831
- .pf-c-search-input__text::before, .pf-c-search-input__text::after {
17832
- position: absolute;
17833
- top: 0;
17834
- right: 0;
17835
- bottom: 0;
17836
- left: 0;
17837
- pointer-events: none;
17838
- content: "";
17839
- }
17840
-
17841
- .pf-c-search-input__text::before {
17842
- border: var(--pf-c-search-input__text--before--BorderWidth) solid var(--pf-c-search-input__text--before--BorderColor);
17843
- }
17844
-
17845
- .pf-c-search-input__text::after {
17846
- border-bottom: var(--pf-c-search-input__text--after--BorderBottomWidth) solid var(--pf-c-search-input__text--after--BorderBottomColor);
17847
- }
17848
-
17849
- .pf-c-search-input__text:hover, .pf-c-search-input__text:focus-within {
17850
- --pf-c-search-input__icon--Color: var(--pf-c-search-input__text--hover__icon--Color);
17851
- }
17852
-
17853
- .pf-c-search-input__text:focus-within {
17854
- --pf-c-search-input__text--after--BorderBottomWidth: var(--pf-c-search-input__text--focus-within--after--BorderBottomWidth);
17855
- --pf-c-search-input__text--after--BorderBottomColor: var(--pf-c-search-input__text--focus-within--after--BorderBottomColor);
17856
- }
17857
-
17858
- .pf-c-search-input__icon {
17859
- position: absolute;
17860
- top: 50%;
17861
- left: var(--pf-c-search-input__icon--Left);
17862
- color: var(--pf-c-search-input__icon--Color);
17863
- transform: translateY(var(--pf-c-search-input__icon--TranslateY));
17864
- }
17865
-
17866
- .pf-c-search-input__text-input {
17867
- overflow: hidden;
17868
- text-overflow: ellipsis;
17869
- white-space: nowrap;
17870
- position: relative;
17871
- width: 100%;
17872
- min-width: var(--pf-c-search-input__text-input--MinWidth);
17873
- padding: var(--pf-c-search-input__text-input--PaddingTop) var(--pf-c-search-input__text-input--PaddingRight) var(--pf-c-search-input__text-input--PaddingBottom) var(--pf-c-search-input__text-input--PaddingLeft);
17874
- border: 0;
17875
- }
17876
-
17877
- .pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {
17878
- grid-area: text-input;
17879
- }
17880
-
17881
- .pf-c-search-input__text-input.pf-m-hint {
17882
- color: var(--pf-c-search-input__text-input--m-hint--Color);
17883
- }
17884
-
17885
- .pf-c-search-input__utilities {
17886
- display: flex;
17887
- margin-right: var(--pf-c-search-input__utilities--MarginRight);
17888
- margin-left: var(--pf-c-search-input__utilities--MarginLeft);
17889
- }
17890
-
17891
- .pf-c-search-input__utilities > * + * {
17892
- margin-left: var(--pf-c-search-input__utilities--child--MarginLeft);
17893
- }
17894
-
17895
- .pf-c-search-input__utilities .pf-c-button {
17896
- --pf-c-button--PaddingRight: var(--pf-c-search-input__utilities--c-button--PaddingRight);
17897
- --pf-c-button--PaddingLeft: var(--pf-c-search-input__utilities--c-button--PaddingLeft);
17898
- }
17899
-
17900
- .pf-c-search-input__nav {
17901
- display: flex;
17902
- }
17903
-
17904
- .pf-c-search-input__count {
17905
- display: flex;
17906
- align-items: center;
17907
- }
17908
-
17909
- .pf-c-search-input__menu {
17910
- position: absolute;
17911
- top: var(--pf-c-search-input__menu--Top);
17912
- z-index: var(--pf-c-search-input__menu--ZIndex);
17913
- min-width: 100%;
17914
- background-color: var(--pf-c-search-input__menu--BackgroundColor);
17915
- background-clip: padding-box;
17916
- box-shadow: var(--pf-c-search-input__menu--BoxShadow);
17917
- }
17918
-
17919
- .pf-c-search-input.pf-m-top .pf-c-search-input__menu {
17920
- --pf-c-search-input__menu--Top: var(--pf-c-search-input--m-top__menu--Top);
17921
- transform: translateY(var(--pf-c-search-input--m-top__menu--TranslateY));
17922
- }
17923
-
17924
- .pf-c-search-input__menu-body {
17925
- padding: var(--pf-c-search-input__menu-body--PaddingTop) var(--pf-c-search-input__menu-body--PaddingRight) var(--pf-c-search-input__menu-body--PaddingBottom) var(--pf-c-search-input__menu-body--PaddingLeft);
17926
- }
17927
-
17928
- .pf-c-search-input__menu-list {
17929
- padding-top: var(--pf-c-search-input__menu-list--PaddingTop);
17930
- padding-bottom: var(--pf-c-search-input__menu-list--PaddingBottom);
17931
- }
17932
-
17933
- .pf-c-search-input__menu-item {
17934
- display: flex;
17935
- width: 100%;
17936
- min-width: 0;
17937
- padding-top: var(--pf-c-search-input__menu-item--PaddingTop);
17938
- padding-right: var(--pf-c-search-input__menu-item--PaddingRight);
17939
- padding-bottom: var(--pf-c-search-input__menu-item--PaddingBottom);
17940
- padding-left: var(--pf-c-search-input__menu-item--PaddingLeft);
17941
- color: var(--pf-c-search-input__menu-item--Color);
17942
- text-align: left;
17943
- background-color: var(--pf-c-search-input__menu-item--BackgroundColor);
17944
- border: none;
17945
- }
17946
-
17947
- .pf-c-search-input__menu-item:hover {
17948
- --pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--hover--BackgroundColor);
17949
- }
17950
-
17951
- .pf-c-search-input__menu-item:focus {
17952
- --pf-c-search-input__menu-item--BackgroundColor: var(--pf-c-search-input__menu-item--focus--BackgroundColor);
17953
- }
17954
-
17955
- .pf-c-search-input__menu-item-text {
17956
- flex-grow: 1;
17957
- }
17958
-
17959
- :where(.pf-theme-dark) .pf-c-search-input {
17960
- --pf-c-search-input__text--before--BorderColor: transparent;
17961
- --pf-c-search-input__text--after--BorderBottomColor: var(--pf-global--BorderColor--400);
17962
- background-color: var(--pf-global--BackgroundColor--400);
17963
- }
17964
-
17965
- :where(.pf-theme-dark) .pf-c-search-input__text::before {
17966
- border-bottom-color: var(--pf-global--BorderColor--400);
17967
- }
17968
-
17969
17767
  .pf-c-select {
17970
17768
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
17971
17769
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -23986,40 +23784,6 @@ label.pf-c-tree-view__node-text {
23986
23784
  display: flex;
23987
23785
  }
23988
23786
 
23989
- .pf-c-truncate {
23990
- --pf-c-truncate--MinWidth: 12ch;
23991
- --pf-c-truncate__start--MinWidth: 6ch;
23992
- display: inline-grid;
23993
- grid-auto-flow: column;
23994
- align-items: baseline;
23995
- min-width: var(--pf-c-truncate--MinWidth);
23996
- }
23997
-
23998
- .pf-c-truncate__start,
23999
- .pf-c-truncate__end {
24000
- overflow: hidden;
24001
- text-overflow: ellipsis;
24002
- white-space: nowrap;
24003
- }
24004
-
24005
- .pf-c-truncate__start {
24006
- min-width: var(--pf-c-truncate__start--MinWidth);
24007
- }
24008
-
24009
- .pf-c-truncate__end {
24010
- direction: rtl;
24011
- }
24012
-
24013
- .pf-c-truncate__start + .pf-c-truncate__end {
24014
- overflow: visible;
24015
- direction: ltr;
24016
- }
24017
-
24018
- @supports (-webkit-hyphens: none) {
24019
- .pf-c-truncate__end {
24020
- direction: ltr;
24021
- }
24022
- }
24023
23787
  .pf-c-panel {
24024
23788
  --pf-c-panel--Width: auto;
24025
23789
  --pf-c-panel--MinWidth: auto;
@@ -24103,6 +23867,40 @@ label.pf-c-tree-view__node-text {
24103
23867
  box-shadow: var(--pf-c-panel__footer--BoxShadow);
24104
23868
  }
24105
23869
 
23870
+ .pf-c-truncate {
23871
+ --pf-c-truncate--MinWidth: 12ch;
23872
+ --pf-c-truncate__start--MinWidth: 6ch;
23873
+ display: inline-grid;
23874
+ grid-auto-flow: column;
23875
+ align-items: baseline;
23876
+ min-width: var(--pf-c-truncate--MinWidth);
23877
+ }
23878
+
23879
+ .pf-c-truncate__start,
23880
+ .pf-c-truncate__end {
23881
+ overflow: hidden;
23882
+ text-overflow: ellipsis;
23883
+ white-space: nowrap;
23884
+ }
23885
+
23886
+ .pf-c-truncate__start {
23887
+ min-width: var(--pf-c-truncate__start--MinWidth);
23888
+ }
23889
+
23890
+ .pf-c-truncate__end {
23891
+ direction: rtl;
23892
+ }
23893
+
23894
+ .pf-c-truncate__start + .pf-c-truncate__end {
23895
+ overflow: visible;
23896
+ direction: ltr;
23897
+ }
23898
+
23899
+ @supports (-webkit-hyphens: none) {
23900
+ .pf-c-truncate__end {
23901
+ direction: ltr;
23902
+ }
23903
+ }
24106
23904
  .pf-l-flex {
24107
23905
  --pf-l-flex--Display: flex;
24108
23906
  --pf-l-flex--FlexWrap: wrap;
@@ -26179,6 +25977,75 @@ label.pf-c-tree-view__node-text {
26179
25977
  --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
26180
25978
  }
26181
25979
  }
25980
+ .pf-l-gallery {
25981
+ --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
25982
+ --pf-l-gallery--GridTemplateColumns--min: 250px;
25983
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
25984
+ --pf-l-gallery--GridTemplateColumns--max: 1fr;
25985
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
25986
+ --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
25987
+ --pf-l-gallery--GridTemplateRows: auto;
25988
+ display: grid;
25989
+ grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
25990
+ grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
25991
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
25992
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
25993
+ }
25994
+
25995
+ .pf-l-gallery.pf-m-gutter {
25996
+ grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
25997
+ }
25998
+
25999
+ @media (min-width: 576px) {
26000
+ .pf-l-gallery {
26001
+ --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
26002
+ }
26003
+ }
26004
+ @media (min-width: 768px) {
26005
+ .pf-l-gallery {
26006
+ --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)));
26007
+ }
26008
+ }
26009
+ @media (min-width: 992px) {
26010
+ .pf-l-gallery {
26011
+ --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))));
26012
+ }
26013
+ }
26014
+ @media (min-width: 1200px) {
26015
+ .pf-l-gallery {
26016
+ --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)))));
26017
+ }
26018
+ }
26019
+ @media (min-width: 1450px) {
26020
+ .pf-l-gallery {
26021
+ --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))))));
26022
+ }
26023
+ }
26024
+ @media (min-width: 576px) {
26025
+ .pf-l-gallery {
26026
+ --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
26027
+ }
26028
+ }
26029
+ @media (min-width: 768px) {
26030
+ .pf-l-gallery {
26031
+ --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)));
26032
+ }
26033
+ }
26034
+ @media (min-width: 992px) {
26035
+ .pf-l-gallery {
26036
+ --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))));
26037
+ }
26038
+ }
26039
+ @media (min-width: 1200px) {
26040
+ .pf-l-gallery {
26041
+ --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)))));
26042
+ }
26043
+ }
26044
+ @media (min-width: 1450px) {
26045
+ .pf-l-gallery {
26046
+ --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))))));
26047
+ }
26048
+ }
26182
26049
  .pf-l-grid {
26183
26050
  --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
26184
26051
  --pf-l-grid__item--GridColumnStart: auto;
@@ -27393,75 +27260,6 @@ label.pf-c-tree-view__node-text {
27393
27260
  grid-gap: var(--pf-l-grid--m-gutter--GridGap);
27394
27261
  }
27395
27262
 
27396
- .pf-l-gallery {
27397
- --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
27398
- --pf-l-gallery--GridTemplateColumns--min: 250px;
27399
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27400
- --pf-l-gallery--GridTemplateColumns--max: 1fr;
27401
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27402
- --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
27403
- --pf-l-gallery--GridTemplateRows: auto;
27404
- display: grid;
27405
- grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
27406
- grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
27407
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
27408
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
27409
- }
27410
-
27411
- .pf-l-gallery.pf-m-gutter {
27412
- grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
27413
- }
27414
-
27415
- @media (min-width: 576px) {
27416
- .pf-l-gallery {
27417
- --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
27418
- }
27419
- }
27420
- @media (min-width: 768px) {
27421
- .pf-l-gallery {
27422
- --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)));
27423
- }
27424
- }
27425
- @media (min-width: 992px) {
27426
- .pf-l-gallery {
27427
- --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))));
27428
- }
27429
- }
27430
- @media (min-width: 1200px) {
27431
- .pf-l-gallery {
27432
- --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)))));
27433
- }
27434
- }
27435
- @media (min-width: 1450px) {
27436
- .pf-l-gallery {
27437
- --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))))));
27438
- }
27439
- }
27440
- @media (min-width: 576px) {
27441
- .pf-l-gallery {
27442
- --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
27443
- }
27444
- }
27445
- @media (min-width: 768px) {
27446
- .pf-l-gallery {
27447
- --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)));
27448
- }
27449
- }
27450
- @media (min-width: 992px) {
27451
- .pf-l-gallery {
27452
- --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))));
27453
- }
27454
- }
27455
- @media (min-width: 1200px) {
27456
- .pf-l-gallery {
27457
- --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)))));
27458
- }
27459
- }
27460
- @media (min-width: 1450px) {
27461
- .pf-l-gallery {
27462
- --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))))));
27463
- }
27464
- }
27465
27263
  .pf-l-level {
27466
27264
  --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
27467
27265
  display: flex;