@patternfly/react-styles 6.0.0-alpha.30 → 6.0.0-alpha.31

package/css/components/Tabs/tabs.css

@@ -281,7 +281,7 @@
   --pf-v6-c-tabs__list--Display: flex;
   --pf-v6-c-tabs__toggle--Display: none;
 }
-@media (min-width: 576px) {
+@media (min-width: 36rem) {
   .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-sm {
     --pf-v6-c-tabs__list--Display: none;
     --pf-v6-c-tabs__toggle--Display: flex;
@@ -291,7 +291,7 @@
     --pf-v6-c-tabs__toggle--Display: none;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-md {
     --pf-v6-c-tabs__list--Display: none;
     --pf-v6-c-tabs__toggle--Display: flex;
@@ -301,7 +301,7 @@
     --pf-v6-c-tabs__toggle--Display: none;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 62rem) {
   .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-lg {
     --pf-v6-c-tabs__list--Display: none;
     --pf-v6-c-tabs__toggle--Display: flex;
@@ -311,7 +311,7 @@
     --pf-v6-c-tabs__toggle--Display: none;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 75rem) {
   .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-xl {
     --pf-v6-c-tabs__list--Display: none;
     --pf-v6-c-tabs__toggle--Display: flex;
@@ -321,7 +321,7 @@
     --pf-v6-c-tabs__toggle--Display: none;
   }
 }
-@media (min-width: 1450px) {
+@media (min-width: 90.625rem) {
   .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-2xl {
     --pf-v6-c-tabs__list--Display: none;
     --pf-v6-c-tabs__toggle--Display: flex;
@@ -541,7 +541,7 @@
   --pf-v6-c-tabs__link--after--BorderWidth: 0;
 }
 
-.pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled, .pf-v6-c-tabs__link.pf-m-aria-disabled {
+.pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
   --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
 }
 .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
@@ -649,7 +649,7 @@
   --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
   --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
 }
-@media (min-width: 576px) {
+@media (min-width: 36rem) {
   .pf-v6-c-tabs.pf-m-inset-none-on-sm {
     --pf-v6-c-tabs--inset: 0;
     --pf-v6-c-tabs--m-vertical--inset: 0;
@@ -681,7 +681,7 @@
     --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-c-tabs.pf-m-inset-none-on-md {
     --pf-v6-c-tabs--inset: 0;
     --pf-v6-c-tabs--m-vertical--inset: 0;
@@ -713,7 +713,7 @@
     --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 62rem) {
   .pf-v6-c-tabs.pf-m-inset-none-on-lg {
     --pf-v6-c-tabs--inset: 0;
     --pf-v6-c-tabs--m-vertical--inset: 0;
@@ -745,7 +745,7 @@
     --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 75rem) {
   .pf-v6-c-tabs.pf-m-inset-none-on-xl {
     --pf-v6-c-tabs--inset: 0;
     --pf-v6-c-tabs--m-vertical--inset: 0;
@@ -777,7 +777,7 @@
     --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
   }
 }
-@media (min-width: 1450px) {
+@media (min-width: 90.625rem) {
   .pf-v6-c-tabs.pf-m-inset-none-on-2xl {
     --pf-v6-c-tabs--inset: 0;
     --pf-v6-c-tabs--m-vertical--inset: 0;

package/css/components/Timestamp/timestamp.css

@@ -2,15 +2,12 @@
   --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
   --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
   --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
-  --pf-v6-c-timestamp--m-help-text--TextDecorationLine: underline;
-  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: dashed;
-  --pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
+  --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
+  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
   --pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
-  --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
-  --pf-v6-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
-  --pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
-  --pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
+  --pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
+  --pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
 }
 
 .pf-v6-c-timestamp {
@@ -20,18 +17,12 @@
   outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
 }
 .pf-v6-c-timestamp.pf-m-help-text {
-  text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
-  text-decoration-thickness: var(--pf-v6-c-timestamp--m-help-text--TextDecorationThickness);
-  text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
-  text-decoration-color: var(--pf-v6-c-timestamp--m-help-text--TextDecorationColor);
+  text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
   text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
   cursor: pointer;
 }
-.pf-v6-c-timestamp.pf-m-help-text:hover {
+.pf-v6-c-timestamp.pf-m-help-text:is(:hover, :focus) {
   --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
-  --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor);
-}
-.pf-v6-c-timestamp.pf-m-help-text:focus {
-  --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--focus--Color);
-  --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
+  --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine);
+  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
 }

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

@@ -88,7 +88,7 @@
   border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
   border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
 }
-.pf-v6-c-toggle-group__button:hover, .pf-v6-c-toggle-group__button:focus {
+.pf-v6-c-toggle-group__button:is(:hover, :focus) {
   --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
   --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
   --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
@@ -100,7 +100,7 @@
   --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
   --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
 }
-.pf-v6-c-toggle-group__button:disabled, .pf-v6-c-toggle-group__button.pf-m-disabled {
+.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
   --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
   --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
   --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);

package/css/components/Toolbar/toolbar.css

@@ -1,7 +1,7 @@
 :where(:root, .pf-v6-c-toolbar) {
   --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
   --pf-v6-c-toolbar--PaddingBlockStart: 0;
-  --pf-v6-c-toolbar--PaddingBlockEnd: 0;
+  --pf-v6-c-toolbar--PaddingBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-toolbar--PaddingInlineStart: 0;
   --pf-v6-c-toolbar--PaddingInlineEnd: 0;
   --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -19,8 +19,8 @@
   --pf-v6-c-toolbar__group--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
   --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
   --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--md);
-  --pf-v6-c-toolbar__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
-  --pf-v6-c-toolbar__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-toolbar__content--PaddingInlineStart: 0;
+  --pf-v6-c-toolbar__content--PaddingInlineEnd: 0;
   --pf-v6-c-toolbar__content-section--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
   --pf-v6-c-toolbar__content-section--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
   --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
@@ -60,7 +60,7 @@
 .pf-v6-c-toolbar__item.pf-m-hidden {
   --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
 }
-@media screen and (min-width: 576px) {
+@media screen and (min-width: 36rem) {
   .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
   .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
   .pf-v6-c-toolbar__item.pf-m-hidden-on-sm {
@@ -72,7 +72,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .pf-v6-c-toolbar__content-section.pf-m-hidden-on-md,
   .pf-v6-c-toolbar__group.pf-m-hidden-on-md,
   .pf-v6-c-toolbar__item.pf-m-hidden-on-md {
@@ -84,7 +84,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   .pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg,
   .pf-v6-c-toolbar__group.pf-m-hidden-on-lg,
   .pf-v6-c-toolbar__item.pf-m-hidden-on-lg {
@@ -96,7 +96,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 1200px) {
+@media screen and (min-width: 75rem) {
   .pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl,
   .pf-v6-c-toolbar__group.pf-m-hidden-on-xl,
   .pf-v6-c-toolbar__item.pf-m-hidden-on-xl {
@@ -108,7 +108,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 1450px) {
+@media screen and (min-width: 90.625rem) {
   .pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl,
   .pf-v6-c-toolbar__group.pf-m-hidden-on-2xl,
   .pf-v6-c-toolbar__item.pf-m-hidden-on-2xl {
@@ -138,7 +138,7 @@
 .pf-v6-c-toolbar__content.pf-m-hidden {
   --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
 }
-@media screen and (min-width: 576px) {
+@media screen and (min-width: 36rem) {
   .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
@@ -146,7 +146,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 48rem) {
   .pf-v6-c-toolbar__content.pf-m-hidden-on-md {
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
@@ -154,7 +154,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   .pf-v6-c-toolbar__content.pf-m-hidden-on-lg {
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
@@ -162,7 +162,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 1200px) {
+@media screen and (min-width: 75rem) {
   .pf-v6-c-toolbar__content.pf-m-hidden-on-xl {
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
@@ -170,7 +170,7 @@
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
-@media screen and (min-width: 1450px) {
+@media screen and (min-width: 90.625rem) {
   .pf-v6-c-toolbar__content.pf-m-hidden-on-2xl {
     --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
@@ -240,52 +240,52 @@
   width: var(--pf-v6-c-toolbar__item--Width--base);
   min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
 }
-@media (min-width: 576px) {
+@media (min-width: 36rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width));
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)));
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 62rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))));
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 75rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)))));
   }
 }
-@media (min-width: 1450px) {
+@media (min-width: 90.625rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
   }
 }
-@media (min-width: 576px) {
+@media (min-width: 36rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)));
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 62rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))));
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 75rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)))));
   }
 }
-@media (min-width: 1450px) {
+@media (min-width: 90.625rem) {
   .pf-v6-c-toolbar__item {
     --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
   }
@@ -324,6 +324,7 @@
   column-gap: var(--pf-v6-c-toolbar__group--m-action-group-plain--ColumnGap);
 }
 .pf-v6-c-toolbar__group.pf-m-action-group-inline {
+  flex-wrap: wrap;
   column-gap: var(--pf-v6-c-toolbar__group--m-action-group-inline--ColumnGap);
 }
 .pf-v6-c-toolbar__group.pf-m-overflow-container {
@@ -344,7 +345,7 @@
   background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
   box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   .pf-v6-c-toolbar__expandable-content {
     position: static;
     padding: 0;
@@ -636,7 +637,7 @@
   display: inline-flex;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 36rem) {
   .pf-v6-c-toolbar__group.pf-m-align-start-on-sm,
   .pf-v6-c-toolbar__item.pf-m-align-start-on-sm {
     margin-inline-start: 0;
@@ -888,7 +889,7 @@
     display: inline-flex;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 48rem) {
   .pf-v6-c-toolbar__group.pf-m-align-start-on-md,
   .pf-v6-c-toolbar__item.pf-m-align-start-on-md {
     margin-inline-start: 0;
@@ -1140,7 +1141,7 @@
     display: inline-flex;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 62rem) {
   .pf-v6-c-toolbar__group.pf-m-align-start-on-lg,
   .pf-v6-c-toolbar__item.pf-m-align-start-on-lg {
     margin-inline-start: 0;
@@ -1392,7 +1393,7 @@
     display: inline-flex;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 75rem) {
   .pf-v6-c-toolbar__group.pf-m-align-start-on-xl,
   .pf-v6-c-toolbar__item.pf-m-align-start-on-xl {
     margin-inline-start: 0;
@@ -1644,7 +1645,7 @@
     display: inline-flex;
   }
 }
-@media (min-width: 1450px) {
+@media (min-width: 90.625rem) {
   .pf-v6-c-toolbar__group.pf-m-align-start-on-2xl,
   .pf-v6-c-toolbar__item.pf-m-align-start-on-2xl {
     margin-inline-start: 0;

package/css/components/Wizard/wizard.css

@@ -112,7 +112,7 @@
   --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
   --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   :where(:root, .pf-v6-c-wizard) {
     --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
     --pf-v6-c-wizard__nav--BoxShadow: none;
@@ -178,7 +178,7 @@
   padding-block-start: var(--pf-v6-c-wizard__description--PaddingBlockStart);
   color: var(--pf-v6-c-wizard__description--Color);
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   .pf-v6-c-wizard__description {
     display: block;
   }
@@ -200,7 +200,7 @@
   border-inline-start: 0;
   border-inline-end: 0;
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   .pf-v6-c-wizard__toggle {
     display: none;
   }
@@ -269,7 +269,7 @@
   min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
   background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   .pf-v6-c-wizard__outer-wrap {
     padding-inline-start: var(--pf-v6-c-wizard__outer-wrap--lg--PaddingInlineStart);
   }
@@ -282,7 +282,7 @@
   flex-grow: 1;
   min-height: 0;
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   .pf-v6-c-wizard__inner-wrap {
     position: static;
   }
@@ -304,7 +304,7 @@
 .pf-v6-c-wizard__nav.pf-m-expanded {
   display: block;
 }
-@media screen and (min-width: 992px) {
+@media screen and (min-width: 62rem) {
   .pf-v6-c-wizard__nav {
     display: block;
     height: 100%;