@patternfly/react-core 4.250.1 → 4.250.2

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.250.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.250.1...@patternfly/react-core@4.250.2) (2022-10-10)
+
+
+### Bug Fixes
+
+* **Menu:** fixed height issue with drilldown examples ([#8033](https://github.com/patternfly/patternfly-react/issues/8033)) ([c0583b5](https://github.com/patternfly/patternfly-react/commit/c0583b530310b3d89be222e58fe926ecc6dd8d99))
+
+
+
+
+
 ## [4.250.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.250.0...@patternfly/react-core@4.250.1) (2022-10-05)
 
 **Note:** Version bump only for package @patternfly/react-core

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

@@ -9276,85 +9276,6 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-form__helper-text--m-success--Color: var(--pf-global--success-color--100);
 }
 
-.pf-c-helper-text {
-  --pf-c-helper-text--Gap: var(--pf-global--spacer--xs);
-  --pf-c-helper-text--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-helper-text__item-icon--Color: var(--pf-global--Color--100);
-  --pf-c-helper-text__item-text--Color: var(--pf-global--Color--100);
-  --pf-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-global--Color--200);
-  --pf-c-helper-text__item-text--m-indeterminate--Color: var(--pf-global--Color--200);
-  --pf-c-helper-text__item-icon--m-warning--Color: var(--pf-global--warning-color--100);
-  --pf-c-helper-text__item-text--m-warning--Color: var(--pf-global--warning-color--200);
-  --pf-c-helper-text__item-icon--m-success--Color: var(--pf-global--success-color--100);
-  --pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--200);
-  --pf-c-helper-text__item-icon--m-error--Color: var(--pf-global--danger-color--100);
-  --pf-c-helper-text__item-text--m-error--Color: var(--pf-global--danger-color--200);
-  --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-global--Color--100);
-  --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-global--Color--100);
-  --pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-global--Color--200);
-  --pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-global--Color--200);
-  --pf-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-global--warning-color--100);
-  --pf-c-helper-text--m-dynamic--m-warning__item-text--Color: var(--pf-global--Color--200);
-  --pf-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-global--success-color--100);
-  --pf-c-helper-text--m-dynamic--m-success__item-text--Color: var(--pf-global--Color--200);
-  --pf-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-global--danger-color--100);
-  --pf-c-helper-text--m-dynamic--m-error__item-text--Color: var(--pf-global--Color--100);
-  --pf-c-helper-text__item-icon--MarginRight: var(--pf-global--spacer--xs);
-  display: grid;
-  gap: var(--pf-c-helper-text--Gap);
-  font-size: var(--pf-c-helper-text--FontSize);
-}
-
-.pf-c-helper-text__item {
-  display: flex;
-}
-
-.pf-c-helper-text__item.pf-m-indeterminate {
-  --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-indeterminate--Color);
-  --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-indeterminate--Color);
-  --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
-  --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
-}
-
-.pf-c-helper-text__item.pf-m-warning {
-  --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-warning--Color);
-  --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-warning--Color);
-  --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-icon--Color);
-  --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-text--Color);
-}
-
-.pf-c-helper-text__item.pf-m-success {
-  --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-success--Color);
-  --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-success--Color);
-  --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-icon--Color);
-  --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-text--Color);
-}
-
-.pf-c-helper-text__item.pf-m-error {
-  --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-error--Color);
-  --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-error--Color);
-  --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-error__item-icon--Color);
-  --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-error__item-text--Color);
-}
-
-.pf-c-helper-text__item.pf-m-dynamic {
-  --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text--m-dynamic__item-text--Color);
-  --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text--m-dynamic__item-icon--Color);
-}
-
-.pf-c-helper-text__item-icon {
-  margin-right: var(--pf-c-helper-text__item-icon--MarginRight);
-  color: var(--pf-c-helper-text__item-icon--Color);
-}
-
-.pf-c-helper-text__item-text {
-  color: var(--pf-c-helper-text__item-text--Color);
-}
-
-:where(.pf-theme-dark) .pf-c-helper-text {
-  --pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--100);
-}
-
 .pf-c-hint {
   --pf-c-hint--GridRowGap: var(--pf-global--spacer--md);
   --pf-c-hint--PaddingTop: var(--pf-global--spacer--lg);
@@ -9668,6 +9589,85 @@ label.pf-c-input-group__text {
   --pf-c-input-group__text--BackgroundColor: transparent;
 }
 
+.pf-c-helper-text {
+  --pf-c-helper-text--Gap: var(--pf-global--spacer--xs);
+  --pf-c-helper-text--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-helper-text__item-icon--Color: var(--pf-global--Color--100);
+  --pf-c-helper-text__item-text--Color: var(--pf-global--Color--100);
+  --pf-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-global--Color--200);
+  --pf-c-helper-text__item-text--m-indeterminate--Color: var(--pf-global--Color--200);
+  --pf-c-helper-text__item-icon--m-warning--Color: var(--pf-global--warning-color--100);
+  --pf-c-helper-text__item-text--m-warning--Color: var(--pf-global--warning-color--200);
+  --pf-c-helper-text__item-icon--m-success--Color: var(--pf-global--success-color--100);
+  --pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--200);
+  --pf-c-helper-text__item-icon--m-error--Color: var(--pf-global--danger-color--100);
+  --pf-c-helper-text__item-text--m-error--Color: var(--pf-global--danger-color--200);
+  --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-global--Color--100);
+  --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-global--Color--100);
+  --pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-global--Color--200);
+  --pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-global--Color--200);
+  --pf-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-global--warning-color--100);
+  --pf-c-helper-text--m-dynamic--m-warning__item-text--Color: var(--pf-global--Color--200);
+  --pf-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-global--success-color--100);
+  --pf-c-helper-text--m-dynamic--m-success__item-text--Color: var(--pf-global--Color--200);
+  --pf-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-global--danger-color--100);
+  --pf-c-helper-text--m-dynamic--m-error__item-text--Color: var(--pf-global--Color--100);
+  --pf-c-helper-text__item-icon--MarginRight: var(--pf-global--spacer--xs);
+  display: grid;
+  gap: var(--pf-c-helper-text--Gap);
+  font-size: var(--pf-c-helper-text--FontSize);
+}
+
+.pf-c-helper-text__item {
+  display: flex;
+}
+
+.pf-c-helper-text__item.pf-m-indeterminate {
+  --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-indeterminate--Color);
+  --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-indeterminate--Color);
+  --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
+  --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
+}
+
+.pf-c-helper-text__item.pf-m-warning {
+  --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-warning--Color);
+  --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-warning--Color);
+  --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-icon--Color);
+  --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-warning__item-text--Color);
+}
+
+.pf-c-helper-text__item.pf-m-success {
+  --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-success--Color);
+  --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-success--Color);
+  --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-icon--Color);
+  --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-success__item-text--Color);
+}
+
+.pf-c-helper-text__item.pf-m-error {
+  --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text__item-icon--m-error--Color);
+  --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text__item-text--m-error--Color);
+  --pf-c-helper-text--m-dynamic__item-icon--Color: var(--pf-c-helper-text--m-dynamic--m-error__item-icon--Color);
+  --pf-c-helper-text--m-dynamic__item-text--Color: var(--pf-c-helper-text--m-dynamic--m-error__item-text--Color);
+}
+
+.pf-c-helper-text__item.pf-m-dynamic {
+  --pf-c-helper-text__item-text--Color: var(--pf-c-helper-text--m-dynamic__item-text--Color);
+  --pf-c-helper-text__item-icon--Color: var(--pf-c-helper-text--m-dynamic__item-icon--Color);
+}
+
+.pf-c-helper-text__item-icon {
+  margin-right: var(--pf-c-helper-text__item-icon--MarginRight);
+  color: var(--pf-c-helper-text__item-icon--Color);
+}
+
+.pf-c-helper-text__item-text {
+  color: var(--pf-c-helper-text__item-text--Color);
+}
+
+:where(.pf-theme-dark) .pf-c-helper-text {
+  --pf-c-helper-text__item-text--m-success--Color: var(--pf-global--success-color--100);
+}
+
 .pf-c-jump-links {
   --pf-c-jump-links__list--Display: flex;
   --pf-c-jump-links__list--Visibility: visible;
@@ -21183,173 +21183,53 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
 }
 
-.pf-c-toggle-group {
-  --pf-c-toggle-group__button--PaddingTop: var(--pf-global--spacer--form-element);
-  --pf-c-toggle-group__button--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-toggle-group__button--PaddingBottom: var(--pf-global--spacer--form-element);
-  --pf-c-toggle-group__button--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-toggle-group__button--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-toggle-group__button--LineHeight: calc(var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md));
-  --pf-c-toggle-group__button--Color: var(--pf-global--Color--100);
-  --pf-c-toggle-group__button--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-toggle-group__button--ZIndex: auto;
-  --pf-c-toggle-group__button--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-toggle-group__button--hover--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-toggle-group__button--hover--before--BorderColor: var(--pf-global--BorderColor--200);
-  --pf-c-toggle-group__button--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-toggle-group__button--focus--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-toggle-group__button--focus--before--BorderColor: var(--pf-global--BorderColor--200);
-  --pf-c-toggle-group__button--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
-  --pf-c-toggle-group__button--disabled--Color: var(--pf-global--disabled-color--100);
-  --pf-c-toggle-group__button--before--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-toggle-group__button--before--BorderColor: var(--pf-global--BorderColor--100);
-  --pf-c-toggle-group__item--item--MarginLeft: calc(-1 * var(--pf-global--BorderWidth--sm));
-  --pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius: var(--pf-global--BorderRadius--sm);
-  --pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius: var(--pf-global--BorderRadius--sm);
-  --pf-c-toggle-group__item--last-child__button--BorderTopRightRadius: var(--pf-global--BorderRadius--sm);
-  --pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-global--BorderRadius--sm);
-  --pf-c-toggle-group__icon--text--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--palette--blue-50);
-  --pf-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-global--primary-color--100);
-  --pf-c-toggle-group__button--m-selected--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-toggle-group--m-compact__button--PaddingTop: 0;
-  --pf-c-toggle-group--m-compact__button--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-toggle-group--m-compact__button--PaddingBottom: 0;
-  --pf-c-toggle-group--m-compact__button--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-toggle-group--m-compact__button--FontSize: var(--pf-global--FontSize--xs);
-  display: flex;
+.pf-c-toolbar__content-section, .pf-c-toolbar__content, .pf-c-toolbar__item, .pf-c-toolbar__group {
+  --pf-hidden-visible--visible--Visibility: visible;
+  --pf-hidden-visible--hidden--Display: none;
+  --pf-hidden-visible--hidden--Visibility: hidden;
+  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
+  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
+  display: var(--pf-hidden-visible--Display);
+  visibility: var(--pf-hidden-visible--Visibility);
 }
 
-.pf-c-toggle-group.pf-m-compact {
-  --pf-c-toggle-group__button--PaddingTop: var(--pf-c-toggle-group--m-compact__button--PaddingTop);
-  --pf-c-toggle-group__button--PaddingRight: var(--pf-c-toggle-group--m-compact__button--PaddingRight);
-  --pf-c-toggle-group__button--PaddingBottom: var(--pf-c-toggle-group--m-compact__button--PaddingBottom);
-  --pf-c-toggle-group__button--PaddingLeft: var(--pf-c-toggle-group--m-compact__button--PaddingLeft);
-  --pf-c-toggle-group__button--FontSize: var(--pf-c-toggle-group--m-compact__button--FontSize);
+.pf-m-hidden.pf-c-toolbar__content-section, .pf-m-hidden.pf-c-toolbar__content, .pf-m-hidden.pf-c-toolbar__item, .pf-m-hidden.pf-c-toolbar__group {
+  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
+  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
 }
 
-.pf-c-toggle-group__item + .pf-c-toggle-group__item {
-  margin-left: var(--pf-c-toggle-group__item--item--MarginLeft);
-}
+@media screen and (min-width: 576px) {
+  .pf-m-hidden-on-sm.pf-c-toolbar__content-section, .pf-m-hidden-on-sm.pf-c-toolbar__content, .pf-m-hidden-on-sm.pf-c-toolbar__item, .pf-m-hidden-on-sm.pf-c-toolbar__group {
+    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
+    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
+  }
 
-.pf-c-toggle-group__item:first-child .pf-c-toggle-group__button, .pf-c-toggle-group__item:first-child .pf-c-toggle-group__button::before {
-  border-top-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius);
-  border-bottom-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius);
+  .pf-m-visible-on-sm.pf-c-toolbar__content-section, .pf-m-visible-on-sm.pf-c-toolbar__content, .pf-m-visible-on-sm.pf-c-toolbar__item, .pf-m-visible-on-sm.pf-c-toolbar__group {
+    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
+    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
+  }
 }
+@media screen and (min-width: 768px) {
+  .pf-m-hidden-on-md.pf-c-toolbar__content-section, .pf-m-hidden-on-md.pf-c-toolbar__content, .pf-m-hidden-on-md.pf-c-toolbar__item, .pf-m-hidden-on-md.pf-c-toolbar__group {
+    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
+    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
+  }
 
-.pf-c-toggle-group__item:last-child .pf-c-toggle-group__button, .pf-c-toggle-group__item:last-child .pf-c-toggle-group__button::before {
-  border-top-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderTopRightRadius);
-  border-bottom-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius);
+  .pf-m-visible-on-md.pf-c-toolbar__content-section, .pf-m-visible-on-md.pf-c-toolbar__content, .pf-m-visible-on-md.pf-c-toolbar__item, .pf-m-visible-on-md.pf-c-toolbar__group {
+    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
+    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
+  }
 }
+@media screen and (min-width: 992px) {
+  .pf-m-hidden-on-lg.pf-c-toolbar__content-section, .pf-m-hidden-on-lg.pf-c-toolbar__content, .pf-m-hidden-on-lg.pf-c-toolbar__item, .pf-m-hidden-on-lg.pf-c-toolbar__group {
+    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
+    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
+  }
 
-.pf-c-toggle-group__button {
-  position: relative;
-  z-index: var(--pf-c-toggle-group__button--ZIndex);
-  display: inline-flex;
-  padding: var(--pf-c-toggle-group__button--PaddingTop) var(--pf-c-toggle-group__button--PaddingRight) var(--pf-c-toggle-group__button--PaddingBottom) var(--pf-c-toggle-group__button--PaddingLeft);
-  font-size: var(--pf-c-toggle-group__button--FontSize);
-  line-height: var(--pf-c-toggle-group__button--LineHeight);
-  color: var(--pf-c-toggle-group__button--Color);
-  background-color: var(--pf-c-toggle-group__button--BackgroundColor);
-  border: 0;
-}
-
-.pf-c-toggle-group__button::before {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  pointer-events: none;
-  content: "";
-  border: var(--pf-c-toggle-group__button--before--BorderWidth) solid var(--pf-c-toggle-group__button--before--BorderColor);
-}
-
-.pf-c-toggle-group__button:hover {
-  --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--hover--BackgroundColor);
-  --pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--hover--ZIndex);
-  --pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--hover--before--BorderColor);
-  text-decoration: none;
-}
-
-.pf-c-toggle-group__button:focus {
-  --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--focus--BackgroundColor);
-  --pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--focus--ZIndex);
-  --pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--focus--before--BorderColor);
-}
-
-.pf-c-toggle-group__button.pf-m-selected {
-  --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--m-selected--BackgroundColor);
-  --pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--m-selected--ZIndex);
-  --pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--m-selected--before--BorderColor);
-}
-
-.pf-c-toggle-group__button:disabled, .pf-c-toggle-group__button.pf-m-disabled {
-  --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--disabled--BackgroundColor);
-  --pf-c-toggle-group__button--Color: var(--pf-c-toggle-group__button--disabled--Color);
-  pointer-events: none;
-}
-
-.pf-c-toggle-group__icon + .pf-c-toggle-group__text,
-.pf-c-toggle-group__text + .pf-c-toggle-group__icon {
-  margin-left: var(--pf-c-toggle-group__icon--text--MarginLeft);
-}
-
-:where(.pf-theme-dark) .pf-c-toggle-group {
-  --pf-c-toggle-group__button--hover--BackgroundColor: var(--pf-global--palette--black-700);
-  --pf-c-toggle-group__button--focus--BackgroundColor: var(--pf-global--palette--black-700);
-  --pf-c-toggle-group__button--disabled--BackgroundColor: var(--pf-global--palette--black-600);
-  --pf-c-toggle-group__button--disabled--Color: var(--pf-global--palette--black-100);
-  --pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--primary-color--300);
-}
-
-.pf-c-toolbar__content-section, .pf-c-toolbar__content, .pf-c-toolbar__item, .pf-c-toolbar__group {
-  --pf-hidden-visible--visible--Visibility: visible;
-  --pf-hidden-visible--hidden--Display: none;
-  --pf-hidden-visible--hidden--Visibility: hidden;
-  --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
-  display: var(--pf-hidden-visible--Display);
-  visibility: var(--pf-hidden-visible--Visibility);
-}
-
-.pf-m-hidden.pf-c-toolbar__content-section, .pf-m-hidden.pf-c-toolbar__content, .pf-m-hidden.pf-c-toolbar__item, .pf-m-hidden.pf-c-toolbar__group {
-  --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
-}
-
-@media screen and (min-width: 576px) {
-  .pf-m-hidden-on-sm.pf-c-toolbar__content-section, .pf-m-hidden-on-sm.pf-c-toolbar__content, .pf-m-hidden-on-sm.pf-c-toolbar__item, .pf-m-hidden-on-sm.pf-c-toolbar__group {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
-  }
-
-  .pf-m-visible-on-sm.pf-c-toolbar__content-section, .pf-m-visible-on-sm.pf-c-toolbar__content, .pf-m-visible-on-sm.pf-c-toolbar__item, .pf-m-visible-on-sm.pf-c-toolbar__group {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-m-hidden-on-md.pf-c-toolbar__content-section, .pf-m-hidden-on-md.pf-c-toolbar__content, .pf-m-hidden-on-md.pf-c-toolbar__item, .pf-m-hidden-on-md.pf-c-toolbar__group {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
-  }
-
-  .pf-m-visible-on-md.pf-c-toolbar__content-section, .pf-m-visible-on-md.pf-c-toolbar__content, .pf-m-visible-on-md.pf-c-toolbar__item, .pf-m-visible-on-md.pf-c-toolbar__group {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-m-hidden-on-lg.pf-c-toolbar__content-section, .pf-m-hidden-on-lg.pf-c-toolbar__content, .pf-m-hidden-on-lg.pf-c-toolbar__item, .pf-m-hidden-on-lg.pf-c-toolbar__group {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
-  }
-
-  .pf-m-visible-on-lg.pf-c-toolbar__content-section, .pf-m-visible-on-lg.pf-c-toolbar__content, .pf-m-visible-on-lg.pf-c-toolbar__item, .pf-m-visible-on-lg.pf-c-toolbar__group {
-    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
-  }
+  .pf-m-visible-on-lg.pf-c-toolbar__content-section, .pf-m-visible-on-lg.pf-c-toolbar__content, .pf-m-visible-on-lg.pf-c-toolbar__item, .pf-m-visible-on-lg.pf-c-toolbar__group {
+    --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
+    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
+  }
 }
 @media screen and (min-width: 1200px) {
   .pf-m-hidden-on-xl.pf-c-toolbar__content-section, .pf-m-hidden-on-xl.pf-c-toolbar__content, .pf-m-hidden-on-xl.pf-c-toolbar__item, .pf-m-hidden-on-xl.pf-c-toolbar__group {
@@ -22684,6 +22564,126 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-toolbar--spacer: 0;
 }
 
+.pf-c-toggle-group {
+  --pf-c-toggle-group__button--PaddingTop: var(--pf-global--spacer--form-element);
+  --pf-c-toggle-group__button--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-toggle-group__button--PaddingBottom: var(--pf-global--spacer--form-element);
+  --pf-c-toggle-group__button--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-toggle-group__button--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-toggle-group__button--LineHeight: calc(var(--pf-global--FontSize--md) * var(--pf-global--LineHeight--md));
+  --pf-c-toggle-group__button--Color: var(--pf-global--Color--100);
+  --pf-c-toggle-group__button--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-toggle-group__button--ZIndex: auto;
+  --pf-c-toggle-group__button--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
+  --pf-c-toggle-group__button--hover--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-toggle-group__button--hover--before--BorderColor: var(--pf-global--BorderColor--200);
+  --pf-c-toggle-group__button--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
+  --pf-c-toggle-group__button--focus--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-toggle-group__button--focus--before--BorderColor: var(--pf-global--BorderColor--200);
+  --pf-c-toggle-group__button--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
+  --pf-c-toggle-group__button--disabled--Color: var(--pf-global--disabled-color--100);
+  --pf-c-toggle-group__button--before--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-toggle-group__button--before--BorderColor: var(--pf-global--BorderColor--100);
+  --pf-c-toggle-group__item--item--MarginLeft: calc(-1 * var(--pf-global--BorderWidth--sm));
+  --pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius: var(--pf-global--BorderRadius--sm);
+  --pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius: var(--pf-global--BorderRadius--sm);
+  --pf-c-toggle-group__item--last-child__button--BorderTopRightRadius: var(--pf-global--BorderRadius--sm);
+  --pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-global--BorderRadius--sm);
+  --pf-c-toggle-group__icon--text--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--palette--blue-50);
+  --pf-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-global--primary-color--100);
+  --pf-c-toggle-group__button--m-selected--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-toggle-group--m-compact__button--PaddingTop: 0;
+  --pf-c-toggle-group--m-compact__button--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-toggle-group--m-compact__button--PaddingBottom: 0;
+  --pf-c-toggle-group--m-compact__button--PaddingLeft: var(--pf-global--spacer--sm);
+  --pf-c-toggle-group--m-compact__button--FontSize: var(--pf-global--FontSize--xs);
+  display: flex;
+}
+
+.pf-c-toggle-group.pf-m-compact {
+  --pf-c-toggle-group__button--PaddingTop: var(--pf-c-toggle-group--m-compact__button--PaddingTop);
+  --pf-c-toggle-group__button--PaddingRight: var(--pf-c-toggle-group--m-compact__button--PaddingRight);
+  --pf-c-toggle-group__button--PaddingBottom: var(--pf-c-toggle-group--m-compact__button--PaddingBottom);
+  --pf-c-toggle-group__button--PaddingLeft: var(--pf-c-toggle-group--m-compact__button--PaddingLeft);
+  --pf-c-toggle-group__button--FontSize: var(--pf-c-toggle-group--m-compact__button--FontSize);
+}
+
+.pf-c-toggle-group__item + .pf-c-toggle-group__item {
+  margin-left: var(--pf-c-toggle-group__item--item--MarginLeft);
+}
+
+.pf-c-toggle-group__item:first-child .pf-c-toggle-group__button, .pf-c-toggle-group__item:first-child .pf-c-toggle-group__button::before {
+  border-top-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderTopLeftRadius);
+  border-bottom-left-radius: var(--pf-c-toggle-group__item--first-child__button--BorderBottomLeftRadius);
+}
+
+.pf-c-toggle-group__item:last-child .pf-c-toggle-group__button, .pf-c-toggle-group__item:last-child .pf-c-toggle-group__button::before {
+  border-top-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderTopRightRadius);
+  border-bottom-right-radius: var(--pf-c-toggle-group__item--last-child__button--BorderBottomRightRadius);
+}
+
+.pf-c-toggle-group__button {
+  position: relative;
+  z-index: var(--pf-c-toggle-group__button--ZIndex);
+  display: inline-flex;
+  padding: var(--pf-c-toggle-group__button--PaddingTop) var(--pf-c-toggle-group__button--PaddingRight) var(--pf-c-toggle-group__button--PaddingBottom) var(--pf-c-toggle-group__button--PaddingLeft);
+  font-size: var(--pf-c-toggle-group__button--FontSize);
+  line-height: var(--pf-c-toggle-group__button--LineHeight);
+  color: var(--pf-c-toggle-group__button--Color);
+  background-color: var(--pf-c-toggle-group__button--BackgroundColor);
+  border: 0;
+}
+
+.pf-c-toggle-group__button::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  content: "";
+  border: var(--pf-c-toggle-group__button--before--BorderWidth) solid var(--pf-c-toggle-group__button--before--BorderColor);
+}
+
+.pf-c-toggle-group__button:hover {
+  --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--hover--BackgroundColor);
+  --pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--hover--ZIndex);
+  --pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--hover--before--BorderColor);
+  text-decoration: none;
+}
+
+.pf-c-toggle-group__button:focus {
+  --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--focus--BackgroundColor);
+  --pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--focus--ZIndex);
+  --pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--focus--before--BorderColor);
+}
+
+.pf-c-toggle-group__button.pf-m-selected {
+  --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--m-selected--BackgroundColor);
+  --pf-c-toggle-group__button--ZIndex: var(--pf-c-toggle-group__button--m-selected--ZIndex);
+  --pf-c-toggle-group__button--before--BorderColor: var(--pf-c-toggle-group__button--m-selected--before--BorderColor);
+}
+
+.pf-c-toggle-group__button:disabled, .pf-c-toggle-group__button.pf-m-disabled {
+  --pf-c-toggle-group__button--BackgroundColor: var(--pf-c-toggle-group__button--disabled--BackgroundColor);
+  --pf-c-toggle-group__button--Color: var(--pf-c-toggle-group__button--disabled--Color);
+  pointer-events: none;
+}
+
+.pf-c-toggle-group__icon + .pf-c-toggle-group__text,
+.pf-c-toggle-group__text + .pf-c-toggle-group__icon {
+  margin-left: var(--pf-c-toggle-group__icon--text--MarginLeft);
+}
+
+:where(.pf-theme-dark) .pf-c-toggle-group {
+  --pf-c-toggle-group__button--hover--BackgroundColor: var(--pf-global--palette--black-700);
+  --pf-c-toggle-group__button--focus--BackgroundColor: var(--pf-global--palette--black-700);
+  --pf-c-toggle-group__button--disabled--BackgroundColor: var(--pf-global--palette--black-600);
+  --pf-c-toggle-group__button--disabled--Color: var(--pf-global--palette--black-100);
+  --pf-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-global--primary-color--300);
+}
+
 .pf-c-tooltip {
   --pf-c-tooltip--MaxWidth: 18.75rem;
   --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
@@ -22792,6 +22792,52 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tooltip__arrow--Height: 0.9375rem;
 }
 
+.pf-c-number-input .pf-c-form-control {
+  appearance: textfield;
+}
+
+.pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
+  appearance: none;
+  margin: 0;
+}
+
+.pf-c-number-input {
+  --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
+  --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
+  --pf-c-number-input--c-form-control--width-icon: 0px;
+  --pf-c-number-input--m-status--c-form-control--width-icon: var(--pf-global--spacer--xl);
+  --pf-c-number-input--c-form-control--width-chars: 4;
+  --pf-c-number-input--c-form-control--Width:
+    calc(
+      calc(
+        var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch
+      ) + var(--pf-c-number-input--c-form-control--width-icon)
+    );
+  display: inline-flex;
+  align-items: center;
+}
+
+.pf-c-number-input.pf-m-status {
+  --pf-c-number-input--c-form-control--width-icon: var(--pf-c-number-input--m-status--c-form-control--width-icon);
+}
+
+.pf-c-number-input .pf-c-form-control {
+  display: inline-flex;
+  width: var(--pf-c-number-input--c-form-control--Width);
+  text-align: right;
+}
+
+.pf-c-input-group + .pf-c-number-input__unit,
+.pf-c-number-input__unit + .pf-c-input-group {
+  margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
+}
+
+.pf-c-number-input__icon {
+  display: flex;
+  font-size: var(--pf-c-number-input__icon--FontSize);
+}
+
 .pf-c-tree-view {
   --pf-c-tree-view--PaddingTop: var(--pf-global--spacer--sm);
   --pf-c-tree-view--PaddingBottom: var(--pf-global--spacer--sm);
@@ -23882,52 +23928,6 @@ label.pf-c-tree-view__node-text {
   color: var(--pf-global--Color--100);
 }
 
-.pf-c-number-input .pf-c-form-control {
-  appearance: textfield;
-}
-
-.pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
-  appearance: none;
-  margin: 0;
-}
-
-.pf-c-number-input {
-  --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
-  --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
-  --pf-c-number-input--c-form-control--width-icon: 0px;
-  --pf-c-number-input--m-status--c-form-control--width-icon: var(--pf-global--spacer--xl);
-  --pf-c-number-input--c-form-control--width-chars: 4;
-  --pf-c-number-input--c-form-control--Width:
-    calc(
-      calc(
-        var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch
-      ) + var(--pf-c-number-input--c-form-control--width-icon)
-    );
-  display: inline-flex;
-  align-items: center;
-}
-
-.pf-c-number-input.pf-m-status {
-  --pf-c-number-input--c-form-control--width-icon: var(--pf-c-number-input--m-status--c-form-control--width-icon);
-}
-
-.pf-c-number-input .pf-c-form-control {
-  display: inline-flex;
-  width: var(--pf-c-number-input--c-form-control--Width);
-  text-align: right;
-}
-
-.pf-c-input-group + .pf-c-number-input__unit,
-.pf-c-number-input__unit + .pf-c-input-group {
-  margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
-}
-
-.pf-c-number-input__icon {
-  display: flex;
-  font-size: var(--pf-c-number-input__icon--FontSize);
-}
-
 .pf-c-draggable {
   --pf-c-draggable--Cursor: auto;
   --pf-c-draggable--m-dragging--Cursor: grabbing;
@@ -26353,75 +26353,6 @@ label.pf-c-tree-view__node-text {
     --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;
@@ -27636,6 +27567,87 @@ label.pf-c-tree-view__node-text {
   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;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.pf-l-level.pf-m-gutter > *:not(:last-child) {
+  margin-right: var(--pf-l-level--m-gutter--MarginRight);
+}
+
 .pf-l-split {
   --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
   display: flex;
@@ -27655,18 +27667,6 @@ label.pf-c-tree-view__node-text {
   margin-right: var(--pf-l-split--m-gutter--MarginRight);
 }
 
-.pf-l-level {
-  --pf-l-level--m-gutter--MarginRight: var(--pf-global--gutter);
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.pf-l-level.pf-m-gutter > *:not(:last-child) {
-  margin-right: var(--pf-l-level--m-gutter--MarginRight);
-}
-
 .pf-l-stack {
   --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.250.1",
+  "version": "4.250.2",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -70,5 +70,5 @@
     "react": "^16.8 || ^17 || ^18",
     "react-dom": "^16.8 || ^17 || ^18"
   },
-  "gitHead": "b44f6c31e0ab822af9626fd16912d4eb6ba01f3e"
+  "gitHead": "44af73002bdeb1048be9b326abf7ffd4fcd474be"
 }

package/src/components/Menu/examples/MenuWithDrilldown.tsx

@@ -26,7 +26,7 @@ export const MenuWithDrilldown: React.FunctionComponent = () => {
   };
 
   const setHeight = (menuId: string, height: number) => {
-    if (menuHeights[menuId] === undefined) {
+    if (menuHeights[menuId] === undefined || (menuId !== 'drilldown-rootMenu' && menuHeights[menuId] !== height)) {
       setMenuHeights({ ...menuHeights, [menuId]: height });
     }
   };

package/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx

@@ -55,11 +55,13 @@ export const MenuWithDrilldownBreadcrumbs: React.FunctionComponent = () => {
     setDrilldownPath(pathSansLast);
     setActiveMenu(toMenuId);
   };
+
   const setHeight = (menuId: string, height: number) => {
-    if (!menuHeights[menuId]) {
+    if (menuHeights[menuId] === undefined || (menuId !== 'breadcrumbs-rootMenu' && menuHeights[menuId] !== height)) {
       setMenuHeights({ ...menuHeights, [menuId]: height });
     }
   };
+
   const drillIn = (fromMenuId: string, toMenuId: string, pathId: string) => {
     setMenuDrilledIn([...menuDrilledIn, fromMenuId]);
     setDrilldownPath([...drilldownPath, pathId]);

package/src/components/Menu/examples/MenuWithDrilldownSubmenuFunctions.tsx

@@ -26,7 +26,7 @@ export const MenuWithDrilldownSubmenuFunctions: React.FunctionComponent = () =>
   };
 
   const setHeight = (menuId: string, height: number) => {
-    if (menuHeights[menuId] === undefined) {
+    if (menuHeights[menuId] === undefined || (menuId !== 'functions-rootMenu' && menuHeights[menuId] !== height)) {
       setMenuHeights({ ...menuHeights, [menuId]: height });
     }
   };