@patternfly/patternfly 6.0.0-alpha.115 → 6.0.0-alpha.117

package/patternfly-theme-dark-unversioned.css

@@ -282,12 +282,12 @@
   --pf-v6-global--spacer--form-element: 0.375rem;
   --pf-v6-global--gutter: 1rem;
   --pf-v6-global--gutter--md: 1.5rem;
-  --pf-t--global--Zindex--xs: 100;
-  --pf-t--global--Zindex--sm: 200;
-  --pf-t--global--Zindex--md: 300;
-  --pf-t--global--Zindex--lg: 400;
-  --pf-t--global--Zindex--xl: 500;
-  --pf-t--global--Zindex--2xl: 600;
+  --pf-t--global--z-index--xs: 100;
+  --pf-t--global--z-index--sm: 200;
+  --pf-t--global--z-index--md: 300;
+  --pf-t--global--z-index--lg: 400;
+  --pf-t--global--z-index--xl: 500;
+  --pf-t--global--z-index--2xl: 600;
   --pf-v6-global--breakpoint--xs: 0;
   --pf-v6-global--breakpoint--sm: 576px;
   --pf-v6-global--breakpoint--md: 768px;
@@ -350,7 +350,7 @@
   --pf-v6-global--ListStyle: disc outside;
   --pf-t--global--transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
   --pf-t--global--transition--timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-  --pf-t--global--transitionDuration: 250ms;
+  --pf-t--global--transition--duration: 250ms;
   --pf-v6-global--arrow--width: 0.9375rem;
   --pf-v6-global--arrow--width-lg: 1.5625rem;
   --pf-v6-global--target-size--MinWidth: 44px;
@@ -593,12 +593,12 @@ html .ws-preview {
   --pf-t--global--box-shadow--X--300: -1px;
   --pf-t--global--box-shadow--X--200: -4px;
   --pf-t--global--box-shadow--X--100: -8px;
-  --pf-t--global--Zindex--600: 600;
-  --pf-t--global--Zindex--500: 500;
-  --pf-t--global--Zindex--400: 400;
-  --pf-t--global--Zindex--300: 300;
-  --pf-t--global--Zindex--200: 200;
-  --pf-t--global--Zindex--100: 100;
+  --pf-t--global--z-index--600: 600;
+  --pf-t--global--z-index--500: 500;
+  --pf-t--global--z-index--400: 400;
+  --pf-t--global--z-index--300: 300;
+  --pf-t--global--z-index--200: 200;
+  --pf-t--global--z-index--100: 100;
   --pf-t--global--font--size--800: 36px;
   --pf-t--global--font--size--700: 28px;
   --pf-t--global--font--size--600: 22px;
@@ -732,12 +732,12 @@ html .ws-preview {
   --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
   --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
   --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
-  --pf-t--global--Zindex--2xl: 600;
-  --pf-t--global--Zindex--xl: 500;
-  --pf-t--global--Zindex--lg: 400;
-  --pf-t--global--Zindex--md: 300;
-  --pf-t--global--Zindex--sm: 200;
-  --pf-t--global--Zindex--xs: 100;
+  --pf-t--global--z-index--2xl: 600;
+  --pf-t--global--z-index--xl: 500;
+  --pf-t--global--z-index--lg: 400;
+  --pf-t--global--z-index--md: 300;
+  --pf-t--global--z-index--sm: 200;
+  --pf-t--global--z-index--xs: 100;
   --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
   --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
   --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
@@ -6489,7 +6489,7 @@ button) {
   --pf-v6-c-about-modal-box__brand--sm--PaddingRight: var(--pf-t--global--spacer--3xl);
   --pf-v6-c-about-modal-box__brand--sm--PaddingLeft: var(--pf-t--global--spacer--3xl);
   --pf-v6-c-about-modal-box__brand--sm--PaddingBottom: var(--pf-t--global--spacer--3xl);
-  --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--Zindex--2xl);
+  --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
   --pf-v6-c-about-modal-box__close--PaddingTop: var(--pf-t--global--spacer--2xl);
   --pf-v6-c-about-modal-box__close--PaddingRight: var(--pf-t--global--spacer--xl);
   --pf-v6-c-about-modal-box__close--PaddingBottom: var(--pf-t--global--spacer--xl);
@@ -7056,7 +7056,7 @@ button) {
   --pf-v6-c-alert-group--m-toast--Top: var(--pf-t--global--spacer--2xl);
   --pf-v6-c-alert-group--m-toast--Right: var(--pf-t--global--spacer--xl);
   --pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
-  --pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--Zindex--2xl);
+  --pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--z-index--2xl);
   --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
   --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
   --pf-v6-c-alert-group__overflow-button--PaddingTop: var(--pf-t--global--spacer--md);
@@ -7119,7 +7119,7 @@ button) {
   --pf-v6-c-app-launcher__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
   --pf-v6-c-app-launcher__menu--PaddingBottom: var(--pf-v6-global--spacer--sm);
   --pf-v6-c-app-launcher__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
-  --pf-v6-c-app-launcher__menu--ZIndex: var(--pf-t--global--Zindex--sm);
+  --pf-v6-c-app-launcher__menu--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-app-launcher--m-top__menu--Top: 0;
   --pf-v6-c-app-launcher--m-top__menu--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));
   --pf-v6-c-app-launcher__toggle--PaddingTop: var(--pf-v6-global--spacer--form-element);
@@ -7610,7 +7610,7 @@ button) {
 :root,
 .pf-v6-c-backdrop {
   --pf-v6-c-backdrop--Position: fixed;
-  --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--Zindex--lg);
+  --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
   --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
 }
 
@@ -7753,7 +7753,7 @@ button) {
   --pf-v6-c-banner--link--hover--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v6-c-banner--link--disabled--Color: var(--pf-v6-c-banner--Color);
   --pf-v6-c-banner--link--disabled--TextDecoration: none;
-  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--Zindex--md);
+  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
   --pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
   --pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
   --pf-v6-c-banner--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
@@ -8268,7 +8268,7 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button__progress--Left: var(--pf-t--global--spacer--md);
   --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
   --pf-v6-c-button--m-progress--TransitionProperty: padding;
-  --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-t--global--transitionDuration);
+  --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-t--global--transition--duration);
   --pf-v6-c-button--m-progress--PaddingRight: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
   --pf-v6-c-button--m-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
   --pf-v6-c-button--m-in-progress--PaddingRight: var(--pf-t--global--spacer--md);
@@ -10056,7 +10056,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
   --pf-v6-c-context-selector--m-plain__toggle-icon--Color: var(--pf-v6-global--Color--200);
   --pf-v6-c-context-selector--m-plain--hover__toggle-icon--Color: var(--pf-v6-global--Color--100);
   --pf-v6-c-context-selector__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
-  --pf-v6-c-context-selector__menu--ZIndex: var(--pf-t--global--Zindex--sm);
+  --pf-v6-c-context-selector__menu--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-context-selector__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
   --pf-v6-c-context-selector__menu--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-100);
   --pf-v6-c-context-selector__menu--BoxShadow: var(--pf-v6-global--BoxShadow--md);
@@ -11883,10 +11883,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
   --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
   --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
-  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
   --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
-  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
   --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-toolbar--m-page-insets--inset: var(--pf-v6-c-page--inset);
@@ -14602,7 +14602,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
   --pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
   --pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
   --pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
-  --pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--Zindex--sm);
+  --pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-date-picker__calendar--Top: calc(100% + var(--pf-t--global--spacer--xs));
   --pf-v6-c-date-picker__calendar--Right: auto;
   --pf-v6-c-date-picker__calendar--Left: 0;
@@ -14919,10 +14919,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
   --pf-v6-c-drawer__content--BackgroundColor: transparent;
   --pf-v6-c-drawer__content--m-primary--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-drawer__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
-  --pf-v6-c-drawer__content--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-drawer__content--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-drawer__panel--MinWidth: 50%;
   --pf-v6-c-drawer__panel--MaxHeight: auto;
-  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--Zindex--sm);
+  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
   --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
@@ -15852,7 +15852,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
   --pf-v6-c-dropdown__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
   --pf-v6-c-dropdown__menu--PaddingBottom: var(--pf-v6-global--spacer--sm);
   --pf-v6-c-dropdown__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
-  --pf-v6-c-dropdown__menu--ZIndex: var(--pf-t--global--Zindex--sm);
+  --pf-v6-c-dropdown__menu--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-dropdown--m-top__menu--Top: 0;
   --pf-v6-c-dropdown--m-top__menu--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));
   --pf-v6-c-dropdown__menu-item--BackgroundColor: transparent;
@@ -15889,7 +15889,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
   --pf-v6-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft: var(--pf-v6-global--spacer--xs);
   --pf-v6-c-dropdown__toggle--c-badge__toggle-icon--MarginRight: 0;
   --pf-v6-c-dropdown--c-menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
-  --pf-v6-c-dropdown--c-menu--ZIndex: var(--pf-t--global--Zindex--sm);
+  --pf-v6-c-dropdown--c-menu--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-dropdown--m-top--c-menu--Top: 0;
   --pf-v6-c-dropdown--m-top--c-menu--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));
   --pf-v6-c-dropdown--m-full-height__toggle--before--BorderTopWidth: 0;
@@ -20057,7 +20057,7 @@ ul.pf-v6-c-list {
   --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;
@@ -20120,22 +20120,22 @@ ul.pf-v6-c-list {
   --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-t--global--transitionDuration);
-  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--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-t--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-t--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,
@@ -20525,7 +20525,7 @@ ul.pf-v6-c-list {
   --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);
@@ -20923,7 +20923,7 @@ ul.pf-v6-c-list {
   --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-t--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;
@@ -21712,7 +21712,7 @@ ul.pf-v6-c-list {
   --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);
@@ -21721,7 +21721,7 @@ ul.pf-v6-c-list {
   --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);
@@ -22023,7 +22023,7 @@ ul.pf-v6-c-list {
   --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-t--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;
@@ -22307,7 +22307,7 @@ ul.pf-v6-c-list {
   --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-t--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);
@@ -22332,7 +22332,7 @@ ul.pf-v6-c-list {
   --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-t--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;
@@ -22361,7 +22361,7 @@ ul.pf-v6-c-list {
   --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-t--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);
@@ -22371,7 +22371,7 @@ ul.pf-v6-c-list {
   --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);
@@ -22380,14 +22380,14 @@ ul.pf-v6-c-list {
   --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-t--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-t--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-t--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-t--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;
@@ -22398,8 +22398,8 @@ ul.pf-v6-c-list {
   --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;
@@ -23547,7 +23547,7 @@ ul.pf-v6-c-list {
   --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);
@@ -24054,7 +24054,7 @@ ul.pf-v6-c-list {
   --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);
@@ -24766,7 +24766,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --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-t--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));
@@ -25337,7 +25337,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-sidebar__panel--md--FlexBasis: 15.625rem;
   --pf-v6-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
   --pf-v6-c-sidebar__panel--m-stack--FlexBasis: auto;
-  --pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v6-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -25859,7 +25859,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
 }
 :root {
   --pf-v6-c-skip-to-content--Top: var(--pf-t--global--spacer--md);
-  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--Zindex--2xl);
+  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
   --pf-v6-c-skip-to-content--focus--Left: var(--pf-t--global--spacer--md);
 }
 
@@ -25927,7 +25927,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-slider__value--m-floating--TranslateX: -50%;
   --pf-v6-c-slider__value--m-floating--TranslateY: -100%;
   --pf-v6-c-slider__value--m-floating--Left: var(--pf-v6-c-slider--value);
-  --pf-v6-c-slider__value--m-floating--ZIndex: var(--pf-t--global--Zindex--sm);
+  --pf-v6-c-slider__value--m-floating--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-slider__actions--MarginRight: var(--pf-t--global--spacer--sm);
   --pf-v6-c-slider__main--actions--MarginLeft: var(--pf-t--global--spacer--sm);
   --pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
@@ -28142,9 +28142,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-table__nested-column-header__button--PaddingLeft: calc(var(--pf-v6-c-table__button--PaddingLeft) - var(--pf-t--global--spacer--sm));
   --pf-v6-c-table__nested-column-header__button--PaddingRight: calc(var(--pf-v6-c-table__button--PaddingRight) - var(--pf-t--global--spacer--xs));
   --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
-  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--Zindex--xs);
-  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--Zindex--xs) + 1);
-  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--Zindex--xs) + 2);
+  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
+  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
+  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
 }
 
 .pf-v6-c-table {
@@ -28820,7 +28820,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 :where(.pf-v6-c-table) {
   --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
   --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
-  --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-table__sticky-cell--Right: auto;
   --pf-v6-c-table__sticky-cell--Left: auto;
   --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -29728,7 +29728,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
-  --pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--Zindex--sm);
+  --pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-tabs__link--Color: var(--pf-t--global--text--color--subtle);
   --pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
   --pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
@@ -30933,7 +30933,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --pf-v6-c-toggle-group__button--ZIndex: auto;
   --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
-  --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
@@ -30947,12 +30947,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
   --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
   --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
   --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
   --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-toggle-group--m-compact__button--PaddingTop: 0;
   --pf-v6-c-toggle-group--m-compact__button--PaddingRight: var(--pf-t--global--spacer--sm);
   --pf-v6-c-toggle-group--m-compact__button--PaddingBottom: 0;
@@ -31308,7 +31308,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-v6-c-tree-view--m-guides--guide-color--base);
   --pf-v6-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-v6-c-tree-view--m-guides__node--before--Top);
   --pf-v6-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-v6-c-tree-view--m-guides__list-item--last-child--before--Top);
-  --pf-v6-c-tree-view--m-guides__list-item--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-tree-view--m-guides__list-item--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-tree-view--m-guides__node--before--Width: 1rem;
   --pf-v6-c-tree-view--m-guides__node--before--Height: var(--pf-v6-c-tree-view--m-guides--guide-width--base);
   --pf-v6-c-tree-view--m-guides__node--before--Top: 1.125rem;
@@ -31759,7 +31759,7 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
   --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
   --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-t--global--background--color--primary--default);
-  --pf-v6-c-wizard__toggle--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-wizard__toggle--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-wizard__toggle--PaddingTop: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__toggle--PaddingRight: var(--pf-t--global--spacer--md);
   --pf-v6-c-wizard__toggle--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -31776,7 +31776,7 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
   --pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
-  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
   --pf-v6-c-wizard__nav--Width: 100%;
@@ -31799,7 +31799,7 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-c-wizard__main-body--PaddingBottom: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__main-body--PaddingLeft: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
-  --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-wizard__footer--PaddingTop: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__footer--PaddingRight: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__footer--PaddingBottom: var(--pf-t--global--spacer--md);