@patternfly/patternfly 6.0.0-alpha.107 → 6.0.0-alpha.108

package/components/Dropdown/dropdown.scss

@@ -1,5 +1,5 @@
 // @debug $dropdown; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
-$pf-v5-c-dropdown--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "xl", "2xl");
+$pf-v6-c-dropdown--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "xl", "2xl");
 
 .#{$dropdown} {
   // Toggle
@@ -613,7 +613,7 @@ $pf-v5-c-dropdown--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg"
   }
 
   .#{$dropdown}__toggle-text {
-    @include pf-v5-text-overflow;
+    @include pf-v6-text-overflow;
   }
 }
 
@@ -684,10 +684,10 @@ $pf-v5-c-dropdown--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg"
 .#{$dropdown}__menu {
   min-width: 100%;
 
-  @each $breakpoint, $breakpoint-value in $pf-v5-c-dropdown--breakpoint-map {
+  @each $breakpoint, $breakpoint-value in $pf-v6-c-dropdown--breakpoint-map {
     $breakpoint-name: if($breakpoint != "base", -on-#{$breakpoint}, "");
 
-    @include pf-v5-apply-breakpoint($breakpoint) {
+    @include pf-v6-apply-breakpoint($breakpoint) {
       &.pf-m-align-right#{$breakpoint-name} {
        inset-inline-end: 0;
       }
@@ -815,6 +815,6 @@ $pf-v5-c-dropdown--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg"
 // stylelint-disable no-invalid-position-at-import-rule
 @import "themes/dark/dropdown";
 
-@include pf-v5-theme-dark {
-  @include pf-v5-theme-dark-dropdown;
+@include pf-v6-theme-dark {
+  @include pf-v6-theme-dark-dropdown;
 }

package/components/Dropdown/themes/dark/dropdown.scss

@@ -1,6 +1,6 @@
 @import "../../../../sass-utilities/themes/dark/all";
 
-@mixin pf-v5-theme-dark-dropdown() {
+@mixin pf-v6-theme-dark-dropdown() {
   .#{$dropdown} {
     --#{$dropdown}__toggle--BackgroundColor: var(--#{$pf-global}--BackgroundColor--400);
     --#{$dropdown}__toggle--before--BorderTopColor: transparent;

package/components/DualListSelector/dual-list-selector.scss

@@ -170,10 +170,10 @@ $pf-v5-c-dual-list-selector__item--MaxNesting: 10;
     --#{$dual-list-selector}__item-toggle--MarginBottom: 0;
 
     .#{$dual-list-selector}__item-toggle {
-      @include pf-v5-bidirectional-style(
+      @include pf-v6-bidirectional-style(
         $prop: transform,
         $ltr-val: translateX(var(--#{$dual-list-selector}__list__list__item-toggle--TranslateX)),
-        $rtl-val: translateX(#{pf-v5-calc-inverse(var(--#{$dual-list-selector}__list__list__item-toggle--TranslateX))}),
+        $rtl-val: translateX(#{pf-v6-calc-inverse(var(--#{$dual-list-selector}__list__list__item-toggle--TranslateX))}),
       ); 
 
       position: absolute;
@@ -288,7 +288,7 @@ $pf-v5-c-dual-list-selector__item--MaxNesting: 10;
 }
 
 .#{$dual-list-selector}__item-text {
-  @include pf-v5-text-overflow;
+  @include pf-v6-text-overflow;
 
   flex-grow: 1;
   color: var(--#{$dual-list-selector}__item-text--Color);
@@ -308,7 +308,7 @@ $pf-v5-c-dual-list-selector__item--MaxNesting: 10;
 }
 
 :is(.#{$dual-list-selector}__controls-item, .#{$dual-list-selector}__item-toggle-icon) {
-  @include pf-v5-mirror-inline-on-rtl;
+  @include pf-v6-mirror-inline-on-rtl;
 }
 
 .#{$dual-list-selector}__item-main {

package/components/ExpandableSection/expandable-section.scss

@@ -144,7 +144,7 @@
 }
 
 .#{$expandable-section}__toggle-icon {
-  @include pf-v5-mirror-inline-on-rtl;
+  @include pf-v6-mirror-inline-on-rtl;
 
   min-width: var(--#{$expandable-section}__toggle-icon--MinWidth);
   color: var(--#{$expandable-section}__toggle-icon--Color);

package/components/Form/form.scss

@@ -1,23 +1,23 @@
 // @debug $form; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
-$pf-v5-c-form--m-horizontal--breakpoint-map: build-breakpoint-map("sm", "md", "lg", "xl", "2xl");
+$pf-v6-c-form--m-horizontal--breakpoint-map: build-breakpoint-map("sm", "md", "lg", "xl", "2xl");
 
-@mixin pf-v5-c-form--m-horizontal {
+@mixin pf-v6-c-form--m-horizontal {
   // default horizontal styles applied at medium breakpoint
-  @media screen and (min-width: $pf-v5-global--breakpoint--md) {
+  @media screen and (min-width: $pf-v6-global--breakpoint--md) {
     @content;
   }
 
   // custom xs style since this isn't in our maps - maps are based on mobile first design. This may not even be a valid option based on design but I guess it doesn't hurt to add.
   &-on-xs {
-    @media screen and (min-width: $pf-v5-global--breakpoint--xs) {
+    @media screen and (min-width: $pf-v6-global--breakpoint--xs) {
       @content;
     }
   }
 
   // loop to build the rest of the breakpoints
-  @each $breakpoint, $breakpoint-value in $pf-v5-c-form--m-horizontal--breakpoint-map {
+  @each $breakpoint, $breakpoint-value in $pf-v6-c-form--m-horizontal--breakpoint-map {
     &-on-#{$breakpoint} {
-      @include pf-v5-apply-breakpoint($breakpoint) {
+      @include pf-v6-apply-breakpoint($breakpoint) {
         @content;
       }
     }
@@ -167,7 +167,7 @@ $pf-v5-c-form--m-horizontal--breakpoint-map: build-breakpoint-map("sm", "md", "l
       }
     }
 
-    @include pf-v5-c-form--m-horizontal {
+    @include pf-v6-c-form--m-horizontal {
       --#{$form}__group-label--PaddingBottom: 0;
 
       .#{$form}__group {
@@ -409,7 +409,7 @@ $pf-v5-c-form--m-horizontal--breakpoint-map: build-breakpoint-map("sm", "md", "l
   transition: var(--#{$form}__field-group-toggle-icon--Transition);
   transform: rotate(var(--#{$form}__field-group-toggle-icon--Rotate));
 
-  @include pf-v5-mirror-inline-on-rtl;
+  @include pf-v6-mirror-inline-on-rtl;
 }
 
 .#{$form}__field-group-header {

package/components/FormControl/form-control.css

@@ -265,5 +265,5 @@
 }
 
 select ~ .pf-v6-c-form-control__utilities {
-  --pf-v5-c-form-control__utilities--PaddingRight: 0;
+  --pf-v6-c-form-control__utilities--PaddingRight: 0;
 }

package/components/FormControl/form-control.scss

@@ -350,5 +350,5 @@
 }
 
 select ~ .#{$form-control}__utilities {
---pf-v5-c-form-control__utilities--PaddingRight: 0;
+  --#{$form-control}__utilities--PaddingRight: 0;
 }

package/components/JumpLinks/jump-links.scss

@@ -1,5 +1,5 @@
 // @debug $jump-links; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
-$pf-v5-c-jump-links--m-expandable--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "xl", "2xl");
+$pf-v6-c-jump-links--m-expandable--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "xl", "2xl");
 
 :where(:root),
 :where(.#{$jump-links}) {
@@ -101,10 +101,10 @@ $pf-v5-c-jump-links--m-expandable--breakpoint-map: build-breakpoint-map("base",
     flex-direction: column;
   }
 
-  @each $breakpoint, $breakpoint-value in $pf-v5-c-jump-links--m-expandable--breakpoint-map {
+  @each $breakpoint, $breakpoint-value in $pf-v6-c-jump-links--m-expandable--breakpoint-map {
     $breakpoint-name: if($breakpoint != "base", -on-#{$breakpoint}, "");
 
-    @include pf-v5-apply-breakpoint($breakpoint) {
+    @include pf-v6-apply-breakpoint($breakpoint) {
       &.pf-m-expandable#{$breakpoint-name} {
         --#{$jump-links}__list--Display: none;
         --#{$jump-links}__toggle--Display: block;
@@ -229,7 +229,7 @@ $pf-v5-c-jump-links--m-expandable--breakpoint-map: build-breakpoint-map("base",
 }
 
 .#{$jump-links}__toggle-icon {
-  @include pf-v5-mirror-inline-on-rtl;
+  @include pf-v6-mirror-inline-on-rtl;
 
   display: inline-block;
   color: var(--#{$jump-links}__toggle-icon--Color);

package/components/Label/label-group.scss

@@ -124,7 +124,7 @@
 }
 
 .#{$label-group}__label {
-  @include pf-v5-text-overflow;
+  @include pf-v6-text-overflow;
 
   max-width: var(--#{$label-group}__label--MaxWidth);
 }

package/components/Label/label.scss

@@ -536,7 +536,7 @@
 }
 
 .#{$label}__text {
-  @include pf-v5-text-overflow;
+  @include pf-v6-text-overflow;
 
   max-width: var(--#{$label}__text--MaxWidth);
 }
@@ -564,7 +564,7 @@
 
   // truncate input fields
   @at-root input#{&} {
-    @include pf-v5-text-overflow;
+    @include pf-v6-text-overflow;
   }
 }
 

package/components/LogViewer/log-viewer.scss

@@ -72,7 +72,7 @@
     --#{$log-viewer}__main--BorderWidth: var(--#{$log-viewer}--m-dark__main--BorderWidth);
 
     .#{$log-viewer}__main {
-      @include pf-v5-t-dark;
+      @include pf-v6-t-dark;
 
       --#{$log-viewer}__main--BackgroundColor: var(--#{$pf-global}--BackgroundColor--100);
       --#{$log-viewer}__main--BorderColor: var(--#{$pf-global}--BorderColor--100);
@@ -221,6 +221,6 @@
 // stylelint-disable no-invalid-position-at-import-rule
 @import "themes/dark/log-viewer";
 
-@include pf-v5-theme-dark {
-  @include pf-v5-theme-dark-log-viewer;
+@include pf-v6-theme-dark {
+  @include pf-v6-theme-dark-log-viewer;
 }

package/components/LogViewer/themes/dark/log-viewer.scss

@@ -1,7 +1,7 @@
 @import "../../../../sass-utilities/themes/dark/all";
 
-@mixin pf-v5-theme-dark-log-viewer() {
+@mixin pf-v6-theme-dark-log-viewer() {
   .#{$log-viewer}.pf-m-dark .#{$log-viewer}__main {
-    @include pf-v5-theme-dark--t-dark;
+    @include pf-v6-theme-dark--t-dark;
   }
 }

package/components/Login/login.scss

@@ -12,7 +12,7 @@
   --#{$login}__container--PaddingRight: #{pf-size-prem(98px)};
   --#{$login}__container--xl--GridTemplateColumns: #{pf-size-prem(544px)} minmax(auto, #{pf-size-prem(544px)}); // unique to the login layout
 
-  @media (min-width: $pf-v5-global--breakpoint--xl) {
+  @media (min-width: $pf-v6-global--breakpoint--xl) {
     --#{$login}__container--MaxWidth: var(--#{$login}__container--xl--MaxWidth);
   }
 
@@ -21,7 +21,7 @@
   --#{$login}__header--PaddingLeft: var(--pf-t--global--spacer--md);
   --#{$login}__header--PaddingRight: var(--pf-t--global--spacer--md);
 
-  @media (min-width: $pf-v5-global--breakpoint--sm) {
+  @media (min-width: $pf-v6-global--breakpoint--sm) {
     --#{$login}__header--PaddingRight: 0;
     --#{$login}__header--PaddingLeft: 0;
   }
@@ -31,7 +31,7 @@
   --#{$login}__header--c-brand--MarginBottom: var(--pf-t--global--spacer--lg);
   --#{$login}__header--c-brand--xl--MarginBottom: var(--pf-t--global--spacer--2xl);
 
-  @media (min-width: $pf-v5-global--breakpoint--xl) {
+  @media (min-width: $pf-v6-global--breakpoint--xl) {
     --#{$login}__header--MarginBottom: var(--#{$login}__header--xl--MarginBottom);
     --#{$login}__header--c-brand--MarginBottom: var(--#{$login}__header--c-brand--xl--MarginBottom);
   }
@@ -41,7 +41,7 @@
   --#{$login}__main--MarginBottom: var(--pf-t--global--spacer--lg);
   --#{$login}__main--BorderRadius: var(--pf-t--global--border--radius--large);
 
-  @media (min-width: $pf-v5-global--breakpoint--xl) {
+  @media (min-width: $pf-v6-global--breakpoint--xl) {
     --#{$login}__main--MarginBottom: 0;
   }
 
@@ -61,7 +61,7 @@
   --#{$login}__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
 
 
-  @media (min-width: $pf-v5-global--breakpoint--md) {
+  @media (min-width: $pf-v6-global--breakpoint--md) {
     --#{$login}__main-header--PaddingRight: var(--#{$login}__main-header--md--PaddingRight);
     --#{$login}__main-header--PaddingLeft: var(--#{$login}__main-header--md--PaddingLeft);
     --#{$login}__main-header-desc--MarginBottom: var(--#{$login}__main-header-desc--md--MarginBottom);
@@ -74,7 +74,7 @@
   --#{$login}__main-body--md--PaddingRight: var(--pf-t--global--spacer--2xl);
   --#{$login}__main-body--md--PaddingLeft: var(--pf-t--global--spacer--2xl);
 
-  @media (min-width: $pf-v5-global--breakpoint--md) {
+  @media (min-width: $pf-v6-global--breakpoint--md) {
     --#{$login}__main-body--PaddingRight: var(--#{$login}__main-body--md--PaddingRight);
     --#{$login}__main-body--PaddingLeft: var(--#{$login}__main-body--md--PaddingLeft);
   }
@@ -100,7 +100,7 @@
   --#{$login}__footer--PaddingLeft: var(--pf-t--global--spacer--md);
   --#{$login}__footer--PaddingRight: var(--pf-t--global--spacer--md);
 
-  @media (min-width: $pf-v5-global--breakpoint--sm) {
+  @media (min-width: $pf-v6-global--breakpoint--sm) {
     --#{$login}__footer--PaddingRight: 0;
     --#{$login}__footer--PaddingLeft: 0;
   }
@@ -108,7 +108,7 @@
   --#{$login}__footer--c-list--PaddingTop: var(--pf-t--global--spacer--md);
   --#{$login}__footer--c-list--xl--PaddingTop: var(--pf-t--global--spacer--2xl);
 
-  @media (min-width: $pf-v5-global--breakpoint--xl) {
+  @media (min-width: $pf-v6-global--breakpoint--xl) {
     --#{$login}__footer--c-list--PaddingTop: var(--#{$login}__footer--c-list--xl--PaddingTop);
   }
 }
@@ -120,7 +120,7 @@
   padding-block-start: var(--#{$login}--PaddingTop);
   padding-block-end: var(--#{$login}--PaddingBottom);
 
-  @media (min-width: $pf-v5-global--breakpoint--sm) {
+  @media (min-width: $pf-v6-global--breakpoint--sm) {
     align-items: center;
   }
 }
@@ -130,7 +130,7 @@
   max-width: var(--#{$login}__container--MaxWidth);
 
   // Large viewports
-  @media (min-width: $pf-v5-global--breakpoint--xl) {
+  @media (min-width: $pf-v6-global--breakpoint--xl) {
     display: grid;
     grid-template-areas:
       "main header"
@@ -149,7 +149,7 @@
   padding-inline-start: var(--#{$login}__header--PaddingLeft);
   padding-inline-end: var(--#{$login}__header--PaddingRight);
 
-  @media (min-width: $pf-v5-global--breakpoint--xl) {
+  @media (min-width: $pf-v6-global--breakpoint--xl) {
     margin-block-start: var(--#{$login}__header--xl--MarginTop);
   }
 
@@ -187,7 +187,7 @@
   padding-inline-start: var(--#{$login}__main-header--PaddingLeft);
   padding-inline-end: var(--#{$login}__main-header--PaddingRight);
 
-  @media (min-width: $pf-v5-global--breakpoint--md) {
+  @media (min-width: $pf-v6-global--breakpoint--md) {
     grid-template-columns: 1fr auto;
   }
 }
@@ -197,7 +197,7 @@
   grid-row: auto;
   grid-column: auto;
 
-  @media (min-width: $pf-v5-global--breakpoint--md) {
+  @media (min-width: $pf-v6-global--breakpoint--md) {
     grid-row: 1;
     grid-column: 2 / 3;
   }

package/components/Masthead/masthead.scss

@@ -1,5 +1,5 @@
-$pf-v5-c-masthead--breakpoint-map: build-breakpoint-map();
-$pf-v5-c-masthead--inset-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
+$pf-v6-c-masthead--breakpoint-map: build-breakpoint-map();
+$pf-v6-c-masthead--inset-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
 
 :where(:root),
 :where(.#{$masthead}) {
@@ -48,7 +48,7 @@ $pf-v5-c-masthead--inset-map: build-spacer-map("none", "sm", "md", "lg", "xl", "
 }
 
 // * Masthead display stack
-@mixin pf-v5-c-masthead--m-display-stack {
+@mixin pf-v6-c-masthead--m-display-stack {
   --#{$masthead}--GridTemplateColumns: var(--#{$masthead}--m-display-stack--GridTemplateColumns);
   --#{$masthead}__main--GridColumn: var(--#{$masthead}--m-display-stack__main--GridColumn);
   --#{$masthead}__main--Order: var(--#{$masthead}--m-display-stack__main--Order);
@@ -59,7 +59,7 @@ $pf-v5-c-masthead--inset-map: build-spacer-map("none", "sm", "md", "lg", "xl", "
 }
 
 // * Masthead display inline
-@mixin pf-v5-c-masthead--m-display-inline {
+@mixin pf-v6-c-masthead--m-display-inline {
   --#{$masthead}--GridTemplateColumns: var(--#{$masthead}--m-display-inline--GridTemplateColumns);
   --#{$masthead}__main--GridColumn: var(--#{$masthead}--m-display-inline__main--GridColumn);
   --#{$masthead}__main--Order: var(--#{$masthead}--m-display-inline__main--Order);
@@ -79,12 +79,12 @@ $pf-v5-c-masthead--inset-map: build-spacer-map("none", "sm", "md", "lg", "xl", "
   }
 
   // Set layout to stack by default
-  @include pf-v5-c-masthead--m-display-stack;
+  @include pf-v6-c-masthead--m-display-stack;
 
   // Set layout to inline at medium breakpoint
   :where(:not(.pf-m-resize-observer)) & {
-    @media screen and (min-width: $pf-v5-global--breakpoint--md) {
-      @include pf-v5-c-masthead--m-display-inline;
+    @media screen and (min-width: $pf-v6-global--breakpoint--md) {
+      @include pf-v6-c-masthead--m-display-inline;
     }
   }
 
@@ -117,16 +117,16 @@ $pf-v5-c-masthead--inset-map: build-spacer-map("none", "sm", "md", "lg", "xl", "
 
   // - Masthead display stack
   &.pf-m-display-stack {
-    @include pf-v5-c-masthead--m-display-stack;
+    @include pf-v6-c-masthead--m-display-stack;
   }
 
   // - Masthead display inline
   &.pf-m-display-inline {
-    @include pf-v5-c-masthead--m-display-inline;
+    @include pf-v6-c-masthead--m-display-inline;
   }
 
   // - Masthead insets
-  @each $inset, $inset-value in $pf-v5-c-masthead--inset-map {
+  @each $inset, $inset-value in $pf-v6-c-masthead--inset-map {
     &.pf-m-inset-#{$inset} {
       padding-inline-start: #{$inset-value};
       padding-inline-end: #{$inset-value};
@@ -198,20 +198,20 @@ $pf-v5-c-masthead--inset-map: build-spacer-map("none", "sm", "md", "lg", "xl", "
 // TODO: make this an opt in/out
 // stylelint-disable no-duplicate-selectors
 .#{$masthead} {
-  @each $breakpoint, $breakpoint-value in $pf-v5-c-masthead--breakpoint-map {
+  @each $breakpoint, $breakpoint-value in $pf-v6-c-masthead--breakpoint-map {
     $breakpoint-name: if($breakpoint != "base", -on-#{$breakpoint}, "");
 
-    @include pf-v5-apply-breakpoint($breakpoint) {
+    @include pf-v6-apply-breakpoint($breakpoint) {
       &.pf-m-display-stack#{$breakpoint-name} {
-        @include pf-v5-c-masthead--m-display-stack;
+        @include pf-v6-c-masthead--m-display-stack;
       }
 
       &.pf-m-display-inline#{$breakpoint-name} {
-        @include pf-v5-c-masthead--m-display-inline;
+        @include pf-v6-c-masthead--m-display-inline;
       }
     }
 
-    @each $inset, $inset-value in $pf-v5-c-masthead--inset-map {
+    @each $inset, $inset-value in $pf-v6-c-masthead--inset-map {
       &.pf-m-inset-#{$inset} {
         padding-inline-start: #{$inset-value};
         padding-inline-end: #{$inset-value};

package/components/Menu/menu.css

@@ -1,61 +1,61 @@
 .pf-v6-c-menu__item, .pf-v6-c-menu__list,
 .pf-v6-c-menu__group {
-  --pf-v5-hidden-visible--hidden--Display: none;
-  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
-  display: var(--pf-v5-hidden-visible--Display);
+  --pf-v6-hidden-visible--hidden--Display: none;
+  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
+  display: var(--pf-v6-hidden-visible--Display);
 }
 .pf-m-hidden.pf-v6-c-menu__item, .pf-m-hidden.pf-v6-c-menu__list,
 .pf-m-hidden.pf-v6-c-menu__group {
-  --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
 }
 @media screen and (min-width: 576px) {
   .pf-m-hidden-on-sm.pf-v6-c-menu__item, .pf-m-hidden-on-sm.pf-v6-c-menu__list,
   .pf-m-hidden-on-sm.pf-v6-c-menu__group {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
   .pf-m-visible-on-sm.pf-v6-c-menu__item, .pf-m-visible-on-sm.pf-v6-c-menu__list,
   .pf-m-visible-on-sm.pf-v6-c-menu__group {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 768px) {
   .pf-m-hidden-on-md.pf-v6-c-menu__item, .pf-m-hidden-on-md.pf-v6-c-menu__list,
   .pf-m-hidden-on-md.pf-v6-c-menu__group {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
   .pf-m-visible-on-md.pf-v6-c-menu__item, .pf-m-visible-on-md.pf-v6-c-menu__list,
   .pf-m-visible-on-md.pf-v6-c-menu__group {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 992px) {
   .pf-m-hidden-on-lg.pf-v6-c-menu__item, .pf-m-hidden-on-lg.pf-v6-c-menu__list,
   .pf-m-hidden-on-lg.pf-v6-c-menu__group {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
   .pf-m-visible-on-lg.pf-v6-c-menu__item, .pf-m-visible-on-lg.pf-v6-c-menu__list,
   .pf-m-visible-on-lg.pf-v6-c-menu__group {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 1200px) {
   .pf-m-hidden-on-xl.pf-v6-c-menu__item, .pf-m-hidden-on-xl.pf-v6-c-menu__list,
   .pf-m-hidden-on-xl.pf-v6-c-menu__group {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
   .pf-m-visible-on-xl.pf-v6-c-menu__item, .pf-m-visible-on-xl.pf-v6-c-menu__list,
   .pf-m-visible-on-xl.pf-v6-c-menu__group {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
 @media screen and (min-width: 1450px) {
   .pf-m-hidden-on-2xl.pf-v6-c-menu__item, .pf-m-hidden-on-2xl.pf-v6-c-menu__list,
   .pf-m-hidden-on-2xl.pf-v6-c-menu__group {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
   }
   .pf-m-visible-on-2xl.pf-v6-c-menu__item, .pf-m-visible-on-2xl.pf-v6-c-menu__list,
   .pf-m-visible-on-2xl.pf-v6-c-menu__group {
-    --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
+    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
   }
 }
 
@@ -164,7 +164,7 @@
 
 .pf-v6-c-menu__list,
 .pf-v6-c-menu__group {
-  --pf-v5-hidden-visible--visible--Display: grid;
+  --pf-v6-hidden-visible--visible--Display: grid;
 }
 
 .pf-v6-c-menu__list,
@@ -425,7 +425,7 @@
   background-color: var(--pf-v6-c-menu__item--BackgroundColor);
   border: 0;
   outline-offset: var(--pf-v6-c-menu--OutlineOffset);
-  --pf-v5-hidden-visible--visible--Display: flex;
+  --pf-v6-hidden-visible--visible--Display: flex;
 }
 :where(label).pf-v6-c-menu__item {
   cursor: pointer;
@@ -476,7 +476,7 @@
 }
 
 .pf-v6-c-menu__item-check .pf-v6-c-check {
-  --pf-v5-c-check__input--TranslateY: none;
+  --pf-v6-c-check__input--TranslateY: none;
 }
 
 .pf-v6-c-menu__item-toggle-icon {

package/components/Menu/menu.scss

@@ -152,7 +152,7 @@
 // - Menu shared hidden visible
 .#{$menu}__list,
 .#{$menu}__group {
-  @include pf-v5-hidden-visible(grid);
+  @include pf-v6-hidden-visible(grid);
 }
 
 // - Menu shared position relative
@@ -259,10 +259,10 @@
       // target first list in menu
       > .#{$menu}__content > .#{$menu}__list,
       > .#{$menu}__list {
-        @include pf-v5-bidirectional-style(
+        @include pf-v6-bidirectional-style(
           $prop: transform,
           $ltr-val: translateX(-100%),
-          $rtl-val: translateX(#{pf-v5-calc-inverse(-100%)})
+          $rtl-val: translateX(#{pf-v6-calc-inverse(-100%)})
         );
       }
       // stylelint-enable
@@ -279,10 +279,10 @@
 
       // stylelint-disable selector-max-class
       &.pf-m-drilled-in {
-        @include pf-v5-bidirectional-style(
+        @include pf-v6-bidirectional-style(
           $prop: transform,
           $ltr-val: translateX(-100%),
-          $rtl-val: translateX(#{pf-v5-calc-inverse(-100%)})
+          $rtl-val: translateX(#{pf-v6-calc-inverse(-100%)})
         );
       }
       // stylelint-enable
@@ -505,7 +505,7 @@
   border: 0;
   outline-offset: var(--#{$menu}--OutlineOffset);
 
-  @include pf-v5-hidden-visible(flex);
+  @include pf-v6-hidden-visible(flex);
 
   @at-root :where(label)#{&} {
     cursor: pointer;
@@ -541,7 +541,7 @@
 
 // - Menu item text
 .#{$menu}__item-text {
-  @include pf-v5-text-overflow;
+  @include pf-v6-text-overflow;
 
   flex-grow: 1;
 }
@@ -566,12 +566,12 @@
 
 // - Menu check
 .#{$menu}__item-check .#{$check} {
-  --pf-v5-c-check__input--TranslateY: none;
+  --#{$check}__input--TranslateY: none;
 }
 
 // - Menu toggle icon
 .#{$menu}__item-toggle-icon {
-  @include pf-v5-mirror-inline-on-rtl;
+  @include pf-v6-mirror-inline-on-rtl;
 
   color: var(--#{$menu}__item-toggle-icon--Color, inherit);
 }

package/components/MenuToggle/menu-toggle.scss

@@ -499,7 +499,7 @@
 }
 
 .#{$menu-toggle}__text {
-  @include pf-v5-text-overflow;
+  @include pf-v6-text-overflow;
 
   min-width: 0;
 }

package/components/ModalBox/modal-box.scss

@@ -24,7 +24,7 @@
   --#{$modal-box}--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
   --#{$modal-box}--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
 
-  @media (min-width: $pf-v5-global--breakpoint--xl) {
+  @media (min-width: $pf-v6-global--breakpoint--xl) {
     --#{$modal-box}--m-align-top--spacer: var(--#{$modal-box}--m-align-top--xl--spacer);
   }
 
@@ -182,7 +182,7 @@
 
 .#{$modal-box}__title,
 .#{$modal-box}__title-text {
-  @include pf-v5-text-overflow;
+  @include pf-v6-text-overflow;
 }
 
 .#{$modal-box}__title {
@@ -239,7 +239,7 @@
   > .#{$button}:not(:last-child) {
     margin-inline-end: var(--#{$modal-box}__footer--c-button--MarginRight);
 
-    @media screen and (min-width: $pf-v5-global--breakpoint--sm) {
+    @media screen and (min-width: $pf-v6-global--breakpoint--sm) {
       --#{$modal-box}__footer--c-button--MarginRight: var(--#{$modal-box}__footer--c-button--sm--MarginRight);
     }
   }