@patternfly/react-core 4.235.0 → 4.235.1

package/dist/umd/react-core.css

@@ -5454,6 +5454,67 @@ label.pf-c-check, .pf-c-check__label,
     overflow-y: visible;
   }
 }
+.pf-c-date-picker {
+  --pf-c-date-picker--m-top__calendar--Top: 0;
+  --pf-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
+  --pf-c-date-picker__helper-text--MarginTop: var(--pf-global--spacer--xs);
+  --pf-c-date-picker__helper-text--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-date-picker__helper-text--Color: var(--pf-global--Color--100);
+  --pf-c-date-picker__helper-text--m-error--Color: var(--pf-global--danger-color--100);
+  --pf-c-date-picker__input--c-form-control--Width: calc(var(--pf-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-c-date-picker__input--c-form-control--width-base));
+  --pf-c-date-picker__input--c-form-control--width-base: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
+  --pf-c-date-picker__input--c-form-control--width-chars: 10;
+  --pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
+  --pf-c-date-picker__calendar--BoxShadow: var(--pf-global--BoxShadow--md);
+  --pf-c-date-picker__calendar--ZIndex: var(--pf-global--ZIndex--sm);
+  --pf-c-date-picker__calendar--Top: calc(100% + var(--pf-global--spacer--xs));
+  --pf-c-date-picker__calendar--Right: auto;
+  --pf-c-date-picker__calendar--Left: 0;
+  --pf-c-date-picker__calendar--m-align-right--Right: 0;
+  --pf-c-date-picker__calendar--m-align-right--Left: auto;
+  position: relative;
+  display: inline-block;
+}
+
+.pf-c-date-picker__helper-text {
+  margin-top: var(--pf-c-date-picker__helper-text--MarginTop);
+  font-size: var(--pf-c-date-picker__helper-text--FontSize);
+  color: var(--pf-c-date-picker__helper-text--Color);
+}
+
+.pf-c-date-picker__helper-text.pf-m-error {
+  --pf-c-date-picker__helper-text--Color: var(--pf-c-date-picker__helper-text--m-error--Color);
+}
+
+.pf-c-date-picker__input .pf-c-form-control {
+  width: var(--pf-c-date-picker__input--c-form-control--Width);
+}
+
+.pf-c-date-picker__calendar {
+  position: absolute;
+  top: var(--pf-c-date-picker__calendar--Top);
+  right: var(--pf-c-date-picker__calendar--Right);
+  left: var(--pf-c-date-picker__calendar--Left);
+  z-index: var(--pf-c-date-picker__calendar--ZIndex);
+  background-color: var(--pf-c-date-picker__calendar--BackgroundColor);
+  box-shadow: var(--pf-c-date-picker__calendar--BoxShadow);
+}
+
+.pf-c-date-picker__calendar.pf-m-align-right {
+  --pf-c-date-picker__calendar--Right: var(--pf-c-date-picker__calendar--m-align-right--Right);
+  --pf-c-date-picker__calendar--Left: var(--pf-c-date-picker__calendar--m-align-right--Left);
+}
+
+.pf-c-date-picker.pf-m-top .pf-c-date-picker__calendar {
+  --pf-c-date-picker__calendar--Top: var(--pf-c-date-picker--m-top__calendar--Top);
+  transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
+}
+
+:where(.pf-theme-dark) .pf-c-date-picker {
+  --pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-date-picker__calendar--Top: 100%;
+}
+
 .pf-c-description-list {
   --pf-c-description-list--RowGap: var(--pf-global--gutter--md);
   --pf-c-description-list--ColumnGap: var(--pf-global--spacer--lg);
@@ -6276,67 +6337,6 @@ label.pf-c-check, .pf-c-check__label,
     --pf-c-divider--after--Inset: var(--pf-global--spacer--3xl);
   }
 }
-.pf-c-date-picker {
-  --pf-c-date-picker--m-top__calendar--Top: 0;
-  --pf-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
-  --pf-c-date-picker__helper-text--MarginTop: var(--pf-global--spacer--xs);
-  --pf-c-date-picker__helper-text--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-date-picker__helper-text--Color: var(--pf-global--Color--100);
-  --pf-c-date-picker__helper-text--m-error--Color: var(--pf-global--danger-color--100);
-  --pf-c-date-picker__input--c-form-control--Width: calc(var(--pf-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-c-date-picker__input--c-form-control--width-base));
-  --pf-c-date-picker__input--c-form-control--width-base: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
-  --pf-c-date-picker__input--c-form-control--width-chars: 10;
-  --pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-date-picker__calendar--BoxShadow: var(--pf-global--BoxShadow--md);
-  --pf-c-date-picker__calendar--ZIndex: var(--pf-global--ZIndex--sm);
-  --pf-c-date-picker__calendar--Top: calc(100% + var(--pf-global--spacer--xs));
-  --pf-c-date-picker__calendar--Right: auto;
-  --pf-c-date-picker__calendar--Left: 0;
-  --pf-c-date-picker__calendar--m-align-right--Right: 0;
-  --pf-c-date-picker__calendar--m-align-right--Left: auto;
-  position: relative;
-  display: inline-block;
-}
-
-.pf-c-date-picker__helper-text {
-  margin-top: var(--pf-c-date-picker__helper-text--MarginTop);
-  font-size: var(--pf-c-date-picker__helper-text--FontSize);
-  color: var(--pf-c-date-picker__helper-text--Color);
-}
-
-.pf-c-date-picker__helper-text.pf-m-error {
-  --pf-c-date-picker__helper-text--Color: var(--pf-c-date-picker__helper-text--m-error--Color);
-}
-
-.pf-c-date-picker__input .pf-c-form-control {
-  width: var(--pf-c-date-picker__input--c-form-control--Width);
-}
-
-.pf-c-date-picker__calendar {
-  position: absolute;
-  top: var(--pf-c-date-picker__calendar--Top);
-  right: var(--pf-c-date-picker__calendar--Right);
-  left: var(--pf-c-date-picker__calendar--Left);
-  z-index: var(--pf-c-date-picker__calendar--ZIndex);
-  background-color: var(--pf-c-date-picker__calendar--BackgroundColor);
-  box-shadow: var(--pf-c-date-picker__calendar--BoxShadow);
-}
-
-.pf-c-date-picker__calendar.pf-m-align-right {
-  --pf-c-date-picker__calendar--Right: var(--pf-c-date-picker__calendar--m-align-right--Right);
-  --pf-c-date-picker__calendar--Left: var(--pf-c-date-picker__calendar--m-align-right--Left);
-}
-
-.pf-c-date-picker.pf-m-top .pf-c-date-picker__calendar {
-  --pf-c-date-picker__calendar--Top: var(--pf-c-date-picker--m-top__calendar--Top);
-  transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
-}
-
-:where(.pf-theme-dark) .pf-c-date-picker {
-  --pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-date-picker__calendar--Top: 100%;
-}
-
 .pf-c-drawer {
   --pf-c-drawer__section--BackgroundColor: var(--pf-global--BackgroundColor--100);
   --pf-c-drawer__section--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
@@ -10154,6 +10154,150 @@ label.pf-c-input-group__text {
     --pf-c-sidebar__panel--FlexBasis: 100%;
   }
 }
+.pf-c-label-group {
+  --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
+  --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
+  --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
+  --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
+  --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
+  --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
+  --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
+  --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
+  --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
+  --pf-c-label-group__label--MarginBottom: 0;
+  --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
+  --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-label-group__label--MaxWidth: 18ch;
+  --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
+  --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
+  --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
+  --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
+  --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
+  --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
+  --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
+  --pf-c-label-group__textarea--MinWidth: 12.5rem;
+  --pf-c-label-group__textarea--PaddingTop: 0.125rem;
+  --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
+  --pf-c-label-group__textarea--PaddingBottom: 0;
+  --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
+  display: inline-flex;
+  align-items: center;
+}
+
+.pf-c-label-group.pf-m-category {
+  padding-top: var(--pf-c-label-group--m-category--PaddingTop);
+  padding-right: var(--pf-c-label-group--m-category--PaddingRight);
+  padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
+  padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
+  background-color: var(--pf-c-label-group--m-category--BackgroundColor);
+  border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
+  border-radius: var(--pf-c-label-group--m-category--BorderRadius);
+}
+
+.pf-c-label-group.pf-m-vertical {
+  --pf-c-label-group__list--MarginRight: 0;
+  --pf-c-label-group__list--MarginBottom: 0;
+  --pf-c-label-group__list-item--MarginRight: 0;
+  --pf-c-label-group__label--MarginRight: 0;
+  --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
+  --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
+  --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
+  --pf-c-label-group__close--MarginBottom: 0;
+  --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
+  --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
+}
+
+.pf-c-label-group.pf-m-vertical.pf-c-label-group {
+  align-items: flex-start;
+}
+
+.pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
+  flex-direction: column;
+}
+
+.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
+  --pf-c-label-group__list-item--MarginBottom: 0;
+}
+
+.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
+  --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
+  --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
+}
+
+.pf-c-label-group.pf-m-editable,
+.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
+.pf-c-label-group.pf-m-editable .pf-c-label-group__list {
+  display: flex;
+}
+
+.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
+.pf-c-label-group.pf-m-editable .pf-c-label-group__list,
+.pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
+.pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
+  flex: 1;
+}
+
+.pf-c-label-group__main {
+  display: flex;
+  flex: 1;
+  flex-wrap: wrap;
+  align-items: baseline;
+}
+
+.pf-c-label-group__list {
+  display: inline-flex;
+  flex-wrap: wrap;
+  margin-right: var(--pf-c-label-group__list--MarginRight);
+  margin-bottom: var(--pf-c-label-group__list--MarginBottom);
+}
+
+.pf-c-label-group__list-item {
+  display: inline-flex;
+  margin-right: var(--pf-c-label-group__list-item--MarginRight);
+  margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
+}
+
+.pf-c-label-group__label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: var(--pf-c-label-group__label--MaxWidth);
+  margin-right: var(--pf-c-label-group__label--MarginRight);
+  margin-bottom: var(--pf-c-label-group__label--MarginBottom);
+  font-size: var(--pf-c-label-group__label--FontSize);
+}
+
+.pf-c-label-group__close {
+  margin-top: var(--pf-c-label-group__close--MarginTop);
+  margin-right: var(--pf-c-label-group__close--MarginRight);
+  margin-bottom: var(--pf-c-label-group__close--MarginBottom);
+  margin-left: var(--pf-c-label-group__close--MarginLeft);
+}
+
+.pf-c-label-group__textarea {
+  min-width: var(--pf-c-label-group__textarea--MinWidth);
+  padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
+  white-space: nowrap;
+  resize: none;
+  border: 0;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+.pf-c-label-group__textarea::-webkit-scrollbar {
+  display: none;
+}
+
 .pf-c-label {
   --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
   --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
@@ -10506,259 +10650,115 @@ label.pf-c-input-group__text {
   --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--hover--before--BorderWidth);
   --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-overflow__content--link--hover--before--BorderColor);
   --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-c-label--m-overflow__content--link--focus--before--BorderWidth);
-  --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-overflow__content--link--focus--before--BorderColor);
-}
-
-.pf-c-label,
-.pf-c-label__content {
-  display: inline-flex;
-  align-items: center;
-}
-
-.pf-c-label__text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: var(--pf-c-label__text--MaxWidth);
-}
-
-.pf-c-label__content {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: var(--pf-c-label__content--MaxWidth);
-  color: var(--pf-c-label__content--Color);
-  border-width: 0;
-}
-
-.pf-c-label__content::before {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  pointer-events: none;
-  content: "";
-  border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
-  border-radius: var(--pf-c-label--BorderRadius);
-}
-
-a.pf-c-label__content,
-button.pf-c-label__content {
-  cursor: pointer;
-  border: none;
-}
-
-a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
-button.pf-c-label__content,
-button.pf-c-label__content:hover,
-button.pf-c-label__content:focus {
-  text-decoration: none;
-}
-
-a.pf-c-label__content:hover,
-button.pf-c-label__content:hover {
-  --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--hover--before--BorderWidth);
-  --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--hover--before--BorderColor);
-}
-
-a.pf-c-label__content:focus,
-button.pf-c-label__content:focus {
-  --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--focus--before--BorderWidth);
-  --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--focus--before--BorderColor);
-}
-
-.pf-c-label__icon {
-  margin-right: var(--pf-c-label__icon--MarginRight);
-  color: var(--pf-c-label__icon--Color);
-}
-
-:where(.pf-theme-dark) .pf-c-label {
-  --pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-label__content--before--BorderWidth: 0;
-  --pf-c-label__content--before--BorderColor: transparent;
-  --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
-  --pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
-  --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
-  --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
-  --pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
-  --pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
-  --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
-  --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
-  --pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
-  --pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
-  --pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
-  --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
-  --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
-  --pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
-  --pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
-  --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
-  --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
-  --pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
-  --pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
-  --pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
-  --pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
-  --pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
-  --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
-  --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
-  --pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
-  --pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
-  --pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
-  --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
-  --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
-  --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
-}
-
-.pf-c-label-group {
-  --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
-  --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
-  --pf-c-label-group--m-category--PaddingTop: var(--pf-global--spacer--xs);
-  --pf-c-label-group--m-category--PaddingRight: var(--pf-global--spacer--xs);
-  --pf-c-label-group--m-category--PaddingBottom: var(--pf-global--spacer--xs);
-  --pf-c-label-group--m-category--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-label-group--m-category--BorderRadius: var(--pf-global--BorderRadius--sm);
-  --pf-c-label-group--m-category--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-label-group--m-category--BorderColor: var(--pf-global--BorderColor--300);
-  --pf-c-label-group--m-category--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-label-group__label--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-label-group__label--MarginBottom: 0;
-  --pf-c-label-group--m-vertical__label--MarginBottom: var(--pf-global--spacer--sm);
-  --pf-c-label-group__label--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-label-group__label--MaxWidth: 18ch;
-  --pf-c-label-group__close--MarginTop: calc(var(--pf-global--spacer--xs) * -1);
-  --pf-c-label-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
-  --pf-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
-  --pf-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
-  --pf-c-label-group--m-vertical__close--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-label-group__list-item--MarginRight: var(--pf-global--spacer--xs);
-  --pf-c-label-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
-  --pf-c-label-group__textarea--MinWidth: 12.5rem;
-  --pf-c-label-group__textarea--PaddingTop: 0.125rem;
-  --pf-c-label-group__textarea--PaddingRight: var(--pf-global--spacer--xs);
-  --pf-c-label-group__textarea--PaddingBottom: 0;
-  --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
-  display: inline-flex;
-  align-items: center;
-}
-
-.pf-c-label-group.pf-m-category {
-  padding-top: var(--pf-c-label-group--m-category--PaddingTop);
-  padding-right: var(--pf-c-label-group--m-category--PaddingRight);
-  padding-bottom: var(--pf-c-label-group--m-category--PaddingBottom);
-  padding-left: var(--pf-c-label-group--m-category--PaddingLeft);
-  background-color: var(--pf-c-label-group--m-category--BackgroundColor);
-  border: var(--pf-c-label-group--m-category--BorderWidth) solid var(--pf-c-label-group--m-category--BorderColor);
-  border-radius: var(--pf-c-label-group--m-category--BorderRadius);
-}
-
-.pf-c-label-group.pf-m-vertical {
-  --pf-c-label-group__list--MarginRight: 0;
-  --pf-c-label-group__list--MarginBottom: 0;
-  --pf-c-label-group__list-item--MarginRight: 0;
-  --pf-c-label-group__label--MarginRight: 0;
-  --pf-c-label-group__label--MarginBottom: var(--pf-c-label-group--m-vertical__label--MarginBottom);
-  --pf-c-label-group__close--MarginTop: var(--pf-c-label-group--m-vertical__close--MarginTop);
-  --pf-c-label-group__close--MarginLeft: var(--pf-c-label-group--m-vertical__close--MarginLeft);
-  --pf-c-label-group__close--MarginBottom: 0;
-  --pf-c-label-group__close--MarginRight: var(--pf-c-label-group--m-vertical__close--MarginRight);
-  --pf-c-label-group--m-category--PaddingRight: var(--pf-c-label-group--m-vertical--m-category--PaddingRight);
-}
-
-.pf-c-label-group.pf-m-vertical.pf-c-label-group {
-  align-items: flex-start;
-}
-
-.pf-c-label-group.pf-m-vertical .pf-c-label-group__list {
-  flex-direction: column;
-  align-items: flex-start;
-}
-
-.pf-c-label-group.pf-m-vertical .pf-c-label-group__main {
-  flex-direction: column;
-}
-
-.pf-c-label-group.pf-m-vertical .pf-c-label-group__list-item:last-child {
-  --pf-c-label-group__list-item--MarginBottom: 0;
-}
-
-.pf-c-label-group.pf-m-vertical .pf-c-label-group__close .pf-c-button {
-  --pf-c-button--PaddingLeft: var(--pf-c-label-group--m-vertical__close--c-button--PaddingLeft);
-  --pf-c-button--PaddingRight: var(--pf-c-label-group--m-vertical__close--c-button--PaddingRight);
-}
-
-.pf-c-label-group.pf-m-editable,
-.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
-.pf-c-label-group.pf-m-editable .pf-c-label-group__list {
-  display: flex;
-}
-
-.pf-c-label-group.pf-m-editable .pf-c-label-group__main,
-.pf-c-label-group.pf-m-editable .pf-c-label-group__list,
-.pf-c-label-group.pf-m-editable .pf-c-label-group__list-item.pf-m-textarea,
-.pf-c-label-group.pf-m-editable .pf-c-label-group__textarea {
-  flex: 1;
-}
-
-.pf-c-label-group__main {
-  display: flex;
-  flex: 1;
-  flex-wrap: wrap;
-  align-items: baseline;
-}
-
-.pf-c-label-group__list {
-  display: inline-flex;
-  flex-wrap: wrap;
-  margin-right: var(--pf-c-label-group__list--MarginRight);
-  margin-bottom: var(--pf-c-label-group__list--MarginBottom);
+  --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-overflow__content--link--focus--before--BorderColor);
 }
 
-.pf-c-label-group__list-item {
+.pf-c-label,
+.pf-c-label__content {
   display: inline-flex;
-  margin-right: var(--pf-c-label-group__list-item--MarginRight);
-  margin-bottom: var(--pf-c-label-group__list-item--MarginBottom);
+  align-items: center;
 }
 
-.pf-c-label-group__label {
+.pf-c-label__text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  max-width: var(--pf-c-label-group__label--MaxWidth);
-  margin-right: var(--pf-c-label-group__label--MarginRight);
-  margin-bottom: var(--pf-c-label-group__label--MarginBottom);
-  font-size: var(--pf-c-label-group__label--FontSize);
+  max-width: var(--pf-c-label__text--MaxWidth);
 }
 
-.pf-c-label-group__close {
-  margin-top: var(--pf-c-label-group__close--MarginTop);
-  margin-right: var(--pf-c-label-group__close--MarginRight);
-  margin-bottom: var(--pf-c-label-group__close--MarginBottom);
-  margin-left: var(--pf-c-label-group__close--MarginLeft);
+.pf-c-label__content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: var(--pf-c-label__content--MaxWidth);
+  color: var(--pf-c-label__content--Color);
+  border-width: 0;
 }
 
-.pf-c-label-group__textarea {
-  min-width: var(--pf-c-label-group__textarea--MinWidth);
-  padding: var(--pf-c-label-group__textarea--PaddingTop) var(--pf-c-label-group__textarea--PaddingRight) var(--pf-c-label-group__textarea--PaddingBottom) var(--pf-c-label-group__textarea--PaddingLeft);
-  white-space: nowrap;
-  resize: none;
-  border: 0;
-  -ms-overflow-style: none;
-  scrollbar-width: none;
+.pf-c-label__content::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  content: "";
+  border: var(--pf-c-label__content--before--BorderWidth) solid var(--pf-c-label__content--before--BorderColor);
+  border-radius: var(--pf-c-label--BorderRadius);
 }
 
-.pf-c-label-group__textarea::-webkit-scrollbar {
-  display: none;
+a.pf-c-label__content,
+button.pf-c-label__content {
+  cursor: pointer;
+  border: none;
+}
+
+a.pf-c-label__content, a.pf-c-label__content:hover, a.pf-c-label__content:focus,
+button.pf-c-label__content,
+button.pf-c-label__content:hover,
+button.pf-c-label__content:focus {
+  text-decoration: none;
+}
+
+a.pf-c-label__content:hover,
+button.pf-c-label__content:hover {
+  --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--hover--before--BorderWidth);
+  --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--hover--before--BorderColor);
+}
+
+a.pf-c-label__content:focus,
+button.pf-c-label__content:focus {
+  --pf-c-label__content--before--BorderWidth: var(--pf-c-label__content--link--focus--before--BorderWidth);
+  --pf-c-label__content--before--BorderColor: var(--pf-c-label__content--link--focus--before--BorderColor);
+}
+
+.pf-c-label__icon {
+  margin-right: var(--pf-c-label__icon--MarginRight);
+  color: var(--pf-c-label__icon--Color);
+}
+
+:where(.pf-theme-dark) .pf-c-label {
+  --pf-c-label--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-label--m-blue--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-label--m-green--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-label--m-orange--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-label--m-red--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-label--m-purple--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-label--m-cyan--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-label__content--before--BorderWidth: 0;
+  --pf-c-label__content--before--BorderColor: transparent;
+  --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-label--m-blue__content--Color: var(--pf-global--primary-color--100);
+  --pf-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-global--active-color--200);
+  --pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-global--active-color--200);
+  --pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-global--active-color--200);
+  --pf-c-label--m-green__content--Color: var(--pf-global--success-color--100);
+  --pf-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-global--palette--green-100);
+  --pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-global--palette--green-100);
+  --pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-global--palette--green-100);
+  --pf-c-label--m-orange__content--Color: var(--pf-global--palette--orange-300);
+  --pf-c-label--m-outline--m-orange__content--Color: var(--pf-global--palette--orange-300);
+  --pf-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-global--palette--gold-100);
+  --pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-global--palette--gold-100);
+  --pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-global--palette--gold-100);
+  --pf-c-label--m-red__content--Color: var(--pf-global--danger-color--100);
+  --pf-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-global--danger-color--100);
+  --pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-global--danger-color--100);
+  --pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-global--danger-color--100);
+  --pf-c-label--m-purple__content--Color: var(--pf-global--palette--purple-300);
+  --pf-c-label--m-purple__icon--Color: var(--pf-global--palette--purple-300);
+  --pf-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-300);
+  --pf-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-300);
+  --pf-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-global--palette--purple-100);
+  --pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-global--palette--purple-100);
+  --pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-global--palette--purple-100);
+  --pf-c-label--m-outline--m-purple__content--Color: var(--pf-global--palette--purple-300);
+  --pf-c-label--m-cyan__content--Color: var(--pf-global--default-color--200);
+  --pf-c-label--m-outline--m-cyan__content--Color: var(--pf-global--default-color--200);
+  --pf-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-global--palette--cyan-100);
+  --pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-global--palette--cyan-100);
+  --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
 }
 
 .pf-c-list {
@@ -26163,75 +26163,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;
@@ -27446,6 +27377,75 @@ 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;