@patternfly/react-table 4.54.0 → 4.56.0

package/CHANGELOG.md

@@ -3,6 +3,47 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 4.56.0 (2022-01-12)
+
+
+### Features
+
+* **expandable-section:** added indented variation ([#6763](https://github.com/patternfly/patternfly-react/issues/6763)) ([703b922](https://github.com/patternfly/patternfly-react/commit/703b9224e43bedd5b37ec41d8f26f2939836d610))
+
+
+
+
+
+## 4.55.1 (2022-01-11)
+
+
+### Bug Fixes
+
+* **Select:** update typeahead Select children when any option attribute changes ([#6747](https://github.com/patternfly/patternfly-react/issues/6747)) ([1e03f3c](https://github.com/patternfly/patternfly-react/commit/1e03f3c6d0a7c507e33398c98863e40bb2233a62))
+
+
+
+
+
+# 4.55.0 (2022-01-11)
+
+
+### Features
+
+* **ToggleGroup:** support disabling all items under the parent ([#6700](https://github.com/patternfly/patternfly-react/issues/6700)) ([a60c8f3](https://github.com/patternfly/patternfly-react/commit/a60c8f3485546c797750451714a70b7e84a4ba0f))
+
+
+
+
+
+## 4.54.1 (2022-01-11)
+
+**Note:** Version bump only for package @patternfly/react-table
+
+
+
+
+
 # 4.54.0 (2022-01-11)
 
 

package/dist/umd/react-table.js

@@ -5525,19 +5525,26 @@
                 // if viewMoreNextIndex is not -1, view more was clicked, set focus on first newly loaded item
                 if (this.state.viewMoreNextIndex !== -1 &&
                     this.refCollection.length > this.state.viewMoreNextIndex &&
-                    this.props.loadingVariant !== 'spinner') {
+                    this.props.loadingVariant !== 'spinner' &&
+                    this.refCollection[this.state.viewMoreNextIndex][0]) {
                     this.refCollection[this.state.viewMoreNextIndex][0].focus();
                 }
-                // the number or contents of the children has changed, update state.typeaheadFilteredChildren
-                if (prevProps.children.length !== this.props.children.length ||
-                    prevProps.children.some((child, index) => {
-                        if (child.props && this.props.children[index].props) {
-                            return child.props.value !== this.props.children[index].props.value;
+                const hasUpdatedChildren = prevProps.children.length !== this.props.children.length ||
+                    prevProps.children.some((prevChild, index) => {
+                        const prevChildProps = prevChild.props;
+                        const currChild = this.props.children[index];
+                        const { props: currChildProps } = currChild;
+                        if (prevChildProps && currChildProps) {
+                            return (prevChildProps.value !== currChildProps.value ||
+                                prevChildProps.label !== currChildProps.label ||
+                                prevChildProps.isDisabled !== currChildProps.isDisabled ||
+                                prevChildProps.isPlaceholder !== currChildProps.isPlaceholder);
                         }
                         else {
-                            return child !== this.props.children[index];
+                            return prevChild !== currChild;
                         }
-                    })) {
+                    });
+                if (hasUpdatedChildren) {
                     this.updateTypeAheadFilteredChildren(prevState.typeaheadInputValue || '', null);
                 }
                 // for menus with favorites,

package/dist/umd/react-table.min.css

@@ -19323,185 +19323,6 @@ ul.pf-c-list {
     --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
   }
 }
-.pf-c-progress {
-  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
-  --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
-  --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
-  --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
-  --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
-  --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-progress__bar--before--Opacity: .2;
-  --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
-  --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
-  --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
-  --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
-  --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
-  --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
-  --pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
-  --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
-  --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
-  --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
-  --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
-  --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
-  --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
-  --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
-  display: grid;
-  align-items: end;
-  grid-gap: var(--pf-c-progress--GridGap);
-  grid-template-columns: auto auto;
-  grid-template-rows: 1fr auto;
-}
-
-.pf-c-progress.pf-m-sm {
-  --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
-}
-
-.pf-c-progress.pf-m-sm .pf-c-progress__description {
-  font-size: var(--pf-c-progress--m-sm__description--FontSize);
-}
-
-.pf-c-progress.pf-m-sm .pf-c-progress__measure {
-  font-size: var(--pf-c-progress--m-sm__measure--FontSize);
-}
-
-.pf-c-progress.pf-m-lg {
-  --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
-}
-
-.pf-c-progress.pf-m-inside .pf-c-progress__indicator {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
-}
-
-.pf-c-progress.pf-m-inside .pf-c-progress__measure {
-  font-size: var(--pf-c-progress--m-inside__measure--FontSize);
-  color: var(--pf-c-progress--m-inside__measure--Color);
-  text-align: center;
-}
-
-.pf-c-progress.pf-m-outside .pf-c-progress__description {
-  grid-column: 1/3;
-}
-
-.pf-c-progress.pf-m-outside .pf-c-progress__status {
-  grid-column: 2/3;
-  grid-row: 2/3;
-  align-self: center;
-}
-
-.pf-c-progress.pf-m-outside .pf-c-progress__measure {
-  display: inline-block;
-  font-size: var(--pf-c-progress--m-outside__measure--FontSize);
-}
-
-.pf-c-progress.pf-m-outside .pf-c-progress__measure.pf-m-static-width {
-  min-width: var(--pf-c-progress__measure--m-static-width--MinWidth);
-  text-align: left;
-}
-
-.pf-c-progress.pf-m-outside .pf-c-progress__bar,
-.pf-c-progress.pf-m-outside .pf-c-progress__indicator {
-  grid-column: 1/2;
-}
-
-.pf-c-progress.pf-m-singleline {
-  grid-template-rows: 1fr;
-}
-
-.pf-c-progress.pf-m-singleline .pf-c-progress__description {
-  display: none;
-  visibility: hidden;
-}
-
-.pf-c-progress.pf-m-singleline .pf-c-progress__bar {
-  grid-row: 1/2;
-  grid-column: 1/2;
-}
-
-.pf-c-progress.pf-m-singleline .pf-c-progress__status {
-  grid-row: 1/2;
-  grid-column: 2/3;
-}
-
-.pf-c-progress.pf-m-outside, .pf-c-progress.pf-m-singleline {
-  grid-template-columns: 1fr fit-content(50%);
-}
-
-.pf-c-progress.pf-m-success {
-  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-success__bar--BackgroundColor);
-  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-success__status-icon--Color);
-  --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-success--m-inside__measure--Color);
-}
-
-.pf-c-progress.pf-m-warning {
-  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-warning__bar--BackgroundColor);
-  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-warning__status-icon--Color);
-  --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-warning--m-inside__measure--Color);
-}
-
-.pf-c-progress.pf-m-danger {
-  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-danger__bar--BackgroundColor);
-  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-danger__status-icon--Color);
-}
-
-.pf-c-progress__description {
-  word-break: break-word;
-  grid-column: 1/2;
-}
-
-.pf-c-progress__description.pf-m-truncate {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.pf-c-progress__status {
-  grid-column: 2/3;
-  grid-row: 1/2;
-  text-align: right;
-  word-break: break-word;
-}
-
-.pf-c-progress__status-icon {
-  margin-left: var(--pf-c-progress__status-icon--MarginLeft);
-  color: var(--pf-c-progress__status-icon--Color);
-}
-
-.pf-c-progress__bar {
-  position: relative;
-  grid-column: 1/3;
-  grid-row: 2/3;
-  align-self: center;
-  height: var(--pf-c-progress__bar--Height);
-  background-color: var(--pf-c-progress__bar--BackgroundColor);
-}
-
-.pf-c-progress__bar::before {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  content: "";
-  background-color: var(--pf-c-progress__bar--before--BackgroundColor);
-  opacity: var(--pf-c-progress__bar--before--Opacity);
-}
-
-.pf-c-progress__indicator {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: var(--pf-c-progress__indicator--Height);
-  background-color: var(--pf-c-progress__indicator--BackgroundColor);
-}
-
 .pf-c-popover {
   --pf-c-popover--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-popover--MinWidth: calc(var(--pf-c-popover__content--PaddingLeft) + var(--pf-c-popover__content--PaddingRight) + 18.75rem);
@@ -19694,6 +19515,185 @@ ul.pf-c-list {
   margin-top: var(--pf-c-popover__footer--MarginTop);
 }
 
+.pf-c-progress {
+  --pf-c-progress--GridGap: var(--pf-global--spacer--md);
+  --pf-c-progress__bar--before--BackgroundColor: var(--pf-global--primary-color--100);
+  --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
+  --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
+  --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
+  --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
+  --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-progress__bar--before--Opacity: .2;
+  --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
+  --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
+  --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
+  --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
+  --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
+  --pf-c-progress--m-success__status-icon--Color: var(--pf-global--success-color--100);
+  --pf-c-progress--m-warning__status-icon--Color: var(--pf-global--warning-color--100);
+  --pf-c-progress--m-danger__status-icon--Color: var(--pf-global--danger-color--100);
+  --pf-c-progress--m-inside__indicator--MinWidth: var(--pf-global--spacer--xl);
+  --pf-c-progress--m-inside__measure--Color: var(--pf-global--Color--light-100);
+  --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--Color--light-100);
+  --pf-c-progress--m-warning--m-inside__measure--Color: var(--pf-global--Color--dark-100);
+  --pf-c-progress--m-inside__measure--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-progress--m-outside__measure--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-progress--m-sm__bar--Height: var(--pf-global--spacer--sm);
+  --pf-c-progress--m-sm__description--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-progress--m-sm__measure--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-progress--m-lg__bar--Height: var(--pf-global--spacer--lg);
+  display: grid;
+  align-items: end;
+  grid-gap: var(--pf-c-progress--GridGap);
+  grid-template-columns: auto auto;
+  grid-template-rows: 1fr auto;
+}
+
+.pf-c-progress.pf-m-sm {
+  --pf-c-progress__bar--Height: var(--pf-c-progress--m-sm__bar--Height);
+}
+
+.pf-c-progress.pf-m-sm .pf-c-progress__description {
+  font-size: var(--pf-c-progress--m-sm__description--FontSize);
+}
+
+.pf-c-progress.pf-m-sm .pf-c-progress__measure {
+  font-size: var(--pf-c-progress--m-sm__measure--FontSize);
+}
+
+.pf-c-progress.pf-m-lg {
+  --pf-c-progress__bar--Height: var(--pf-c-progress--m-lg__bar--Height);
+}
+
+.pf-c-progress.pf-m-inside .pf-c-progress__indicator {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--pf-c-progress--m-inside__indicator--MinWidth);
+}
+
+.pf-c-progress.pf-m-inside .pf-c-progress__measure {
+  font-size: var(--pf-c-progress--m-inside__measure--FontSize);
+  color: var(--pf-c-progress--m-inside__measure--Color);
+  text-align: center;
+}
+
+.pf-c-progress.pf-m-outside .pf-c-progress__description {
+  grid-column: 1/3;
+}
+
+.pf-c-progress.pf-m-outside .pf-c-progress__status {
+  grid-column: 2/3;
+  grid-row: 2/3;
+  align-self: center;
+}
+
+.pf-c-progress.pf-m-outside .pf-c-progress__measure {
+  display: inline-block;
+  font-size: var(--pf-c-progress--m-outside__measure--FontSize);
+}
+
+.pf-c-progress.pf-m-outside .pf-c-progress__measure.pf-m-static-width {
+  min-width: var(--pf-c-progress__measure--m-static-width--MinWidth);
+  text-align: left;
+}
+
+.pf-c-progress.pf-m-outside .pf-c-progress__bar,
+.pf-c-progress.pf-m-outside .pf-c-progress__indicator {
+  grid-column: 1/2;
+}
+
+.pf-c-progress.pf-m-singleline {
+  grid-template-rows: 1fr;
+}
+
+.pf-c-progress.pf-m-singleline .pf-c-progress__description {
+  display: none;
+  visibility: hidden;
+}
+
+.pf-c-progress.pf-m-singleline .pf-c-progress__bar {
+  grid-row: 1/2;
+  grid-column: 1/2;
+}
+
+.pf-c-progress.pf-m-singleline .pf-c-progress__status {
+  grid-row: 1/2;
+  grid-column: 2/3;
+}
+
+.pf-c-progress.pf-m-outside, .pf-c-progress.pf-m-singleline {
+  grid-template-columns: 1fr fit-content(50%);
+}
+
+.pf-c-progress.pf-m-success {
+  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-success__bar--BackgroundColor);
+  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-success__status-icon--Color);
+  --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-success--m-inside__measure--Color);
+}
+
+.pf-c-progress.pf-m-warning {
+  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-warning__bar--BackgroundColor);
+  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-warning__status-icon--Color);
+  --pf-c-progress--m-inside__measure--Color: var(--pf-c-progress--m-warning--m-inside__measure--Color);
+}
+
+.pf-c-progress.pf-m-danger {
+  --pf-c-progress__bar--before--BackgroundColor: var(--pf-c-progress--m-danger__bar--BackgroundColor);
+  --pf-c-progress__status-icon--Color: var(--pf-c-progress--m-danger__status-icon--Color);
+}
+
+.pf-c-progress__description {
+  word-break: break-word;
+  grid-column: 1/2;
+}
+
+.pf-c-progress__description.pf-m-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.pf-c-progress__status {
+  grid-column: 2/3;
+  grid-row: 1/2;
+  text-align: right;
+  word-break: break-word;
+}
+
+.pf-c-progress__status-icon {
+  margin-left: var(--pf-c-progress__status-icon--MarginLeft);
+  color: var(--pf-c-progress__status-icon--Color);
+}
+
+.pf-c-progress__bar {
+  position: relative;
+  grid-column: 1/3;
+  grid-row: 2/3;
+  align-self: center;
+  height: var(--pf-c-progress__bar--Height);
+  background-color: var(--pf-c-progress__bar--BackgroundColor);
+}
+
+.pf-c-progress__bar::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  content: "";
+  background-color: var(--pf-c-progress__bar--before--BackgroundColor);
+  opacity: var(--pf-c-progress__bar--before--Opacity);
+}
+
+.pf-c-progress__indicator {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: var(--pf-c-progress__indicator--Height);
+  background-color: var(--pf-c-progress__indicator--BackgroundColor);
+}
+
 .pf-c-progress-stepper {
   --pf-c-progress-stepper--GridAutoFlow: column;
   --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
@@ -27752,6 +27752,75 @@ label.pf-c-radio, .pf-c-radio__label,
     --pf-l-flex--spacer: var(--pf-l-flex--spacer--4xl);
   }
 }
+.pf-l-gallery {
+  --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
+  --pf-l-gallery--GridTemplateColumns--min: 250px;
+  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
+  --pf-l-gallery--GridTemplateColumns--max: 1fr;
+  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
+  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
+  --pf-l-gallery--GridTemplateRows: auto;
+  display: grid;
+  grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
+  grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
+  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
+  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
+}
+
+.pf-l-gallery.pf-m-gutter {
+  grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
+}
+
+@media (min-width: 576px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
+  }
+}
+@media (min-width: 768px) {
+  .pf-l-gallery {
+    --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)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-l-gallery {
+    --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))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-l-gallery {
+    --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)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-l-gallery {
+    --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))))));
+  }
+}
+@media (min-width: 576px) {
+  .pf-l-gallery {
+    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
+  }
+}
+@media (min-width: 768px) {
+  .pf-l-gallery {
+    --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)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-l-gallery {
+    --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))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-l-gallery {
+    --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)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-l-gallery {
+    --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))))));
+  }
+}
 .pf-l-grid {
   --pf-l-grid--m-gutter--GridGap: var(--pf-global--gutter);
   --pf-l-grid__item--GridColumnStart: auto;
@@ -28966,75 +29035,6 @@ label.pf-c-radio, .pf-c-radio__label,
   grid-gap: var(--pf-l-grid--m-gutter--GridGap);
 }
 
-.pf-l-gallery {
-  --pf-l-gallery--m-gutter--GridGap: var(--pf-global--gutter);
-  --pf-l-gallery--GridTemplateColumns--min: 250px;
-  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
-  --pf-l-gallery--GridTemplateColumns--max: 1fr;
-  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
-  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-l-gallery--GridTemplateColumns--minmax--min), var(--pf-l-gallery--GridTemplateColumns--minmax--max)));
-  --pf-l-gallery--GridTemplateRows: auto;
-  display: grid;
-  grid-template-columns: var(--pf-l-gallery--GridTemplateColumns);
-  grid-template-rows: var(--pf-l-gallery--GridTemplateRows);
-  --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min);
-  --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max);
-}
-
-.pf-l-gallery.pf-m-gutter {
-  grid-gap: var(--pf-l-gallery--m-gutter--GridGap);
-}
-
-@media (min-width: 576px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--min: var(--pf-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-l-gallery--GridTemplateColumns--min));
-  }
-}
-@media (min-width: 768px) {
-  .pf-l-gallery {
-    --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)));
-  }
-}
-@media (min-width: 992px) {
-  .pf-l-gallery {
-    --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))));
-  }
-}
-@media (min-width: 1200px) {
-  .pf-l-gallery {
-    --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)))));
-  }
-}
-@media (min-width: 1450px) {
-  .pf-l-gallery {
-    --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))))));
-  }
-}
-@media (min-width: 576px) {
-  .pf-l-gallery {
-    --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max));
-  }
-}
-@media (min-width: 768px) {
-  .pf-l-gallery {
-    --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)));
-  }
-}
-@media (min-width: 992px) {
-  .pf-l-gallery {
-    --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))));
-  }
-}
-@media (min-width: 1200px) {
-  .pf-l-gallery {
-    --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)))));
-  }
-}
-@media (min-width: 1450px) {
-  .pf-l-gallery {
-    --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))))));
-  }
-}
 .pf-l-level {
   --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
   display: flex;