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

package/css/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);
   }
 }
 
@@ -71,7 +71,7 @@
   --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
-  --pf-v6-c-menu--ZIndex: var(--pf-t--global--Zindex--sm);
+  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
   --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
   --pf-v6-c-menu--m-plain--BoxShadow: none;
@@ -134,22 +134,22 @@
   --pf-v6-c-menu--m-flyout__menu--top-offset: 0px;
   --pf-v6-c-menu--m-flyout__menu--left-offset: 0px;
   --pf-v6-c-menu--m-flyout__menu--m-left--right-offset: 0px;
-  --pf-v6-c-menu--m-flyout__Zindex: var(--pf-t--global--Zindex--sm);
+  --pf-v6-c-menu--m-flyout__Zindex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-menu--m-flyout__menu--Top: calc(var(--pf-v6-c-menu__list--PaddingBlockStart) * -1 + var(--pf-v6-c-menu--m-flyout__menu--top-offset));
   --pf-v6-c-menu--m-flyout__menu--Right: auto;
   --pf-v6-c-menu--m-flyout__menu--Bottom: auto;
   --pf-v6-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--left-offset));
   --pf-v6-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-v6-c-menu__list--PaddingBlockStart) * -1);
   --pf-v6-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
-  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-v6-global--TransitionDuration);
-  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-v6-global--TransitionDuration);
+  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transition--duration);
+  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transition--duration);
   --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
   --pf-v6-c-menu--m-drilldown--c-menu--Top: 0;
-  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-v6-global--TransitionDuration);
+  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--transition--duration);
   --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
-  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-v6-global--TransitionDuration);
+  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--transition--duration);
   --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
-  --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
 }
 
 .pf-v6-c-menu__content,
@@ -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/css/components/MenuToggle/menu-toggle.css

@@ -13,7 +13,7 @@
   --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--button--default);
-  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
   --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--button--default);

package/css/components/ModalBox/modal-box.css

@@ -2,7 +2,7 @@
   --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
   --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
   --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
-  --pf-v6-c-modal-box--ZIndex: var(--pf-v6-global--ZIndex--xl);
+  --pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
   --pf-v6-c-modal-box--Width: 100%;
   --pf-v6-c-modal-box--MaxWidth: calc(100% - var(--pf-t--global--spacer--xl));
   --pf-v6-c-modal-box--m-sm--sm--MaxWidth: 35rem;

package/css/components/Nav/nav.css

@@ -16,7 +16,7 @@
   --pf-v6-c-nav--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-nav--FontWeight: var(--pf-t--global--font--weight--body);
   --pf-v6-c-nav--LineHeight: var(--pf-t--global--font--line-height--body);
-  --pf-v6-c-nav--OutlineOffset: calc(var(--pf-v6-global--spacer--xs) * -1);
+  --pf-v6-c-nav--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
   --pf-v6-c-nav--BackgroundColor: transparent;
   --pf-v6-c-nav__list--ScrollSnapTypeAxis: x;
   --pf-v6-c-nav__list--ScrollSnapTypeStrictness: proximity;

package/css/components/NotificationDrawer/notification-drawer.css

@@ -6,7 +6,7 @@
   --pf-v6-c-notification-drawer__header--PaddingBottom: var(--pf-t--global--spacer--md);
   --pf-v6-c-notification-drawer__header--PaddingLeft: var(--pf-t--global--spacer--lg);
   --pf-v6-c-notification-drawer__header--BackgroundColor: var(--pf-t--global--background--color--floating--default);
-  --pf-v6-c-notification-drawer__header--ZIndex: var(--pf-t--global--Zindex--sm);
+  --pf-v6-c-notification-drawer__header--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-notification-drawer__header-title--FontSize: var(--pf-t--global--font--size--heading--md);
   --pf-v6-c-notification-drawer__header-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
   --pf-v6-c-notification-drawer__header-title--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -15,7 +15,7 @@
   --pf-v6-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v6-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
-  --pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-notification-drawer__body--PaddingBlockStart: 0;
   --pf-v6-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-notification-drawer__list--Gap: var(--pf-t--global--spacer--sm);

package/css/components/OptionsMenu/options-menu.css

@@ -40,7 +40,7 @@
   --pf-v6-c-options-menu__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
   --pf-v6-c-options-menu__menu--PaddingBottom: var(--pf-v6-global--spacer--sm);
   --pf-v6-c-options-menu__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
-  --pf-v6-c-options-menu__menu--ZIndex: var(--pf-v6-global--ZIndex--sm);
+  --pf-v6-c-options-menu__menu--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-options-menu--m-top__menu--Top: 0;
   --pf-v6-c-options-menu--m-top__menu--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));
   --pf-v6-c-options-menu__menu-item--BackgroundColor: transparent;

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,7 +121,7 @@
   --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-container--ZIndex: var(--pf-v6-global--ZIndex--xs);
+  --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);
@@ -131,7 +131,7 @@
   --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-container--BorderWidth));
   --pf-v6-c-page__main-breadcrumb--main-section--PaddingTop: var(--pf-t--global--spacer--md);
@@ -140,14 +140,14 @@
   --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,8 +158,8 @@
   --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-container--BorderWidth));
   --pf-v6-c-page__main-breadcrumb--PaddingBottom: 0;
@@ -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/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));