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

package/components/Page/page.css

@@ -14,51 +14,51 @@
 }
 
 .pf-v6-c-page__header-tools-item, .pf-v6-c-page__header-tools-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-page__header-tools-item, .pf-m-hidden.pf-v6-c-page__header-tools-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-page__header-tools-item, .pf-m-hidden-on-sm.pf-v6-c-page__header-tools-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-page__header-tools-item, .pf-m-visible-on-sm.pf-v6-c-page__header-tools-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-page__header-tools-item, .pf-m-hidden-on-md.pf-v6-c-page__header-tools-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-page__header-tools-item, .pf-m-visible-on-md.pf-v6-c-page__header-tools-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-page__header-tools-item, .pf-m-hidden-on-lg.pf-v6-c-page__header-tools-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-page__header-tools-item, .pf-m-visible-on-lg.pf-v6-c-page__header-tools-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-page__header-tools-item, .pf-m-hidden-on-xl.pf-v6-c-page__header-tools-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-page__header-tools-item, .pf-m-visible-on-xl.pf-v6-c-page__header-tools-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-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v6-c-page__header-tools-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-page__header-tools-item, .pf-m-visible-on-2xl.pf-v6-c-page__header-tools-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);
   }
 }
 
@@ -306,7 +306,7 @@
 }
 
 .pf-v6-c-page__header-tools-group {
-  --pf-v5-hidden-visible--visible--Display: var(--pf-v6-c-page__header-tools-group--Display);
+  --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-page__header-tools-group--Display);
   align-items: center;
 }
 .pf-v6-c-page__header-tools-group + .pf-v6-c-page__header-tools-group {
@@ -314,7 +314,7 @@
 }
 
 .pf-v6-c-page__header-tools-item {
-  --pf-v5-hidden-visible--visible--Display: var(--pf-v6-c-page__header-tools-item--Display);
+  --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-page__header-tools-item--Display);
 }
 
 .pf-v6-c-page__sidebar {

package/components/Page/page.scss

@@ -19,7 +19,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   --#{$page}__header-brand--xl--PaddingRight: var(--pf-t--global--spacer--xl);
   --#{$page}__header-brand--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
 
-  @media (min-width: $pf-v5-global--breakpoint--xl) {
+  @media (min-width: $pf-v6-global--breakpoint--xl) {
     --#{$page}__header-brand--PaddingLeft: var(--#{$page}__header-brand--xl--PaddingLeft);
     --#{$page}--inset: var(--#{$page}--xl--inset);
   }
@@ -42,7 +42,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   --#{$page}__header-nav--xl--PaddingRight: var(--pf-t--global--spacer--xl);
   --#{$page}__header-nav--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
 
-  @media screen and (min-width: $pf-v5-global--breakpoint--xl) {
+  @media screen and (min-width: $pf-v6-global--breakpoint--xl) {
     --#{$page}__header-nav--BackgroundColor: var(--#{$page}__header-nav--xl--BackgroundColor);
     --#{$page}__header-nav--PaddingRight: var(--#{$page}__header-nav--xl--PaddingRight);
     --#{$page}__header-nav--PaddingLeft: var(--#{$page}__header-nav--xl--PaddingLeft);
@@ -60,7 +60,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   --#{$page}__header-tools--c-button--m-selected--before--Width: auto;
   --#{$page}__header-tools--c-button--m-selected--before--Height: auto;
 
-  @media screen and (min-width: $pf-v5-global--breakpoint--xl) {
+  @media screen and (min-width: $pf-v6-global--breakpoint--xl) {
     --#{$page}__header-tools--MarginRight: var(--#{$page}__header-tools--xl--MarginRight);
   }
 
@@ -100,7 +100,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   --#{$page}__sidebar-body--m-menu--BorderTopWidth: var(--pf-t--global--border--width--button--default);
   --#{$page}__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-t--global--border--color--default);
 
-  @media screen and (min-width: $pf-v5-global--breakpoint--xl) {
+  @media screen and (min-width: $pf-v6-global--breakpoint--xl) {
     --#{$page}__sidebar--TranslateX: var(--#{$page}__sidebar--xl--TranslateX);
   }
 
@@ -189,7 +189,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   max-height: 100%;
   background-color: var(--#{$page}--BackgroundColor);
 
-  @media (min-width: $pf-v5-global--breakpoint--xl) {
+  @media (min-width: $pf-v6-global--breakpoint--xl) {
     grid-template-areas:
       "header header"
       "sidebar main";
@@ -217,7 +217,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
     align-items: center;
   }
 
-  @media screen and (min-width: $pf-v5-global--breakpoint--lg) {
+  @media screen and (min-width: $pf-v6-global--breakpoint--lg) {
     grid-template-columns: auto 1fr auto;
   }
 
@@ -232,7 +232,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   grid-column: 1 / 2;
   padding-inline-start: var(--#{$page}__header-brand--PaddingLeft);
 
-  @media (min-width: $pf-v5-global--breakpoint--xl) {
+  @media (min-width: $pf-v6-global--breakpoint--xl) {
     padding-inline-end: var(--#{$page}__header-brand--xl--PaddingRight); // set padding right here to allow mobile view to accomodate tools
   }
 }
@@ -272,7 +272,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   padding-inline-end: var(--#{$page}__header-nav--PaddingRight);
   background-color: var(--#{$page}__header-nav--BackgroundColor);
 
-  @media screen and (min-width: $pf-v5-global--breakpoint--xl) {
+  @media screen and (min-width: $pf-v6-global--breakpoint--xl) {
     grid-row: 1 / 2;
     grid-column: 2 / 3;
   }
@@ -292,13 +292,13 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
     margin-inline-start: var(--#{$page}__header-tools--c-avatar--MarginLeft);
   }
 
-  @media screen and (min-width: $pf-v5-global--breakpoint--lg) {
+  @media screen and (min-width: $pf-v6-global--breakpoint--lg) {
     grid-column: 3 / 4;
   }
 }
 
 .#{$page}__header-tools-group {
-  @include pf-v5-hidden-visible(var(--#{$page}__header-tools-group--Display));
+  @include pf-v6-hidden-visible(var(--#{$page}__header-tools-group--Display));
 
   align-items: center;
 
@@ -308,7 +308,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
 }
 
 .#{$page}__header-tools-item {
-  @include pf-v5-hidden-visible(var(--#{$page}__header-tools-item--Display));
+  @include pf-v6-hidden-visible(var(--#{$page}__header-tools-item--Display));
 }
 
 // Sidebar
@@ -330,10 +330,10 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   background-color: var(--#{$page}__sidebar--BackgroundColor);
   transition: var(--#{$page}__sidebar--Transition);
 
-  @include pf-v5-bidirectional-style(
+  @include pf-v6-bidirectional-style(
     $prop: transform,
     $ltr-val: translateX(var(--#{$page}__sidebar--TranslateX)) translateZ(var(--#{$page}__sidebar--TranslateZ)),
-    $rtl-val: translateX(#{pf-v5-calc-inverse(var(--#{$page}__sidebar--TranslateX))}) translateZ(var(--#{$page}__sidebar--TranslateZ))
+    $rtl-val: translateX(#{pf-v6-calc-inverse(var(--#{$page}__sidebar--TranslateX))}) translateZ(var(--#{$page}__sidebar--TranslateZ))
   );
 
   // Mobile
@@ -343,7 +343,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
 
     box-shadow: var(--#{$page}__sidebar--BoxShadow);
 
-    @media screen and (min-width: $pf-v5-global--breakpoint--xl) {
+    @media screen and (min-width: $pf-v6-global--breakpoint--xl) {
       --#{$page}__sidebar--BoxShadow: none;
     }
   }
@@ -393,7 +393,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
       --#{$context-selector}__toggle--BorderLeftColor: transparent;
       --#{$context-selector}__menu--Top: 100%;
 
-      @include pf-v5-t-dark;
+      @include pf-v6-t-dark;
 
       width: 100%;
     }
@@ -472,7 +472,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   @each $breakpoint, $breakpoint-value in $pf-page-v5--height-breakpoint-map {
     $breakpoint-name: if($breakpoint != "base", -on-#{$breakpoint}-height, "");
 
-    @include pf-v5-apply-height-breakpoint($breakpoint) {
+    @include pf-v6-apply-height-breakpoint($breakpoint) {
 
       &.pf-m-sticky-top#{$breakpoint-name} {
         position: sticky;
@@ -535,7 +535,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   @each $breakpoint, $breakpoint-value in $pf-page-v5--height-breakpoint-map {
     $breakpoint-name: if($breakpoint != "base", -on-#{$breakpoint}-height, "");
 
-    @include pf-v5-apply-height-breakpoint($breakpoint) {
+    @include pf-v6-apply-height-breakpoint($breakpoint) {
       &.pf-m-sticky-top#{$breakpoint-name},
       .#{$page}__main-group.pf-m-sticky-top#{$breakpoint-name} &:last-child {
         padding-block-end: var(--#{$page}__main-nav--m-sticky-top--PaddingBottom);
@@ -567,7 +567,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   @each $breakpoint, $breakpoint-value in $pf-page-v5--height-breakpoint-map {
     $breakpoint-name: if($breakpoint != "base", -on-#{$breakpoint}-height, "");
 
-    @include pf-v5-apply-height-breakpoint($breakpoint) {
+    @include pf-v6-apply-height-breakpoint($breakpoint) {
       &.pf-m-sticky-top#{$breakpoint-name},
       .#{$page}__main-group.pf-m-sticky-top#{$breakpoint-name} &:last-child {
         --#{$page}__main-breadcrumb--PaddingBottom: var(--#{$page}__main-breadcrumb--m-sticky-top--PaddingBottom);
@@ -620,7 +620,7 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
   @each $breakpoint, $breakpoint-value in $pf-page-v5--breakpoint-map {
     $breakpoint-name: if($breakpoint != "base", -on-#{$breakpoint}, "");
 
-    @include pf-v5-apply-breakpoint($breakpoint) {
+    @include pf-v6-apply-breakpoint($breakpoint) {
       // stylelint-disable max-nesting-depth
       &.pf-m-padding#{$breakpoint-name} {
         padding-block-start: var(--#{$page}__main-section--PaddingTop);

package/components/Pagination/pagination.css

@@ -180,19 +180,19 @@
   --pf-v6-c-pagination--inset: 0;
 }
 .pf-v6-c-pagination.pf-m-inset-sm {
-  --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--sm);
+  --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
 }
 .pf-v6-c-pagination.pf-m-inset-md {
-  --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--md);
+  --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
 }
 .pf-v6-c-pagination.pf-m-inset-lg {
-  --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--lg);
+  --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
 }
 .pf-v6-c-pagination.pf-m-inset-xl {
-  --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--xl);
+  --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
 }
 .pf-v6-c-pagination.pf-m-inset-2xl {
-  --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--2xl);
+  --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
 }
 @media (min-width: 576px) {
   .pf-v6-c-pagination.pf-m-display-summary-on-sm {
@@ -209,19 +209,19 @@
     --pf-v6-c-pagination--inset: 0;
   }
   .pf-v6-c-pagination.pf-m-inset-sm-on-sm {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--sm);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-c-pagination.pf-m-inset-md-on-sm {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--md);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
   }
   .pf-v6-c-pagination.pf-m-inset-lg-on-sm {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--lg);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-c-pagination.pf-m-inset-xl-on-sm {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--xl);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-c-pagination.pf-m-inset-2xl-on-sm {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
   }
 }
 @media (min-width: 768px) {
@@ -239,19 +239,19 @@
     --pf-v6-c-pagination--inset: 0;
   }
   .pf-v6-c-pagination.pf-m-inset-sm-on-md {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--sm);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-c-pagination.pf-m-inset-md-on-md {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--md);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
   }
   .pf-v6-c-pagination.pf-m-inset-lg-on-md {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--lg);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-c-pagination.pf-m-inset-xl-on-md {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--xl);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-c-pagination.pf-m-inset-2xl-on-md {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
   }
 }
 @media (min-width: 992px) {
@@ -269,19 +269,19 @@
     --pf-v6-c-pagination--inset: 0;
   }
   .pf-v6-c-pagination.pf-m-inset-sm-on-lg {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--sm);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-c-pagination.pf-m-inset-md-on-lg {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--md);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
   }
   .pf-v6-c-pagination.pf-m-inset-lg-on-lg {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--lg);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-c-pagination.pf-m-inset-xl-on-lg {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--xl);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-c-pagination.pf-m-inset-2xl-on-lg {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
   }
 }
 @media (min-width: 1200px) {
@@ -299,19 +299,19 @@
     --pf-v6-c-pagination--inset: 0;
   }
   .pf-v6-c-pagination.pf-m-inset-sm-on-xl {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--sm);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-c-pagination.pf-m-inset-md-on-xl {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--md);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
   }
   .pf-v6-c-pagination.pf-m-inset-lg-on-xl {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--lg);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-c-pagination.pf-m-inset-xl-on-xl {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--xl);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-c-pagination.pf-m-inset-2xl-on-xl {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
   }
 }
 @media (min-width: 1450px) {
@@ -329,18 +329,18 @@
     --pf-v6-c-pagination--inset: 0;
   }
   .pf-v6-c-pagination.pf-m-inset-sm-on-2xl {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--sm);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-c-pagination.pf-m-inset-md-on-2xl {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--md);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
   }
   .pf-v6-c-pagination.pf-m-inset-lg-on-2xl {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--lg);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-c-pagination.pf-m-inset-xl-on-2xl {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--xl);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-c-pagination.pf-m-inset-2xl-on-2xl {
-    --pf-v6-c-pagination--inset: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
   }
 }

package/components/Pagination/pagination.scss

@@ -1,6 +1,6 @@
 // @debug $pagination; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
-$pf-v5-c-pagination--breakpoint-map: build-breakpoint-map();
-$pf-v5-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
+$pf-v6-c-pagination--breakpoint-map: build-breakpoint-map();
+$pf-v6-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
 
 :where(:root),
 :where(.#{$pagination}) {
@@ -51,14 +51,14 @@ $pf-v5-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "x
   --#{$pagination}--m-display-summary__page-menu--Display: none;
   --#{$pagination}--m-display-full__page-menu--Display: inline-flex;
 
-  @media screen and (min-width: $pf-v5-global--breakpoint--md) {
+  @media screen and (min-width: $pf-v6-global--breakpoint--md) {
     --#{$pagination}--m-bottom--BoxShadow: none;
     --#{$pagination}__page-menu--Display: inline-flex;
     --#{$pagination}__nav--Display: inline-flex;
     --#{$pagination}__total-items--Display: none;
   }
 
-  @media screen and (min-width: $pf-v5-global--breakpoint--xl) {
+  @media screen and (min-width: $pf-v6-global--breakpoint--xl) {
     --#{$pagination}__scroll-button--Width: var(--#{$pagination}__scroll-button--xl--Width);
   }
 }
@@ -113,7 +113,7 @@ $pf-v5-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "x
       justify-content: space-between;
     }
 
-    @media screen and (min-width: $pf-v5-global--breakpoint--md) {
+    @media screen and (min-width: $pf-v6-global--breakpoint--md) {
       --#{$pagination}--m-bottom--BorderTopWidth: 0;
       --#{$pagination}--m-bottom--MarginTop: 0;
       --#{$pagination}--m-bottom--Bottom: auto;
@@ -171,7 +171,7 @@ $pf-v5-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "x
 
 // nav control
 .#{$pagination}__nav-control {
-  @include pf-v5-mirror-inline-on-rtl;
+  @include pf-v6-mirror-inline-on-rtl;
 }
 
 // nav page element
@@ -189,7 +189,7 @@ $pf-v5-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "x
     width: var(--#{$pagination}__nav-page-select--c-form-control--Width);
 
     > :is(input) {
-      @extend %pf-v5-remove-num-arrows;
+      @extend %pf-v6-remove-num-arrows;
     }
   }
 }
@@ -201,10 +201,10 @@ $pf-v5-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "x
 
 // stylelint-disable no-duplicate-selectors
 .#{$pagination} {
-  @each $breakpoint, $breakpoint-value in $pf-v5-c-pagination--breakpoint-map {
+  @each $breakpoint, $breakpoint-value in $pf-v6-c-pagination--breakpoint-map {
     $breakpoint-name: if($breakpoint != "base", -on-#{$breakpoint}, "");
 
-    @include pf-v5-apply-breakpoint($breakpoint) {
+    @include pf-v6-apply-breakpoint($breakpoint) {
       &.pf-m-display-summary#{$breakpoint-name} {
         --#{$pagination}__nav--Display: var(--#{$pagination}--m-display-summary__nav--Display);
         --#{$pagination}__page-menu--Display: var(--#{$pagination}--m-display-summary__page-menu--Display);
@@ -217,7 +217,7 @@ $pf-v5-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "x
         --#{$pagination}__total-items--Display: var(--#{$pagination}--m-display-full__total-items--Display);
       }
 
-      @each $spacer, $spacer-value in $pf-v5-c-pagination--variable-map {
+      @each $spacer, $spacer-value in $pf-v6-c-pagination--variable-map {
         &.pf-m-inset-#{$spacer}#{$breakpoint-name} {
           --#{$pagination}--inset: #{$spacer-value};
         }

package/components/Progress/progress.scss

@@ -151,7 +151,7 @@
   word-break: break-word;
 
   &.pf-m-truncate {
-    @include pf-v5-text-overflow;
+    @include pf-v6-text-overflow;
   }
 }
 

package/components/ProgressStepper/progress-stepper.scss

@@ -1,8 +1,8 @@
 // @debug $progress-stepper; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
-$pf-v5-c-progress-stepper--breakpoint-map: build-breakpoint-map();
+$pf-v6-c-progress-stepper--breakpoint-map: build-breakpoint-map();
 
 // Default layout is vertical
-@mixin pf-v5-c-progress-stepper--m-vertical {
+@mixin pf-v6-c-progress-stepper--m-vertical {
   --#{$progress-stepper}--GridAutoFlow: var(--#{$progress-stepper}--m-vertical--GridAutoFlow);
   --#{$progress-stepper}--GridTemplateColumns: var(--#{$progress-stepper}--m-vertical--GridTemplateColumns);
   --#{$progress-stepper}__step-connector--before--Top: var(--#{$progress-stepper}--m-vertical__step-connector--before--Top);
@@ -29,7 +29,7 @@ $pf-v5-c-progress-stepper--breakpoint-map: build-breakpoint-map();
   --#{$progress-stepper}--m-center__step-main--before--Content: ""; // border swap
 }
 
-@mixin pf-v5-c-progress-stepper--m-horizontal {
+@mixin pf-v6-c-progress-stepper--m-horizontal {
   --#{$progress-stepper}--GridAutoFlow: var(--#{$progress-stepper}--m-horizontal--GridAutoFlow);
   --#{$progress-stepper}--GridTemplateColumns: var(--#{$progress-stepper}--m-horizontal--GridTemplateColumns);
   --#{$progress-stepper}__step-connector--before--Top: var(--#{$progress-stepper}--m-horizontal__step-connector--before--Top);
@@ -186,11 +186,11 @@ $pf-v5-c-progress-stepper--breakpoint-map: build-breakpoint-map();
   --#{$progress-stepper}__step-description--TextAlign: start;
 
   // Vertical by default
-  @include pf-v5-c-progress-stepper--m-vertical;
+  @include pf-v6-c-progress-stepper--m-vertical;
 
   // Horizontal at md breakpoint
-  @media screen and (min-width: $pf-v5-global--breakpoint--md) {
-    @include pf-v5-c-progress-stepper--m-horizontal;
+  @media screen and (min-width: $pf-v6-global--breakpoint--md) {
+    @include pf-v6-c-progress-stepper--m-horizontal;
   }
 }
 
@@ -265,7 +265,7 @@ $pf-v5-c-progress-stepper--breakpoint-map: build-breakpoint-map();
     }
 
     .#{$progress-stepper}__step:not(.pf-m-current) .#{$progress-stepper}__step-main {
-      @include pf-v5-u-screen-reader;
+      @include pf-v6-u-screen-reader;
     }
 
     // For this compact variant only, move the main content for the current step to above the icons
@@ -428,16 +428,16 @@ $pf-v5-c-progress-stepper--breakpoint-map: build-breakpoint-map();
 
 // stylelint-disable no-duplicate-selectors
 .#{$progress-stepper} {
-  @each $breakpoint, $breakpoint-value in $pf-v5-c-progress-stepper--breakpoint-map {
+  @each $breakpoint, $breakpoint-value in $pf-v6-c-progress-stepper--breakpoint-map {
     $breakpoint-name: if($breakpoint != "base", -on-#{$breakpoint}, "");
 
-    @include pf-v5-apply-breakpoint($breakpoint) {
+    @include pf-v6-apply-breakpoint($breakpoint) {
       &.pf-m-horizontal#{$breakpoint-name} {
-        @include pf-v5-c-progress-stepper--m-horizontal;
+        @include pf-v6-c-progress-stepper--m-horizontal;
       }
 
       &.pf-m-vertical#{$breakpoint-name} {
-        @include pf-v5-c-progress-stepper--m-vertical;
+        @include pf-v6-c-progress-stepper--m-vertical;
       }
     }
   }

package/components/Select/select.scss

@@ -1,7 +1,7 @@
 // @debug $select; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
 
 .#{$select} {
-  @include pf-v5-t-light; // force the container follow the light theme
+  @include pf-v6-t-light; // force the container follow the light theme
 
   // Toggle
   --#{$select}__toggle--PaddingTop: var(--#{$pf-global}--spacer--form-element);
@@ -350,7 +350,7 @@
     --#{$select}__toggle--PaddingBottom: 0;
 
     .#{$form-control} {
-      @include pf-v5-text-overflow;
+      @include pf-v6-text-overflow;
 
       --#{$form-control}--invalid--BackgroundUrl: none;
 
@@ -391,7 +391,7 @@
 }
 
 .#{$select}__toggle-text {
-  @include pf-v5-text-overflow;
+  @include pf-v6-text-overflow;
 
   color: var(--#{$select}__toggle-text--Color, inherit);
 }
@@ -708,6 +708,6 @@
 // stylelint-disable no-invalid-position-at-import-rule
 @import "themes/dark/select";
 
-@include pf-v5-theme-dark {
-  @include pf-v5-theme-dark-select;
+@include pf-v6-theme-dark {
+  @include pf-v6-theme-dark-select;
 }

package/components/Select/themes/dark/select.scss

@@ -1,6 +1,6 @@
 @import "../../../../sass-utilities/themes/dark/all";
 
-@mixin pf-v5-theme-dark-select() {
+@mixin pf-v6-theme-dark-select() {
   .#{$select} {
     --#{$select}__toggle--disabled--BackgroundColor: var(--#{$pf-global}--palette--black-500);
     --#{$select}__toggle--BackgroundColor: var(--#{$pf-global}--BackgroundColor--400);