@patternfly/react-styles 6.0.0-alpha.17 → 6.0.0-alpha.19

package/css/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);
   }
 }
 
@@ -67,7 +67,7 @@
   --pf-v6-c-page--inset: var(--pf-t--global--spacer--md);
   --pf-v6-c-page--xl--inset: var(--pf-t--global--spacer--xl);
   --pf-v6-c-page__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
-  --pf-v6-c-page__header--ZIndex: var(--pf-v6-global--ZIndex--md);
+  --pf-v6-c-page__header--ZIndex: var(--pf-t--global--z-index--md);
   --pf-v6-c-page__header--MinHeight: 4.75rem;
   --pf-v6-c-page__header-brand--PaddingLeft: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__header-brand--xl--PaddingRight: var(--pf-t--global--spacer--xl);
@@ -92,11 +92,11 @@
   --pf-v6-c-page__header-tools-item--Display: block;
   --pf-v6-c-page__header-tools--c-button--m-selected--before--Width: auto;
   --pf-v6-c-page__header-tools--c-button--m-selected--before--Height: auto;
-  --pf-v6-c-page__sidebar--ZIndex: var(--pf-v6-global--ZIndex--sm);
+  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-page__sidebar--Width: 18.125rem;
   --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v6-c-page__sidebar--BoxShadow: none;
-  --pf-v6-c-page__sidebar--Transition: var(--pf-v6-global--Transition);
+  --pf-v6-c-page__sidebar--Transition: var(--pf-t--global--transition);
   --pf-v6-c-page__sidebar--TranslateX: -100%;
   --pf-v6-c-page__sidebar--TranslateZ: 0;
   --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
@@ -121,33 +121,33 @@
   --pf-v6-c-page__sidebar-body--m-menu--BorderTopColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-t--global--border--width--button--default);
   --pf-v6-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-page__main--ZIndex: var(--pf-v6-global--ZIndex--xs);
-  --pf-v6-c-page__main--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
-  --pf-v6-c-page__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
-  --pf-v6-c-page__main--MarginInlineStart: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-page__main--MarginInlineEnd: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-page__main--BorderRadius: var(--pf-t--global--border--radius--large);
-  --pf-v6-c-page__main--BorderWidth: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-page__main--BorderColor: var(--pf-v6-c-page__main--BackgroundColor);
+  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
+  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
+  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
+  --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
   --pf-v6-c-page__main-section--MarginTop: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__main-section--PaddingTop: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-page__main-section--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
+  --pf-v6-c-page__main-section--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
   --pf-v6-c-page__main-section--PaddingBottom: 0;
-  --pf-v6-c-page__main-section--PaddingLeft: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
+  --pf-v6-c-page__main-section--PaddingLeft: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
   --pf-v6-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
   --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
-  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-v6-global--ZIndex--md);
+  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
   --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
-  --pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-v6-global--ZIndex--md);
+  --pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-t--global--z-index--md);
   --pf-v6-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
   --pf-v6-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
-  --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-v6-global--ZIndex--xs);
+  --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
-  --pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-v6-global--ZIndex--xs);
+  --pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v6-c-page__main-nav--PaddingTop: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__main-nav--PaddingRight: 0;
@@ -158,12 +158,12 @@
   --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
-  --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
-  --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
+  --pf-v6-c-page__main-subnav--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
+  --pf-v6-c-page__main-subnav--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
   --pf-v6-c-page__main-breadcrumb--PaddingTop: var(--pf-t--global--spacer--md);
-  --pf-v6-c-page__main-breadcrumb--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
+  --pf-v6-c-page__main-breadcrumb--PaddingRight: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
   --pf-v6-c-page__main-breadcrumb--PaddingBottom: 0;
-  --pf-v6-c-page__main-breadcrumb--PaddingLeft: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main--BorderWidth));
+  --pf-v6-c-page__main-breadcrumb--PaddingLeft: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
   --pf-v6-c-page__main-breadcrumb--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-page__main-tabs--PaddingTop: 0;
   --pf-v6-c-page__main-tabs--PaddingRight: 0;
@@ -209,7 +209,7 @@
 }
 @media (min-width: 1200px) {
   .pf-v6-c-page {
-    grid-template-areas: "header header" "nav main";
+    grid-template-areas: "header header" "sidebar main";
     grid-template-columns: max-content 1fr;
   }
 }
@@ -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,14 +314,14 @@
 }
 
 .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 {
   z-index: var(--pf-v6-c-page__sidebar--ZIndex);
   display: flex;
   flex-direction: column;
-  grid-area: nav;
+  grid-area: sidebar;
   grid-row-start: 2;
   grid-column-start: 1;
   width: var(--pf-v6-c-page__sidebar--Width);
@@ -633,26 +633,27 @@
   }
 }
 
-.pf-v6-c-page__main {
+.pf-v6-c-page__main-container {
   align-self: start;
-  max-height: var(--pf-v6-c-page__main--MaxHeight);
+  max-height: var(--pf-v6-c-page__main-container--MaxHeight);
   margin-block-start: 0;
-  margin-inline-start: var(--pf-v6-c-page__main--MarginInlineStart);
-  margin-inline-end: var(--pf-v6-c-page__main--MarginInlineEnd);
-  background: var(--pf-v6-c-page__main--BackgroundColor);
-  border: var(--pf-v6-c-page__main--BorderWidth) solid var(--pf-v6-c-page__main--BorderColor);
-  border-radius: var(--pf-v6-c-page__main--BorderRadius);
+  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
+  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
+  overflow: auto;
+  background: var(--pf-v6-c-page__main-container--BackgroundColor);
+  border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
+  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
 }
 
-.pf-v6-c-page__main,
+.pf-v6-c-page__main-container,
 .pf-v6-c-page__drawer {
-  z-index: var(--pf-v6-c-page__main--ZIndex);
+  z-index: var(--pf-v6-c-page__main-container--ZIndex);
   grid-area: main;
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }
-.pf-v6-c-page__main:focus,
+.pf-v6-c-page__main-container:focus,
 .pf-v6-c-page__drawer:focus {
   outline: 0;
 }

package/css/components/Page/page.d.ts

@@ -71,6 +71,7 @@ declare const _default: {
   "pageMain": "pf-v6-c-page__main",
   "pageMainBody": "pf-v6-c-page__main-body",
   "pageMainBreadcrumb": "pf-v6-c-page__main-breadcrumb",
+  "pageMainContainer": "pf-v6-c-page__main-container",
   "pageMainDrawer": "pf-v6-c-page__main-drawer",
   "pageMainGroup": "pf-v6-c-page__main-group",
   "pageMainList": "pf-v6-c-page__main-list",

package/css/components/Page/page.js

@@ -73,6 +73,7 @@ exports.default = {
   "pageMain": "pf-v6-c-page__main",
   "pageMainBody": "pf-v6-c-page__main-body",
   "pageMainBreadcrumb": "pf-v6-c-page__main-breadcrumb",
+  "pageMainContainer": "pf-v6-c-page__main-container",
   "pageMainDrawer": "pf-v6-c-page__main-drawer",
   "pageMainGroup": "pf-v6-c-page__main-group",
   "pageMainList": "pf-v6-c-page__main-list",

package/css/components/Page/page.mjs

@@ -71,6 +71,7 @@ export default {
   "pageMain": "pf-v6-c-page__main",
   "pageMainBody": "pf-v6-c-page__main-body",
   "pageMainBreadcrumb": "pf-v6-c-page__main-breadcrumb",
+  "pageMainContainer": "pf-v6-c-page__main-container",
   "pageMainDrawer": "pf-v6-c-page__main-drawer",
   "pageMainGroup": "pf-v6-c-page__main-group",
   "pageMainList": "pf-v6-c-page__main-list",

package/css/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/css/components/Panel/panel.css

@@ -11,7 +11,7 @@
   --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--regular);
   --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
-  --pf-v6-c-panel--m-raised--ZIndex: var(--pf-t--global--Zindex--sm);
+  --pf-v6-c-panel--m-raised--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
   --pf-v6-c-panel__header--PaddingTop: var(--pf-t--global--spacer--md);
   --pf-v6-c-panel__header--PaddingRight: var(--pf-t--global--spacer--md);

package/css/components/Popover/popover.css

@@ -35,7 +35,7 @@
   --pf-v6-c-popover__arrow--m-inline-bottom--Bottom: var(--pf-t--global--border--radius--medium);
   --pf-v6-c-popover__arrow--m-block-left--Left: var(--pf-t--global--border--radius--medium);
   --pf-v6-c-popover__arrow--m-block-right--Right: var(--pf-t--global--border--radius--medium);
-  --pf-v6-c-popover__close--Top: calc(var(--pf-v6-c-popover__content--PaddingTop) - (var(--pf-t--global--spacer--xs) * 1.5));
+  --pf-v6-c-popover__close--Top: calc(var(--pf-v6-c-popover__content--PaddingTop) - (var(--pf-t--global--spacer--control--vertical--compact) * 1.5));
   --pf-v6-c-popover__close--Right: var(--pf-v6-c-popover__content--PaddingRight);
   --pf-v6-c-popover__close--sibling--PaddingRight: var(--pf-t--global--spacer--2xl);
   --pf-v6-c-popover__header--MarginBottom: var(--pf-t--global--spacer--sm);

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

@@ -61,7 +61,7 @@
   --pf-v6-c-progress-stepper--m-center__step-description--MarginLeft: 0;
   --pf-v6-c-progress-stepper--GridTemplateRows: auto 1fr;
   --pf-v6-c-progress-stepper__step-connector--JustifyContent: flex-start;
-  --pf-v6-c-progress-stepper__step-icon--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-progress-stepper__step-icon--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-progress-stepper__step-icon--Width: 1.5rem;
   --pf-v6-c-progress-stepper__step-icon--Height: var(--pf-v6-c-progress-stepper__step-icon--Width);
   --pf-v6-c-progress-stepper__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
@@ -280,7 +280,7 @@
   border: var(--pf-v6-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-v6-c-progress-stepper__step-icon--BorderColor);
   border-radius: 50%;
 }
-.pf-v6-c-progress-stepper__step-icon .pf-v5-pficon {
+.pf-v6-c-progress-stepper__step-icon .pf-v6-pficon {
   margin-block-start: var(--pf-v6-c-progress-stepper__pficon--MarginTop);
 }
 .pf-v6-c-progress-stepper__step-icon .fa-exclamation-triangle {

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

@@ -25,13 +25,13 @@ declare const _default: {
     "horizontalOn_2xl": "pf-m-horizontal-on-2xl",
     "verticalOn_2xl": "pf-m-vertical-on-2xl"
   },
+  "pficon": "pf-v6-pficon",
   "progressStepper": "pf-v6-c-progress-stepper",
   "progressStepperStep": "pf-v6-c-progress-stepper__step",
   "progressStepperStepConnector": "pf-v6-c-progress-stepper__step-connector",
   "progressStepperStepDescription": "pf-v6-c-progress-stepper__step-description",
   "progressStepperStepIcon": "pf-v6-c-progress-stepper__step-icon",
   "progressStepperStepMain": "pf-v6-c-progress-stepper__step-main",
-  "progressStepperStepTitle": "pf-v6-c-progress-stepper__step-title",
-  "v5Pficon": "pf-v5-pficon"
+  "progressStepperStepTitle": "pf-v6-c-progress-stepper__step-title"
 };
 export default _default;

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

@@ -27,12 +27,12 @@ exports.default = {
     "horizontalOn_2xl": "pf-m-horizontal-on-2xl",
     "verticalOn_2xl": "pf-m-vertical-on-2xl"
   },
+  "pficon": "pf-v6-pficon",
   "progressStepper": "pf-v6-c-progress-stepper",
   "progressStepperStep": "pf-v6-c-progress-stepper__step",
   "progressStepperStepConnector": "pf-v6-c-progress-stepper__step-connector",
   "progressStepperStepDescription": "pf-v6-c-progress-stepper__step-description",
   "progressStepperStepIcon": "pf-v6-c-progress-stepper__step-icon",
   "progressStepperStepMain": "pf-v6-c-progress-stepper__step-main",
-  "progressStepperStepTitle": "pf-v6-c-progress-stepper__step-title",
-  "v5Pficon": "pf-v5-pficon"
+  "progressStepperStepTitle": "pf-v6-c-progress-stepper__step-title"
 };

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

@@ -25,12 +25,12 @@ export default {
     "horizontalOn_2xl": "pf-m-horizontal-on-2xl",
     "verticalOn_2xl": "pf-m-vertical-on-2xl"
   },
+  "pficon": "pf-v6-pficon",
   "progressStepper": "pf-v6-c-progress-stepper",
   "progressStepperStep": "pf-v6-c-progress-stepper__step",
   "progressStepperStepConnector": "pf-v6-c-progress-stepper__step-connector",
   "progressStepperStepDescription": "pf-v6-c-progress-stepper__step-description",
   "progressStepperStepIcon": "pf-v6-c-progress-stepper__step-icon",
   "progressStepperStepMain": "pf-v6-c-progress-stepper__step-main",
-  "progressStepperStepTitle": "pf-v6-c-progress-stepper__step-title",
-  "v5Pficon": "pf-v5-pficon"
+  "progressStepperStepTitle": "pf-v6-c-progress-stepper__step-title"
 };

package/css/components/Select/select.css

@@ -92,7 +92,7 @@
   --pf-v6-c-select__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
   --pf-v6-c-select__menu--PaddingBottom: var(--pf-v6-global--spacer--sm);
   --pf-v6-c-select__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
-  --pf-v6-c-select__menu--ZIndex: var(--pf-v6-global--ZIndex--sm);
+  --pf-v6-c-select__menu--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-select__menu--Width: auto;
   --pf-v6-c-select__menu--MinWidth: 100%;
   --pf-v6-c-select__menu--m-top--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));