@patternfly/react-styles 5.0.0-alpha.13 → 5.0.0-alpha.14

package/css/components/Popover/popover.css

@@ -39,7 +39,7 @@
   --pf-v5-c-popover__close--sibling--PaddingRight: var(--pf-v5-global--spacer--2xl);
   --pf-v5-c-popover__header--MarginBottom: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-popover__title-text--LineHeight: var(--pf-v5-global--LineHeight--md);
-  --pf-v5-c-popover__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
+  --pf-v5-c-popover__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
   --pf-v5-c-popover__title-text--FontSize: var(--pf-v5-global--FontSize--md);
   --pf-v5-c-popover__title-icon--MarginRight: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-popover__title-icon--Color: var(--pf-v5-global--Color--100);
@@ -173,7 +173,7 @@
 :where(.pf-v5-theme-dark) .pf-v5-c-popover {
   --pf-v5-c-popover__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
   --pf-v5-c-popover__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
-  --pf-v5-c-popover--m-default__title-text--Color: var(--pf-v5-global--custom-color--200);
+  --pf-v5-c-popover--m-custom__title-text--Color: var(--pf-v5-global--custom-color--200);
   --pf-v5-c-popover--m-info__title-text--Color: var(--pf-v5-global--info-color--100);
   --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--100);
 }

package/css/components/ProgressStepper/progress-stepper.css

@@ -298,6 +298,7 @@
   font-weight: var(--pf-v5-c-progress-stepper__step-title--FontWeight);
   color: var(--pf-v5-c-progress-stepper__step-title--Color);
   text-align: var(--pf-v5-c-progress-stepper__step-title--TextAlign);
+  background: none;
   border: 0;
 }
 .pf-v5-c-progress-stepper__step-title.pf-m-help-text {

package/css/components/Tabs/tabs.css

@@ -837,5 +837,6 @@
 :where(.pf-v5-theme-dark) .pf-v5-c-tabs {
   --pf-v5-c-tabs__scroll-button--BackgroundColor: transparent;
   --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
+  --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-global--disabled-color--300);
   --pf-v5-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
 }

package/css/components/TextInputGroup/text-input-group.css

@@ -146,4 +146,12 @@
 
 .pf-v5-c-text-input-group__group {
   display: flex;
+}
+
+:where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
+  --pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
+  --pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
+  --pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
+  --pf-v5-c-text-input-group__text--before--BorderWidth: 0;
+  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
 }

package/css/components/TextInputGroup/text-input-group.d.ts

@@ -14,6 +14,7 @@ declare const _default: {
   "textInputGroupMain": "pf-v5-c-text-input-group__main",
   "textInputGroupText": "pf-v5-c-text-input-group__text",
   "textInputGroupTextInput": "pf-v5-c-text-input-group__text-input",
-  "textInputGroupUtilities": "pf-v5-c-text-input-group__utilities"
+  "textInputGroupUtilities": "pf-v5-c-text-input-group__utilities",
+  "themeDark": "pf-v5-theme-dark"
 };
 export default _default;

package/css/components/TextInputGroup/text-input-group.js

@@ -16,5 +16,6 @@ exports.default = {
   "textInputGroupMain": "pf-v5-c-text-input-group__main",
   "textInputGroupText": "pf-v5-c-text-input-group__text",
   "textInputGroupTextInput": "pf-v5-c-text-input-group__text-input",
-  "textInputGroupUtilities": "pf-v5-c-text-input-group__utilities"
+  "textInputGroupUtilities": "pf-v5-c-text-input-group__utilities",
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/TextInputGroup/text-input-group.mjs

@@ -14,5 +14,6 @@ export default {
   "textInputGroupMain": "pf-v5-c-text-input-group__main",
   "textInputGroupText": "pf-v5-c-text-input-group__text",
   "textInputGroupTextInput": "pf-v5-c-text-input-group__text-input",
-  "textInputGroupUtilities": "pf-v5-c-text-input-group__utilities"
+  "textInputGroupUtilities": "pf-v5-c-text-input-group__utilities",
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Title/title.css

@@ -1,5 +1,5 @@
 .pf-v5-c-title {
-  --pf-v5-c-title--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
+  --pf-v5-c-title--FontFamily: var(--pf-v5-global--FontFamily--heading);
   --pf-v5-c-title--m-4xl--LineHeight: var(--pf-v5-global--LineHeight--sm);
   --pf-v5-c-title--m-4xl--FontSize: var(--pf-v5-global--FontSize--4xl);
   --pf-v5-c-title--m-4xl--FontWeight: var(--pf-v5-global--FontWeight--normal);

package/css/components/ToggleGroup/toggle-group.css

@@ -25,6 +25,7 @@
   --pf-v5-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-v5-global--BorderRadius--sm);
   --pf-v5-c-toggle-group__icon--text--MarginLeft: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--palette--blue-50);
+  --pf-v5-c-toggle-group__button--m-selected--Color: initial;
   --pf-v5-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-v5-global--primary-color--100);
   --pf-v5-c-toggle-group__button--m-selected--ZIndex: var(--pf-v5-global--ZIndex--xs);
   --pf-v5-c-toggle-group--m-compact__button--PaddingTop: 0;
@@ -88,6 +89,7 @@
 }
 .pf-v5-c-toggle-group__button.pf-m-selected {
   --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--m-selected--BackgroundColor);
+  --pf-v5-c-toggle-group__button--Color: var(--pf-v5-c-toggle-group__button--m-selected--Color, inherit);
   --pf-v5-c-toggle-group__button--ZIndex: var(--pf-v5-c-toggle-group__button--m-selected--ZIndex);
   --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-c-toggle-group__button--m-selected--before--BorderColor);
 }
@@ -108,4 +110,5 @@
   --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--palette--black-600);
   --pf-v5-c-toggle-group__button--disabled--Color: var(--pf-v5-global--palette--black-100);
   --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--primary-color--300);
+  --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
 }

package/css/components/Wizard/wizard.css

@@ -27,7 +27,7 @@
   --pf-v5-c-wizard__close--FontSize: var(--pf-v5-global--FontSize--xl);
   --pf-v5-c-wizard__title--PaddingRight: var(--pf-v5-global--spacer--2xl);
   --pf-v5-c-wizard__title-text--FontSize: var(--pf-v5-global--FontSize--3xl);
-  --pf-v5-c-wizard__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading--sans-serif);
+  --pf-v5-c-wizard__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
   --pf-v5-c-wizard__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
   --pf-v5-c-wizard__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
   --pf-v5-c-wizard__description--PaddingTop: var(--pf-v5-global--spacer--sm);
@@ -39,7 +39,7 @@
   --pf-v5-c-wizard__nav-link--focus--Color: var(--pf-v5-global--link--Color);
   --pf-v5-c-wizard__nav-link--m-current--Color: var(--pf-v5-global--link--Color);
   --pf-v5-c-wizard__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--Color--dark-200);
+  --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
   --pf-v5-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
   --pf-v5-c-wizard__nav-link-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
@@ -60,7 +60,7 @@
   --pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-v5-global--active-color--100);
   --pf-v5-c-wizard__nav-link--m-current--before--Color: var(--pf-v5-global--Color--light-100);
   --pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
-  --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--Color--dark-200);
+  --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--disabled-color--100);
   --pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
   --pf-v5-c-wizard__toggle--ZIndex: var(--pf-v5-global--ZIndex--xs);
   --pf-v5-c-wizard__toggle--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
@@ -510,8 +510,6 @@
 :where(.pf-v5-theme-dark) .pf-v5-c-wizard {
   --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
   --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
-  --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
-  --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--disabled-color--300);
 }
 :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
   color: var(--pf-v5-global--Color--100);

package/css/docs/components/TextInputGroup/examples/TextInputGroup.css

@@ -8,3 +8,7 @@
   top: 40px;
   width: 100%;
 }
+
+#ws-core-c-text-input-group-search-input-group-advanced-search-expanded-with-autocomplete {
+  height: 540px;
+}

package/css/layouts/Flex/flex.css

@@ -1612,9 +1612,9 @@
     --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
   }
 }
-.pf-v5-l-flex.pf-m-gap-invalid spacer base {
-  --pf-v5-l-flex--RowGap: ;
-  --pf-v5-l-flex--ColumnGap: ;
+.pf-v5-l-flex.pf-m-gap {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
 }
 .pf-v5-l-flex.pf-m-gap-none {
   --pf-v5-l-flex--RowGap: 0;
@@ -1648,14 +1648,14 @@
   --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
   --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
 }
-.pf-v5-l-flex:is(.pf-m-gap-invalid spacer base, .pf-m-gap-none, .pf-m-gap-sm, .pf-m-gap-md, .pf-m-gap-lg, .pf-m-gap-xl, .pf-m-gap-2xl, .pf-m-gap-3xl, .pf-m-gap-4xl) > * {
+.pf-v5-l-flex:is(.pf-m-gap, .pf-m-gap-none, .pf-m-gap-sm, .pf-m-gap-md, .pf-m-gap-lg, .pf-m-gap-xl, .pf-m-gap-2xl, .pf-m-gap-3xl, .pf-m-gap-4xl) > * {
   --pf-v5-l-flex--spacer--row: 0;
   --pf-v5-l-flex--spacer--column: 0;
 }
 @media (min-width: 576px) {
-  .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-sm {
-    --pf-v5-l-flex--RowGap: ;
-    --pf-v5-l-flex--ColumnGap: ;
+  .pf-v5-l-flex.pf-m-gap-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
   }
   .pf-v5-l-flex.pf-m-gap-none-on-sm {
     --pf-v5-l-flex--RowGap: 0;
@@ -1689,15 +1689,15 @@
     --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
     --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
   }
-  .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-sm, .pf-m-gap-none-on-sm, .pf-m-gap-sm-on-sm, .pf-m-gap-md-on-sm, .pf-m-gap-lg-on-sm, .pf-m-gap-xl-on-sm, .pf-m-gap-2xl-on-sm, .pf-m-gap-3xl-on-sm, .pf-m-gap-4xl-on-sm) > * {
+  .pf-v5-l-flex:is(.pf-m-gap-on-sm, .pf-m-gap-none-on-sm, .pf-m-gap-sm-on-sm, .pf-m-gap-md-on-sm, .pf-m-gap-lg-on-sm, .pf-m-gap-xl-on-sm, .pf-m-gap-2xl-on-sm, .pf-m-gap-3xl-on-sm, .pf-m-gap-4xl-on-sm) > * {
     --pf-v5-l-flex--spacer--row: 0;
     --pf-v5-l-flex--spacer--column: 0;
   }
 }
 @media (min-width: 768px) {
-  .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-md {
-    --pf-v5-l-flex--RowGap: ;
-    --pf-v5-l-flex--ColumnGap: ;
+  .pf-v5-l-flex.pf-m-gap-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
   }
   .pf-v5-l-flex.pf-m-gap-none-on-md {
     --pf-v5-l-flex--RowGap: 0;
@@ -1731,15 +1731,15 @@
     --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
     --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
   }
-  .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-md, .pf-m-gap-none-on-md, .pf-m-gap-sm-on-md, .pf-m-gap-md-on-md, .pf-m-gap-lg-on-md, .pf-m-gap-xl-on-md, .pf-m-gap-2xl-on-md, .pf-m-gap-3xl-on-md, .pf-m-gap-4xl-on-md) > * {
+  .pf-v5-l-flex:is(.pf-m-gap-on-md, .pf-m-gap-none-on-md, .pf-m-gap-sm-on-md, .pf-m-gap-md-on-md, .pf-m-gap-lg-on-md, .pf-m-gap-xl-on-md, .pf-m-gap-2xl-on-md, .pf-m-gap-3xl-on-md, .pf-m-gap-4xl-on-md) > * {
     --pf-v5-l-flex--spacer--row: 0;
     --pf-v5-l-flex--spacer--column: 0;
   }
 }
 @media (min-width: 992px) {
-  .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-lg {
-    --pf-v5-l-flex--RowGap: ;
-    --pf-v5-l-flex--ColumnGap: ;
+  .pf-v5-l-flex.pf-m-gap-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
   }
   .pf-v5-l-flex.pf-m-gap-none-on-lg {
     --pf-v5-l-flex--RowGap: 0;
@@ -1773,15 +1773,15 @@
     --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
     --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
   }
-  .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-lg, .pf-m-gap-none-on-lg, .pf-m-gap-sm-on-lg, .pf-m-gap-md-on-lg, .pf-m-gap-lg-on-lg, .pf-m-gap-xl-on-lg, .pf-m-gap-2xl-on-lg, .pf-m-gap-3xl-on-lg, .pf-m-gap-4xl-on-lg) > * {
+  .pf-v5-l-flex:is(.pf-m-gap-on-lg, .pf-m-gap-none-on-lg, .pf-m-gap-sm-on-lg, .pf-m-gap-md-on-lg, .pf-m-gap-lg-on-lg, .pf-m-gap-xl-on-lg, .pf-m-gap-2xl-on-lg, .pf-m-gap-3xl-on-lg, .pf-m-gap-4xl-on-lg) > * {
     --pf-v5-l-flex--spacer--row: 0;
     --pf-v5-l-flex--spacer--column: 0;
   }
 }
 @media (min-width: 1200px) {
-  .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-xl {
-    --pf-v5-l-flex--RowGap: ;
-    --pf-v5-l-flex--ColumnGap: ;
+  .pf-v5-l-flex.pf-m-gap-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
   }
   .pf-v5-l-flex.pf-m-gap-none-on-xl {
     --pf-v5-l-flex--RowGap: 0;
@@ -1815,15 +1815,15 @@
     --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
     --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
   }
-  .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-xl, .pf-m-gap-none-on-xl, .pf-m-gap-sm-on-xl, .pf-m-gap-md-on-xl, .pf-m-gap-lg-on-xl, .pf-m-gap-xl-on-xl, .pf-m-gap-2xl-on-xl, .pf-m-gap-3xl-on-xl, .pf-m-gap-4xl-on-xl) > * {
+  .pf-v5-l-flex:is(.pf-m-gap-on-xl, .pf-m-gap-none-on-xl, .pf-m-gap-sm-on-xl, .pf-m-gap-md-on-xl, .pf-m-gap-lg-on-xl, .pf-m-gap-xl-on-xl, .pf-m-gap-2xl-on-xl, .pf-m-gap-3xl-on-xl, .pf-m-gap-4xl-on-xl) > * {
     --pf-v5-l-flex--spacer--row: 0;
     --pf-v5-l-flex--spacer--column: 0;
   }
 }
 @media (min-width: 1450px) {
-  .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-2xl {
-    --pf-v5-l-flex--RowGap: ;
-    --pf-v5-l-flex--ColumnGap: ;
+  .pf-v5-l-flex.pf-m-gap-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
   }
   .pf-v5-l-flex.pf-m-gap-none-on-2xl {
     --pf-v5-l-flex--RowGap: 0;
@@ -1857,13 +1857,13 @@
     --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
     --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
   }
-  .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-2xl, .pf-m-gap-none-on-2xl, .pf-m-gap-sm-on-2xl, .pf-m-gap-md-on-2xl, .pf-m-gap-lg-on-2xl, .pf-m-gap-xl-on-2xl, .pf-m-gap-2xl-on-2xl, .pf-m-gap-3xl-on-2xl, .pf-m-gap-4xl-on-2xl) > * {
+  .pf-v5-l-flex:is(.pf-m-gap-on-2xl, .pf-m-gap-none-on-2xl, .pf-m-gap-sm-on-2xl, .pf-m-gap-md-on-2xl, .pf-m-gap-lg-on-2xl, .pf-m-gap-xl-on-2xl, .pf-m-gap-2xl-on-2xl, .pf-m-gap-3xl-on-2xl, .pf-m-gap-4xl-on-2xl) > * {
     --pf-v5-l-flex--spacer--row: 0;
     --pf-v5-l-flex--spacer--column: 0;
   }
 }
-.pf-v5-l-flex.pf-m-row-gap-invalid spacer base {
-  --pf-v5-l-flex--RowGap: ;
+.pf-v5-l-flex.pf-m-row-gap {
+  --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
 }
 .pf-v5-l-flex.pf-m-row-gap-none {
   --pf-v5-l-flex--RowGap: 0;
@@ -1889,12 +1889,12 @@
 .pf-v5-l-flex.pf-m-row-gap-4xl {
   --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
 }
-.pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base, .pf-m-row-gap-none, .pf-m-row-gap-sm, .pf-m-row-gap-md, .pf-m-row-gap-lg, .pf-m-row-gap-xl, .pf-m-row-gap-2xl, .pf-m-row-gap-3xl, .pf-m-row-gap-4xl) > * {
+.pf-v5-l-flex:is(.pf-m-row-gap, .pf-m-row-gap-none, .pf-m-row-gap-sm, .pf-m-row-gap-md, .pf-m-row-gap-lg, .pf-m-row-gap-xl, .pf-m-row-gap-2xl, .pf-m-row-gap-3xl, .pf-m-row-gap-4xl) > * {
   --pf-v5-l-flex--spacer--row: 0;
 }
 @media (min-width: 576px) {
-  .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-sm {
-    --pf-v5-l-flex--RowGap: ;
+  .pf-v5-l-flex.pf-m-row-gap-on-sm {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
   }
   .pf-v5-l-flex.pf-m-row-gap-none-on-sm {
     --pf-v5-l-flex--RowGap: 0;
@@ -1920,13 +1920,13 @@
   .pf-v5-l-flex.pf-m-row-gap-4xl-on-sm {
     --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
   }
-  .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-sm, .pf-m-row-gap-none-on-sm, .pf-m-row-gap-sm-on-sm, .pf-m-row-gap-md-on-sm, .pf-m-row-gap-lg-on-sm, .pf-m-row-gap-xl-on-sm, .pf-m-row-gap-2xl-on-sm, .pf-m-row-gap-3xl-on-sm, .pf-m-row-gap-4xl-on-sm) > * {
+  .pf-v5-l-flex:is(.pf-m-row-gap-on-sm, .pf-m-row-gap-none-on-sm, .pf-m-row-gap-sm-on-sm, .pf-m-row-gap-md-on-sm, .pf-m-row-gap-lg-on-sm, .pf-m-row-gap-xl-on-sm, .pf-m-row-gap-2xl-on-sm, .pf-m-row-gap-3xl-on-sm, .pf-m-row-gap-4xl-on-sm) > * {
     --pf-v5-l-flex--spacer--row: 0;
   }
 }
 @media (min-width: 768px) {
-  .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-md {
-    --pf-v5-l-flex--RowGap: ;
+  .pf-v5-l-flex.pf-m-row-gap-on-md {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
   }
   .pf-v5-l-flex.pf-m-row-gap-none-on-md {
     --pf-v5-l-flex--RowGap: 0;
@@ -1952,13 +1952,13 @@
   .pf-v5-l-flex.pf-m-row-gap-4xl-on-md {
     --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
   }
-  .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-md, .pf-m-row-gap-none-on-md, .pf-m-row-gap-sm-on-md, .pf-m-row-gap-md-on-md, .pf-m-row-gap-lg-on-md, .pf-m-row-gap-xl-on-md, .pf-m-row-gap-2xl-on-md, .pf-m-row-gap-3xl-on-md, .pf-m-row-gap-4xl-on-md) > * {
+  .pf-v5-l-flex:is(.pf-m-row-gap-on-md, .pf-m-row-gap-none-on-md, .pf-m-row-gap-sm-on-md, .pf-m-row-gap-md-on-md, .pf-m-row-gap-lg-on-md, .pf-m-row-gap-xl-on-md, .pf-m-row-gap-2xl-on-md, .pf-m-row-gap-3xl-on-md, .pf-m-row-gap-4xl-on-md) > * {
     --pf-v5-l-flex--spacer--row: 0;
   }
 }
 @media (min-width: 992px) {
-  .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-lg {
-    --pf-v5-l-flex--RowGap: ;
+  .pf-v5-l-flex.pf-m-row-gap-on-lg {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
   }
   .pf-v5-l-flex.pf-m-row-gap-none-on-lg {
     --pf-v5-l-flex--RowGap: 0;
@@ -1984,13 +1984,13 @@
   .pf-v5-l-flex.pf-m-row-gap-4xl-on-lg {
     --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
   }
-  .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-lg, .pf-m-row-gap-none-on-lg, .pf-m-row-gap-sm-on-lg, .pf-m-row-gap-md-on-lg, .pf-m-row-gap-lg-on-lg, .pf-m-row-gap-xl-on-lg, .pf-m-row-gap-2xl-on-lg, .pf-m-row-gap-3xl-on-lg, .pf-m-row-gap-4xl-on-lg) > * {
+  .pf-v5-l-flex:is(.pf-m-row-gap-on-lg, .pf-m-row-gap-none-on-lg, .pf-m-row-gap-sm-on-lg, .pf-m-row-gap-md-on-lg, .pf-m-row-gap-lg-on-lg, .pf-m-row-gap-xl-on-lg, .pf-m-row-gap-2xl-on-lg, .pf-m-row-gap-3xl-on-lg, .pf-m-row-gap-4xl-on-lg) > * {
     --pf-v5-l-flex--spacer--row: 0;
   }
 }
 @media (min-width: 1200px) {
-  .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-xl {
-    --pf-v5-l-flex--RowGap: ;
+  .pf-v5-l-flex.pf-m-row-gap-on-xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
   }
   .pf-v5-l-flex.pf-m-row-gap-none-on-xl {
     --pf-v5-l-flex--RowGap: 0;
@@ -2016,13 +2016,13 @@
   .pf-v5-l-flex.pf-m-row-gap-4xl-on-xl {
     --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
   }
-  .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-xl, .pf-m-row-gap-none-on-xl, .pf-m-row-gap-sm-on-xl, .pf-m-row-gap-md-on-xl, .pf-m-row-gap-lg-on-xl, .pf-m-row-gap-xl-on-xl, .pf-m-row-gap-2xl-on-xl, .pf-m-row-gap-3xl-on-xl, .pf-m-row-gap-4xl-on-xl) > * {
+  .pf-v5-l-flex:is(.pf-m-row-gap-on-xl, .pf-m-row-gap-none-on-xl, .pf-m-row-gap-sm-on-xl, .pf-m-row-gap-md-on-xl, .pf-m-row-gap-lg-on-xl, .pf-m-row-gap-xl-on-xl, .pf-m-row-gap-2xl-on-xl, .pf-m-row-gap-3xl-on-xl, .pf-m-row-gap-4xl-on-xl) > * {
     --pf-v5-l-flex--spacer--row: 0;
   }
 }
 @media (min-width: 1450px) {
-  .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-2xl {
-    --pf-v5-l-flex--RowGap: ;
+  .pf-v5-l-flex.pf-m-row-gap-on-2xl {
+    --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
   }
   .pf-v5-l-flex.pf-m-row-gap-none-on-2xl {
     --pf-v5-l-flex--RowGap: 0;
@@ -2048,12 +2048,12 @@
   .pf-v5-l-flex.pf-m-row-gap-4xl-on-2xl {
     --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
   }
-  .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-2xl, .pf-m-row-gap-none-on-2xl, .pf-m-row-gap-sm-on-2xl, .pf-m-row-gap-md-on-2xl, .pf-m-row-gap-lg-on-2xl, .pf-m-row-gap-xl-on-2xl, .pf-m-row-gap-2xl-on-2xl, .pf-m-row-gap-3xl-on-2xl, .pf-m-row-gap-4xl-on-2xl) > * {
+  .pf-v5-l-flex:is(.pf-m-row-gap-on-2xl, .pf-m-row-gap-none-on-2xl, .pf-m-row-gap-sm-on-2xl, .pf-m-row-gap-md-on-2xl, .pf-m-row-gap-lg-on-2xl, .pf-m-row-gap-xl-on-2xl, .pf-m-row-gap-2xl-on-2xl, .pf-m-row-gap-3xl-on-2xl, .pf-m-row-gap-4xl-on-2xl) > * {
     --pf-v5-l-flex--spacer--row: 0;
   }
 }
-.pf-v5-l-flex.pf-m-column-gap-invalid spacer base {
-  --pf-v5-l-flex--ColumnGap: ;
+.pf-v5-l-flex.pf-m-column-gap {
+  --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
 }
 .pf-v5-l-flex.pf-m-column-gap-none {
   --pf-v5-l-flex--ColumnGap: 0;
@@ -2079,12 +2079,12 @@
 .pf-v5-l-flex.pf-m-column-gap-4xl {
   --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
 }
-.pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base, .pf-m-column-gap-none, .pf-m-column-gap-sm, .pf-m-column-gap-md, .pf-m-column-gap-lg, .pf-m-column-gap-xl, .pf-m-column-gap-2xl, .pf-m-column-gap-3xl, .pf-m-column-gap-4xl) > * {
+.pf-v5-l-flex:is(.pf-m-column-gap, .pf-m-column-gap-none, .pf-m-column-gap-sm, .pf-m-column-gap-md, .pf-m-column-gap-lg, .pf-m-column-gap-xl, .pf-m-column-gap-2xl, .pf-m-column-gap-3xl, .pf-m-column-gap-4xl) > * {
   --pf-v5-l-flex--spacer--column: 0;
 }
 @media (min-width: 576px) {
-  .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-sm {
-    --pf-v5-l-flex--ColumnGap: ;
+  .pf-v5-l-flex.pf-m-column-gap-on-sm {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
   }
   .pf-v5-l-flex.pf-m-column-gap-none-on-sm {
     --pf-v5-l-flex--ColumnGap: 0;
@@ -2110,13 +2110,13 @@
   .pf-v5-l-flex.pf-m-column-gap-4xl-on-sm {
     --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
   }
-  .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-sm, .pf-m-column-gap-none-on-sm, .pf-m-column-gap-sm-on-sm, .pf-m-column-gap-md-on-sm, .pf-m-column-gap-lg-on-sm, .pf-m-column-gap-xl-on-sm, .pf-m-column-gap-2xl-on-sm, .pf-m-column-gap-3xl-on-sm, .pf-m-column-gap-4xl-on-sm) > * {
+  .pf-v5-l-flex:is(.pf-m-column-gap-on-sm, .pf-m-column-gap-none-on-sm, .pf-m-column-gap-sm-on-sm, .pf-m-column-gap-md-on-sm, .pf-m-column-gap-lg-on-sm, .pf-m-column-gap-xl-on-sm, .pf-m-column-gap-2xl-on-sm, .pf-m-column-gap-3xl-on-sm, .pf-m-column-gap-4xl-on-sm) > * {
     --pf-v5-l-flex--spacer--column: 0;
   }
 }
 @media (min-width: 768px) {
-  .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-md {
-    --pf-v5-l-flex--ColumnGap: ;
+  .pf-v5-l-flex.pf-m-column-gap-on-md {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
   }
   .pf-v5-l-flex.pf-m-column-gap-none-on-md {
     --pf-v5-l-flex--ColumnGap: 0;
@@ -2142,13 +2142,13 @@
   .pf-v5-l-flex.pf-m-column-gap-4xl-on-md {
     --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
   }
-  .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-md, .pf-m-column-gap-none-on-md, .pf-m-column-gap-sm-on-md, .pf-m-column-gap-md-on-md, .pf-m-column-gap-lg-on-md, .pf-m-column-gap-xl-on-md, .pf-m-column-gap-2xl-on-md, .pf-m-column-gap-3xl-on-md, .pf-m-column-gap-4xl-on-md) > * {
+  .pf-v5-l-flex:is(.pf-m-column-gap-on-md, .pf-m-column-gap-none-on-md, .pf-m-column-gap-sm-on-md, .pf-m-column-gap-md-on-md, .pf-m-column-gap-lg-on-md, .pf-m-column-gap-xl-on-md, .pf-m-column-gap-2xl-on-md, .pf-m-column-gap-3xl-on-md, .pf-m-column-gap-4xl-on-md) > * {
     --pf-v5-l-flex--spacer--column: 0;
   }
 }
 @media (min-width: 992px) {
-  .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-lg {
-    --pf-v5-l-flex--ColumnGap: ;
+  .pf-v5-l-flex.pf-m-column-gap-on-lg {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
   }
   .pf-v5-l-flex.pf-m-column-gap-none-on-lg {
     --pf-v5-l-flex--ColumnGap: 0;
@@ -2174,13 +2174,13 @@
   .pf-v5-l-flex.pf-m-column-gap-4xl-on-lg {
     --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
   }
-  .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-lg, .pf-m-column-gap-none-on-lg, .pf-m-column-gap-sm-on-lg, .pf-m-column-gap-md-on-lg, .pf-m-column-gap-lg-on-lg, .pf-m-column-gap-xl-on-lg, .pf-m-column-gap-2xl-on-lg, .pf-m-column-gap-3xl-on-lg, .pf-m-column-gap-4xl-on-lg) > * {
+  .pf-v5-l-flex:is(.pf-m-column-gap-on-lg, .pf-m-column-gap-none-on-lg, .pf-m-column-gap-sm-on-lg, .pf-m-column-gap-md-on-lg, .pf-m-column-gap-lg-on-lg, .pf-m-column-gap-xl-on-lg, .pf-m-column-gap-2xl-on-lg, .pf-m-column-gap-3xl-on-lg, .pf-m-column-gap-4xl-on-lg) > * {
     --pf-v5-l-flex--spacer--column: 0;
   }
 }
 @media (min-width: 1200px) {
-  .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-xl {
-    --pf-v5-l-flex--ColumnGap: ;
+  .pf-v5-l-flex.pf-m-column-gap-on-xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
   }
   .pf-v5-l-flex.pf-m-column-gap-none-on-xl {
     --pf-v5-l-flex--ColumnGap: 0;
@@ -2206,13 +2206,13 @@
   .pf-v5-l-flex.pf-m-column-gap-4xl-on-xl {
     --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
   }
-  .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-xl, .pf-m-column-gap-none-on-xl, .pf-m-column-gap-sm-on-xl, .pf-m-column-gap-md-on-xl, .pf-m-column-gap-lg-on-xl, .pf-m-column-gap-xl-on-xl, .pf-m-column-gap-2xl-on-xl, .pf-m-column-gap-3xl-on-xl, .pf-m-column-gap-4xl-on-xl) > * {
+  .pf-v5-l-flex:is(.pf-m-column-gap-on-xl, .pf-m-column-gap-none-on-xl, .pf-m-column-gap-sm-on-xl, .pf-m-column-gap-md-on-xl, .pf-m-column-gap-lg-on-xl, .pf-m-column-gap-xl-on-xl, .pf-m-column-gap-2xl-on-xl, .pf-m-column-gap-3xl-on-xl, .pf-m-column-gap-4xl-on-xl) > * {
     --pf-v5-l-flex--spacer--column: 0;
   }
 }
 @media (min-width: 1450px) {
-  .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-2xl {
-    --pf-v5-l-flex--ColumnGap: ;
+  .pf-v5-l-flex.pf-m-column-gap-on-2xl {
+    --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
   }
   .pf-v5-l-flex.pf-m-column-gap-none-on-2xl {
     --pf-v5-l-flex--ColumnGap: 0;
@@ -2238,7 +2238,7 @@
   .pf-v5-l-flex.pf-m-column-gap-4xl-on-2xl {
     --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
   }
-  .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-2xl, .pf-m-column-gap-none-on-2xl, .pf-m-column-gap-sm-on-2xl, .pf-m-column-gap-md-on-2xl, .pf-m-column-gap-lg-on-2xl, .pf-m-column-gap-xl-on-2xl, .pf-m-column-gap-2xl-on-2xl, .pf-m-column-gap-3xl-on-2xl, .pf-m-column-gap-4xl-on-2xl) > * {
+  .pf-v5-l-flex:is(.pf-m-column-gap-on-2xl, .pf-m-column-gap-none-on-2xl, .pf-m-column-gap-sm-on-2xl, .pf-m-column-gap-md-on-2xl, .pf-m-column-gap-lg-on-2xl, .pf-m-column-gap-xl-on-2xl, .pf-m-column-gap-2xl-on-2xl, .pf-m-column-gap-3xl-on-2xl, .pf-m-column-gap-4xl-on-2xl) > * {
     --pf-v5-l-flex--spacer--column: 0;
   }
 }

package/css/layouts/Flex/flex.d.ts

@@ -362,7 +362,7 @@ declare const _default: {
     "spacer_2xlOn_2xl": "pf-m-spacer-2xl-on-2xl",
     "spacer_3xlOn_2xl": "pf-m-spacer-3xl-on-2xl",
     "spacer_4xlOn_2xl": "pf-m-spacer-4xl-on-2xl",
-    "gapInvalid": "pf-m-gap-invalid",
+    "gap": "pf-m-gap",
     "gapNone": "pf-m-gap-none",
     "gapSm": "pf-m-gap-sm",
     "gapMd": "pf-m-gap-md",
@@ -371,6 +371,7 @@ declare const _default: {
     "gap_2xl": "pf-m-gap-2xl",
     "gap_3xl": "pf-m-gap-3xl",
     "gap_4xl": "pf-m-gap-4xl",
+    "gapOnSm": "pf-m-gap-on-sm",
     "gapNoneOnSm": "pf-m-gap-none-on-sm",
     "gapSmOnSm": "pf-m-gap-sm-on-sm",
     "gapMdOnSm": "pf-m-gap-md-on-sm",
@@ -379,6 +380,7 @@ declare const _default: {
     "gap_2xlOnSm": "pf-m-gap-2xl-on-sm",
     "gap_3xlOnSm": "pf-m-gap-3xl-on-sm",
     "gap_4xlOnSm": "pf-m-gap-4xl-on-sm",
+    "gapOnMd": "pf-m-gap-on-md",
     "gapNoneOnMd": "pf-m-gap-none-on-md",
     "gapSmOnMd": "pf-m-gap-sm-on-md",
     "gapMdOnMd": "pf-m-gap-md-on-md",
@@ -387,6 +389,7 @@ declare const _default: {
     "gap_2xlOnMd": "pf-m-gap-2xl-on-md",
     "gap_3xlOnMd": "pf-m-gap-3xl-on-md",
     "gap_4xlOnMd": "pf-m-gap-4xl-on-md",
+    "gapOnLg": "pf-m-gap-on-lg",
     "gapNoneOnLg": "pf-m-gap-none-on-lg",
     "gapSmOnLg": "pf-m-gap-sm-on-lg",
     "gapMdOnLg": "pf-m-gap-md-on-lg",
@@ -395,6 +398,7 @@ declare const _default: {
     "gap_2xlOnLg": "pf-m-gap-2xl-on-lg",
     "gap_3xlOnLg": "pf-m-gap-3xl-on-lg",
     "gap_4xlOnLg": "pf-m-gap-4xl-on-lg",
+    "gapOnXl": "pf-m-gap-on-xl",
     "gapNoneOnXl": "pf-m-gap-none-on-xl",
     "gapSmOnXl": "pf-m-gap-sm-on-xl",
     "gapMdOnXl": "pf-m-gap-md-on-xl",
@@ -403,6 +407,7 @@ declare const _default: {
     "gap_2xlOnXl": "pf-m-gap-2xl-on-xl",
     "gap_3xlOnXl": "pf-m-gap-3xl-on-xl",
     "gap_4xlOnXl": "pf-m-gap-4xl-on-xl",
+    "gapOn_2xl": "pf-m-gap-on-2xl",
     "gapNoneOn_2xl": "pf-m-gap-none-on-2xl",
     "gapSmOn_2xl": "pf-m-gap-sm-on-2xl",
     "gapMdOn_2xl": "pf-m-gap-md-on-2xl",
@@ -411,7 +416,7 @@ declare const _default: {
     "gap_2xlOn_2xl": "pf-m-gap-2xl-on-2xl",
     "gap_3xlOn_2xl": "pf-m-gap-3xl-on-2xl",
     "gap_4xlOn_2xl": "pf-m-gap-4xl-on-2xl",
-    "rowGapInvalid": "pf-m-row-gap-invalid",
+    "rowGap": "pf-m-row-gap",
     "rowGapNone": "pf-m-row-gap-none",
     "rowGapSm": "pf-m-row-gap-sm",
     "rowGapMd": "pf-m-row-gap-md",
@@ -420,6 +425,7 @@ declare const _default: {
     "rowGap_2xl": "pf-m-row-gap-2xl",
     "rowGap_3xl": "pf-m-row-gap-3xl",
     "rowGap_4xl": "pf-m-row-gap-4xl",
+    "rowGapOnSm": "pf-m-row-gap-on-sm",
     "rowGapNoneOnSm": "pf-m-row-gap-none-on-sm",
     "rowGapSmOnSm": "pf-m-row-gap-sm-on-sm",
     "rowGapMdOnSm": "pf-m-row-gap-md-on-sm",
@@ -428,6 +434,7 @@ declare const _default: {
     "rowGap_2xlOnSm": "pf-m-row-gap-2xl-on-sm",
     "rowGap_3xlOnSm": "pf-m-row-gap-3xl-on-sm",
     "rowGap_4xlOnSm": "pf-m-row-gap-4xl-on-sm",
+    "rowGapOnMd": "pf-m-row-gap-on-md",
     "rowGapNoneOnMd": "pf-m-row-gap-none-on-md",
     "rowGapSmOnMd": "pf-m-row-gap-sm-on-md",
     "rowGapMdOnMd": "pf-m-row-gap-md-on-md",
@@ -436,6 +443,7 @@ declare const _default: {
     "rowGap_2xlOnMd": "pf-m-row-gap-2xl-on-md",
     "rowGap_3xlOnMd": "pf-m-row-gap-3xl-on-md",
     "rowGap_4xlOnMd": "pf-m-row-gap-4xl-on-md",
+    "rowGapOnLg": "pf-m-row-gap-on-lg",
     "rowGapNoneOnLg": "pf-m-row-gap-none-on-lg",
     "rowGapSmOnLg": "pf-m-row-gap-sm-on-lg",
     "rowGapMdOnLg": "pf-m-row-gap-md-on-lg",
@@ -444,6 +452,7 @@ declare const _default: {
     "rowGap_2xlOnLg": "pf-m-row-gap-2xl-on-lg",
     "rowGap_3xlOnLg": "pf-m-row-gap-3xl-on-lg",
     "rowGap_4xlOnLg": "pf-m-row-gap-4xl-on-lg",
+    "rowGapOnXl": "pf-m-row-gap-on-xl",
     "rowGapNoneOnXl": "pf-m-row-gap-none-on-xl",
     "rowGapSmOnXl": "pf-m-row-gap-sm-on-xl",
     "rowGapMdOnXl": "pf-m-row-gap-md-on-xl",
@@ -452,6 +461,7 @@ declare const _default: {
     "rowGap_2xlOnXl": "pf-m-row-gap-2xl-on-xl",
     "rowGap_3xlOnXl": "pf-m-row-gap-3xl-on-xl",
     "rowGap_4xlOnXl": "pf-m-row-gap-4xl-on-xl",
+    "rowGapOn_2xl": "pf-m-row-gap-on-2xl",
     "rowGapNoneOn_2xl": "pf-m-row-gap-none-on-2xl",
     "rowGapSmOn_2xl": "pf-m-row-gap-sm-on-2xl",
     "rowGapMdOn_2xl": "pf-m-row-gap-md-on-2xl",
@@ -460,7 +470,7 @@ declare const _default: {
     "rowGap_2xlOn_2xl": "pf-m-row-gap-2xl-on-2xl",
     "rowGap_3xlOn_2xl": "pf-m-row-gap-3xl-on-2xl",
     "rowGap_4xlOn_2xl": "pf-m-row-gap-4xl-on-2xl",
-    "columnGapInvalid": "pf-m-column-gap-invalid",
+    "columnGap": "pf-m-column-gap",
     "columnGapNone": "pf-m-column-gap-none",
     "columnGapSm": "pf-m-column-gap-sm",
     "columnGapMd": "pf-m-column-gap-md",
@@ -469,6 +479,7 @@ declare const _default: {
     "columnGap_2xl": "pf-m-column-gap-2xl",
     "columnGap_3xl": "pf-m-column-gap-3xl",
     "columnGap_4xl": "pf-m-column-gap-4xl",
+    "columnGapOnSm": "pf-m-column-gap-on-sm",
     "columnGapNoneOnSm": "pf-m-column-gap-none-on-sm",
     "columnGapSmOnSm": "pf-m-column-gap-sm-on-sm",
     "columnGapMdOnSm": "pf-m-column-gap-md-on-sm",
@@ -477,6 +488,7 @@ declare const _default: {
     "columnGap_2xlOnSm": "pf-m-column-gap-2xl-on-sm",
     "columnGap_3xlOnSm": "pf-m-column-gap-3xl-on-sm",
     "columnGap_4xlOnSm": "pf-m-column-gap-4xl-on-sm",
+    "columnGapOnMd": "pf-m-column-gap-on-md",
     "columnGapNoneOnMd": "pf-m-column-gap-none-on-md",
     "columnGapSmOnMd": "pf-m-column-gap-sm-on-md",
     "columnGapMdOnMd": "pf-m-column-gap-md-on-md",
@@ -485,6 +497,7 @@ declare const _default: {
     "columnGap_2xlOnMd": "pf-m-column-gap-2xl-on-md",
     "columnGap_3xlOnMd": "pf-m-column-gap-3xl-on-md",
     "columnGap_4xlOnMd": "pf-m-column-gap-4xl-on-md",
+    "columnGapOnLg": "pf-m-column-gap-on-lg",
     "columnGapNoneOnLg": "pf-m-column-gap-none-on-lg",
     "columnGapSmOnLg": "pf-m-column-gap-sm-on-lg",
     "columnGapMdOnLg": "pf-m-column-gap-md-on-lg",
@@ -493,6 +506,7 @@ declare const _default: {
     "columnGap_2xlOnLg": "pf-m-column-gap-2xl-on-lg",
     "columnGap_3xlOnLg": "pf-m-column-gap-3xl-on-lg",
     "columnGap_4xlOnLg": "pf-m-column-gap-4xl-on-lg",
+    "columnGapOnXl": "pf-m-column-gap-on-xl",
     "columnGapNoneOnXl": "pf-m-column-gap-none-on-xl",
     "columnGapSmOnXl": "pf-m-column-gap-sm-on-xl",
     "columnGapMdOnXl": "pf-m-column-gap-md-on-xl",
@@ -501,6 +515,7 @@ declare const _default: {
     "columnGap_2xlOnXl": "pf-m-column-gap-2xl-on-xl",
     "columnGap_3xlOnXl": "pf-m-column-gap-3xl-on-xl",
     "columnGap_4xlOnXl": "pf-m-column-gap-4xl-on-xl",
+    "columnGapOn_2xl": "pf-m-column-gap-on-2xl",
     "columnGapNoneOn_2xl": "pf-m-column-gap-none-on-2xl",
     "columnGapSmOn_2xl": "pf-m-column-gap-sm-on-2xl",
     "columnGapMdOn_2xl": "pf-m-column-gap-md-on-2xl",