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

package/css/components/Masthead/masthead.css

@@ -100,24 +100,24 @@
   padding-inline-end: 0;
 }
 .pf-v6-c-masthead.pf-m-inset-sm {
-  padding-inline-start: var(--pf-v6-global--spacer--sm);
-  padding-inline-end: var(--pf-v6-global--spacer--sm);
+  padding-inline-start: var(--pf-t--global--spacer--sm);
+  padding-inline-end: var(--pf-t--global--spacer--sm);
 }
 .pf-v6-c-masthead.pf-m-inset-md {
-  padding-inline-start: var(--pf-v6-global--spacer--md);
-  padding-inline-end: var(--pf-v6-global--spacer--md);
+  padding-inline-start: var(--pf-t--global--spacer--md);
+  padding-inline-end: var(--pf-t--global--spacer--md);
 }
 .pf-v6-c-masthead.pf-m-inset-lg {
-  padding-inline-start: var(--pf-v6-global--spacer--lg);
-  padding-inline-end: var(--pf-v6-global--spacer--lg);
+  padding-inline-start: var(--pf-t--global--spacer--lg);
+  padding-inline-end: var(--pf-t--global--spacer--lg);
 }
 .pf-v6-c-masthead.pf-m-inset-xl {
-  padding-inline-start: var(--pf-v6-global--spacer--xl);
-  padding-inline-end: var(--pf-v6-global--spacer--xl);
+  padding-inline-start: var(--pf-t--global--spacer--xl);
+  padding-inline-end: var(--pf-t--global--spacer--xl);
 }
 .pf-v6-c-masthead.pf-m-inset-2xl {
-  padding-inline-start: var(--pf-v6-global--spacer--2xl);
-  padding-inline-end: var(--pf-v6-global--spacer--2xl);
+  padding-inline-start: var(--pf-t--global--spacer--2xl);
+  padding-inline-end: var(--pf-t--global--spacer--2xl);
 }
 
 .pf-v6-c-masthead,
@@ -196,24 +196,24 @@
   padding-inline-end: 0;
 }
 .pf-v6-c-masthead.pf-m-inset-sm {
-  padding-inline-start: var(--pf-v6-global--spacer--sm);
-  padding-inline-end: var(--pf-v6-global--spacer--sm);
+  padding-inline-start: var(--pf-t--global--spacer--sm);
+  padding-inline-end: var(--pf-t--global--spacer--sm);
 }
 .pf-v6-c-masthead.pf-m-inset-md {
-  padding-inline-start: var(--pf-v6-global--spacer--md);
-  padding-inline-end: var(--pf-v6-global--spacer--md);
+  padding-inline-start: var(--pf-t--global--spacer--md);
+  padding-inline-end: var(--pf-t--global--spacer--md);
 }
 .pf-v6-c-masthead.pf-m-inset-lg {
-  padding-inline-start: var(--pf-v6-global--spacer--lg);
-  padding-inline-end: var(--pf-v6-global--spacer--lg);
+  padding-inline-start: var(--pf-t--global--spacer--lg);
+  padding-inline-end: var(--pf-t--global--spacer--lg);
 }
 .pf-v6-c-masthead.pf-m-inset-xl {
-  padding-inline-start: var(--pf-v6-global--spacer--xl);
-  padding-inline-end: var(--pf-v6-global--spacer--xl);
+  padding-inline-start: var(--pf-t--global--spacer--xl);
+  padding-inline-end: var(--pf-t--global--spacer--xl);
 }
 .pf-v6-c-masthead.pf-m-inset-2xl {
-  padding-inline-start: var(--pf-v6-global--spacer--2xl);
-  padding-inline-end: var(--pf-v6-global--spacer--2xl);
+  padding-inline-start: var(--pf-t--global--spacer--2xl);
+  padding-inline-end: var(--pf-t--global--spacer--2xl);
 }
 @media (min-width: 576px) {
   .pf-v6-c-masthead.pf-m-display-stack-on-sm {
@@ -240,24 +240,24 @@
   padding-inline-end: 0;
 }
 .pf-v6-c-masthead.pf-m-inset-sm {
-  padding-inline-start: var(--pf-v6-global--spacer--sm);
-  padding-inline-end: var(--pf-v6-global--spacer--sm);
+  padding-inline-start: var(--pf-t--global--spacer--sm);
+  padding-inline-end: var(--pf-t--global--spacer--sm);
 }
 .pf-v6-c-masthead.pf-m-inset-md {
-  padding-inline-start: var(--pf-v6-global--spacer--md);
-  padding-inline-end: var(--pf-v6-global--spacer--md);
+  padding-inline-start: var(--pf-t--global--spacer--md);
+  padding-inline-end: var(--pf-t--global--spacer--md);
 }
 .pf-v6-c-masthead.pf-m-inset-lg {
-  padding-inline-start: var(--pf-v6-global--spacer--lg);
-  padding-inline-end: var(--pf-v6-global--spacer--lg);
+  padding-inline-start: var(--pf-t--global--spacer--lg);
+  padding-inline-end: var(--pf-t--global--spacer--lg);
 }
 .pf-v6-c-masthead.pf-m-inset-xl {
-  padding-inline-start: var(--pf-v6-global--spacer--xl);
-  padding-inline-end: var(--pf-v6-global--spacer--xl);
+  padding-inline-start: var(--pf-t--global--spacer--xl);
+  padding-inline-end: var(--pf-t--global--spacer--xl);
 }
 .pf-v6-c-masthead.pf-m-inset-2xl {
-  padding-inline-start: var(--pf-v6-global--spacer--2xl);
-  padding-inline-end: var(--pf-v6-global--spacer--2xl);
+  padding-inline-start: var(--pf-t--global--spacer--2xl);
+  padding-inline-end: var(--pf-t--global--spacer--2xl);
 }
 @media (min-width: 768px) {
   .pf-v6-c-masthead.pf-m-display-stack-on-md {
@@ -284,24 +284,24 @@
   padding-inline-end: 0;
 }
 .pf-v6-c-masthead.pf-m-inset-sm {
-  padding-inline-start: var(--pf-v6-global--spacer--sm);
-  padding-inline-end: var(--pf-v6-global--spacer--sm);
+  padding-inline-start: var(--pf-t--global--spacer--sm);
+  padding-inline-end: var(--pf-t--global--spacer--sm);
 }
 .pf-v6-c-masthead.pf-m-inset-md {
-  padding-inline-start: var(--pf-v6-global--spacer--md);
-  padding-inline-end: var(--pf-v6-global--spacer--md);
+  padding-inline-start: var(--pf-t--global--spacer--md);
+  padding-inline-end: var(--pf-t--global--spacer--md);
 }
 .pf-v6-c-masthead.pf-m-inset-lg {
-  padding-inline-start: var(--pf-v6-global--spacer--lg);
-  padding-inline-end: var(--pf-v6-global--spacer--lg);
+  padding-inline-start: var(--pf-t--global--spacer--lg);
+  padding-inline-end: var(--pf-t--global--spacer--lg);
 }
 .pf-v6-c-masthead.pf-m-inset-xl {
-  padding-inline-start: var(--pf-v6-global--spacer--xl);
-  padding-inline-end: var(--pf-v6-global--spacer--xl);
+  padding-inline-start: var(--pf-t--global--spacer--xl);
+  padding-inline-end: var(--pf-t--global--spacer--xl);
 }
 .pf-v6-c-masthead.pf-m-inset-2xl {
-  padding-inline-start: var(--pf-v6-global--spacer--2xl);
-  padding-inline-end: var(--pf-v6-global--spacer--2xl);
+  padding-inline-start: var(--pf-t--global--spacer--2xl);
+  padding-inline-end: var(--pf-t--global--spacer--2xl);
 }
 @media (min-width: 992px) {
   .pf-v6-c-masthead.pf-m-display-stack-on-lg {
@@ -328,24 +328,24 @@
   padding-inline-end: 0;
 }
 .pf-v6-c-masthead.pf-m-inset-sm {
-  padding-inline-start: var(--pf-v6-global--spacer--sm);
-  padding-inline-end: var(--pf-v6-global--spacer--sm);
+  padding-inline-start: var(--pf-t--global--spacer--sm);
+  padding-inline-end: var(--pf-t--global--spacer--sm);
 }
 .pf-v6-c-masthead.pf-m-inset-md {
-  padding-inline-start: var(--pf-v6-global--spacer--md);
-  padding-inline-end: var(--pf-v6-global--spacer--md);
+  padding-inline-start: var(--pf-t--global--spacer--md);
+  padding-inline-end: var(--pf-t--global--spacer--md);
 }
 .pf-v6-c-masthead.pf-m-inset-lg {
-  padding-inline-start: var(--pf-v6-global--spacer--lg);
-  padding-inline-end: var(--pf-v6-global--spacer--lg);
+  padding-inline-start: var(--pf-t--global--spacer--lg);
+  padding-inline-end: var(--pf-t--global--spacer--lg);
 }
 .pf-v6-c-masthead.pf-m-inset-xl {
-  padding-inline-start: var(--pf-v6-global--spacer--xl);
-  padding-inline-end: var(--pf-v6-global--spacer--xl);
+  padding-inline-start: var(--pf-t--global--spacer--xl);
+  padding-inline-end: var(--pf-t--global--spacer--xl);
 }
 .pf-v6-c-masthead.pf-m-inset-2xl {
-  padding-inline-start: var(--pf-v6-global--spacer--2xl);
-  padding-inline-end: var(--pf-v6-global--spacer--2xl);
+  padding-inline-start: var(--pf-t--global--spacer--2xl);
+  padding-inline-end: var(--pf-t--global--spacer--2xl);
 }
 @media (min-width: 1200px) {
   .pf-v6-c-masthead.pf-m-display-stack-on-xl {
@@ -372,24 +372,24 @@
   padding-inline-end: 0;
 }
 .pf-v6-c-masthead.pf-m-inset-sm {
-  padding-inline-start: var(--pf-v6-global--spacer--sm);
-  padding-inline-end: var(--pf-v6-global--spacer--sm);
+  padding-inline-start: var(--pf-t--global--spacer--sm);
+  padding-inline-end: var(--pf-t--global--spacer--sm);
 }
 .pf-v6-c-masthead.pf-m-inset-md {
-  padding-inline-start: var(--pf-v6-global--spacer--md);
-  padding-inline-end: var(--pf-v6-global--spacer--md);
+  padding-inline-start: var(--pf-t--global--spacer--md);
+  padding-inline-end: var(--pf-t--global--spacer--md);
 }
 .pf-v6-c-masthead.pf-m-inset-lg {
-  padding-inline-start: var(--pf-v6-global--spacer--lg);
-  padding-inline-end: var(--pf-v6-global--spacer--lg);
+  padding-inline-start: var(--pf-t--global--spacer--lg);
+  padding-inline-end: var(--pf-t--global--spacer--lg);
 }
 .pf-v6-c-masthead.pf-m-inset-xl {
-  padding-inline-start: var(--pf-v6-global--spacer--xl);
-  padding-inline-end: var(--pf-v6-global--spacer--xl);
+  padding-inline-start: var(--pf-t--global--spacer--xl);
+  padding-inline-end: var(--pf-t--global--spacer--xl);
 }
 .pf-v6-c-masthead.pf-m-inset-2xl {
-  padding-inline-start: var(--pf-v6-global--spacer--2xl);
-  padding-inline-end: var(--pf-v6-global--spacer--2xl);
+  padding-inline-start: var(--pf-t--global--spacer--2xl);
+  padding-inline-end: var(--pf-t--global--spacer--2xl);
 }
 @media (min-width: 1450px) {
   .pf-v6-c-masthead.pf-m-display-stack-on-2xl {
@@ -416,22 +416,22 @@
   padding-inline-end: 0;
 }
 .pf-v6-c-masthead.pf-m-inset-sm {
-  padding-inline-start: var(--pf-v6-global--spacer--sm);
-  padding-inline-end: var(--pf-v6-global--spacer--sm);
+  padding-inline-start: var(--pf-t--global--spacer--sm);
+  padding-inline-end: var(--pf-t--global--spacer--sm);
 }
 .pf-v6-c-masthead.pf-m-inset-md {
-  padding-inline-start: var(--pf-v6-global--spacer--md);
-  padding-inline-end: var(--pf-v6-global--spacer--md);
+  padding-inline-start: var(--pf-t--global--spacer--md);
+  padding-inline-end: var(--pf-t--global--spacer--md);
 }
 .pf-v6-c-masthead.pf-m-inset-lg {
-  padding-inline-start: var(--pf-v6-global--spacer--lg);
-  padding-inline-end: var(--pf-v6-global--spacer--lg);
+  padding-inline-start: var(--pf-t--global--spacer--lg);
+  padding-inline-end: var(--pf-t--global--spacer--lg);
 }
 .pf-v6-c-masthead.pf-m-inset-xl {
-  padding-inline-start: var(--pf-v6-global--spacer--xl);
-  padding-inline-end: var(--pf-v6-global--spacer--xl);
+  padding-inline-start: var(--pf-t--global--spacer--xl);
+  padding-inline-end: var(--pf-t--global--spacer--xl);
 }
 .pf-v6-c-masthead.pf-m-inset-2xl {
-  padding-inline-start: var(--pf-v6-global--spacer--2xl);
-  padding-inline-end: var(--pf-v6-global--spacer--2xl);
+  padding-inline-start: var(--pf-t--global--spacer--2xl);
+  padding-inline-end: var(--pf-t--global--spacer--2xl);
 }

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);
@@ -107,6 +107,13 @@
   --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
   --pf-v6-c-menu-toggle--m-small--PaddingTop: var(--pf-t--global--spacer--xs);
   --pf-v6-c-menu-toggle--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
+  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
+  --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
+  --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
+  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
+  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
 }
 
 .pf-v6-c-menu-toggle {
@@ -241,6 +248,18 @@
 .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
   background-color: transparent;
 }
+.pf-v6-c-menu-toggle.pf-m-success {
+  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
+  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
+}
+.pf-v6-c-menu-toggle.pf-m-warning {
+  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-warning--BorderColor);
+  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-warning__status-icon--Color);
+}
+.pf-v6-c-menu-toggle.pf-m-danger {
+  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
+  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
+}
 
 .pf-v6-c-menu-toggle.pf-m-split-button {
   --pf-v6-c-menu-toggle--ColumnGap: 0;
@@ -381,4 +400,9 @@
 .pf-v6-c-menu-toggle__toggle-icon {
   min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
   color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
+}
+
+.pf-v6-c-menu-toggle__status-icon {
+  margin-inline-end: var(--pf-v6-c-menu-toggle__status-icon--MarginInlineEnd);
+  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
 }

package/css/components/MenuToggle/menu-toggle.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
   "menuToggleControls": "pf-v6-c-menu-toggle__controls",
   "menuToggleCount": "pf-v6-c-menu-toggle__count",
   "menuToggleIcon": "pf-v6-c-menu-toggle__icon",
+  "menuToggleStatusIcon": "pf-v6-c-menu-toggle__status-icon",
   "menuToggleText": "pf-v6-c-menu-toggle__text",
   "menuToggleToggleIcon": "pf-v6-c-menu-toggle__toggle-icon",
   "modifiers": {
@@ -20,6 +21,9 @@ declare const _default: {
     "active": "pf-m-active",
     "disabled": "pf-m-disabled",
     "small": "pf-m-small",
+    "success": "pf-m-success",
+    "warning": "pf-m-warning",
+    "danger": "pf-m-danger",
     "splitButton": "pf-m-split-button",
     "action": "pf-m-action",
     "typeahead": "pf-m-typeahead"

package/css/components/MenuToggle/menu-toggle.js

@@ -10,6 +10,7 @@ exports.default = {
   "menuToggleControls": "pf-v6-c-menu-toggle__controls",
   "menuToggleCount": "pf-v6-c-menu-toggle__count",
   "menuToggleIcon": "pf-v6-c-menu-toggle__icon",
+  "menuToggleStatusIcon": "pf-v6-c-menu-toggle__status-icon",
   "menuToggleText": "pf-v6-c-menu-toggle__text",
   "menuToggleToggleIcon": "pf-v6-c-menu-toggle__toggle-icon",
   "modifiers": {
@@ -22,6 +23,9 @@ exports.default = {
     "active": "pf-m-active",
     "disabled": "pf-m-disabled",
     "small": "pf-m-small",
+    "success": "pf-m-success",
+    "warning": "pf-m-warning",
+    "danger": "pf-m-danger",
     "splitButton": "pf-m-split-button",
     "action": "pf-m-action",
     "typeahead": "pf-m-typeahead"

package/css/components/MenuToggle/menu-toggle.mjs

@@ -8,6 +8,7 @@ export default {
   "menuToggleControls": "pf-v6-c-menu-toggle__controls",
   "menuToggleCount": "pf-v6-c-menu-toggle__count",
   "menuToggleIcon": "pf-v6-c-menu-toggle__icon",
+  "menuToggleStatusIcon": "pf-v6-c-menu-toggle__status-icon",
   "menuToggleText": "pf-v6-c-menu-toggle__text",
   "menuToggleToggleIcon": "pf-v6-c-menu-toggle__toggle-icon",
   "modifiers": {
@@ -20,6 +21,9 @@ export default {
     "active": "pf-m-active",
     "disabled": "pf-m-disabled",
     "small": "pf-m-small",
+    "success": "pf-m-success",
+    "warning": "pf-m-warning",
+    "danger": "pf-m-danger",
     "splitButton": "pf-m-split-button",
     "action": "pf-m-action",
     "typeahead": "pf-m-typeahead"

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;
@@ -81,7 +81,6 @@
 }
 
 .pf-v6-c-nav {
-  --pf-v6-c-menu--MinWidth: 100%;
   position: relative;
   row-gap: var(--pf-v6-c-nav--RowGap);
   column-gap: var(--pf-v6-c-nav--ColumnGap);
@@ -104,6 +103,9 @@
 .pf-v6-c-nav.pf-m-fill {
   flex-grow: 1;
 }
+.pf-v6-c-nav .pf-v6-c-menu {
+  --pf-v6-c-menu--MinWidth: 100%;
+}
 
 [class^=pf-v6-c-nav][hidden] {
   display: none;

package/css/components/Nav/nav.d.ts

@@ -2,6 +2,7 @@ import './nav.css';
 declare const _default: {
   "button": "pf-v6-c-button",
   "dirRtl": "pf-v6-m-dir-rtl",
+  "menu": "pf-v6-c-menu",
   "modifiers": {
     "overflowHidden": "pf-m-overflow-hidden",
     "fullWidth": "pf-m-full-width",

package/css/components/Nav/nav.js

@@ -4,6 +4,7 @@ require('./nav.css');
 exports.default = {
   "button": "pf-v6-c-button",
   "dirRtl": "pf-v6-m-dir-rtl",
+  "menu": "pf-v6-c-menu",
   "modifiers": {
     "overflowHidden": "pf-m-overflow-hidden",
     "fullWidth": "pf-m-full-width",

package/css/components/Nav/nav.mjs

@@ -2,6 +2,7 @@ import './nav.css';
 export default {
   "button": "pf-v6-c-button",
   "dirRtl": "pf-v6-m-dir-rtl",
+  "menu": "pf-v6-c-menu",
   "modifiers": {
     "overflowHidden": "pf-m-overflow-hidden",
     "fullWidth": "pf-m-full-width",

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;