@patternfly/patternfly 6.0.0-alpha.122 → 6.0.0-alpha.124

package/patternfly.css

@@ -4932,11 +4932,8 @@ h6) {
   vertical-align: -0.125em;
 }
 
-html .ws-preview {
-  background-color: var(--pf-t--global--background--color--primary--default);
-}
-
-:root {
+:where(:root) {
+  --pf-v6-global--inverse--multiplier: 1;
   --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
   --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
   --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
@@ -5066,9 +5063,6 @@ html .ws-preview {
   --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
   --pf-t--global--transition--duration: 250ms;
   --pf-t--global--list-style: disc outside;
-}
-
-:root {
   --pf-t--color--red--70: #5f0000;
   --pf-t--color--red--60: #a60000;
   --pf-t--color--red--50: #e00;
@@ -5137,9 +5131,6 @@ html .ws-preview {
   --pf-t--color--gray--20: #e0e0e0;
   --pf-t--color--gray--10: #f2f2f2;
   --pf-t--color--white: #fff;
-}
-
-:root {
   --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
   --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
   --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
@@ -5234,6 +5225,12 @@ html .ws-preview {
   --pf-t--global--color--nonstatus--red--300: var(--pf-t--color--red--40);
   --pf-t--global--color--nonstatus--red--200: var(--pf-t--color--red--30);
   --pf-t--global--color--nonstatus--red--100: var(--pf-t--color--red--20);
+  --pf-t--global--color--severity--critical--100: var(--pf-t--color--red-orange--60);
+  --pf-t--global--color--severity--important--100: var(--pf-t--color--orange--50);
+  --pf-t--global--color--severity--moderate--100: var(--pf-t--color--yellow--40);
+  --pf-t--global--color--severity--minor--100: var(--pf-t--color--gray--50);
+  --pf-t--global--color--severity--none--100: var(--pf-t--color--blue--40);
+  --pf-t--global--color--severity--undefined--100: var(--pf-t--color--gray--30);
   --pf-t--global--color--status--custom--200: var(--pf-t--color--teal--70);
   --pf-t--global--color--status--custom--100: var(--pf-t--color--teal--60);
   --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
@@ -5302,12 +5299,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--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--z-index--2xl: var(--pf-t--global--z-index--600);
+  --pf-t--global--z-index--xl: var(--pf-t--global--z-index--500);
+  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
+  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
+  --pf-t--global--z-index--sm: var(--pf-t--global--z-index--200);
+  --pf-t--global--z-index--xs: var(--pf-t--global--z-index--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);
@@ -5374,6 +5371,7 @@ html .ws-preview {
   --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
   --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
   --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
+  --pf-t--global--text--color--on-highlight: var(--pf-t--global--text--color--100);
   --pf-t--global--text--color--required: var(--pf-t--global--text--color--400);
   --pf-t--global--text--color--on-disabled: var(--pf-t--global--color--disabled--300);
   --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
@@ -5483,12 +5481,19 @@ html .ws-preview {
   --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--300);
   --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--200);
   --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--300);
+  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
   --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
   --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
   --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
   --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
   --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
   --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
+  --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--color--severity--critical--100);
+  --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--100);
+  --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--100);
+  --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--100);
+  --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--100);
+  --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--100);
   --pf-t--global--icon--color--on-disabled: var(--pf-t--global--color--disabled--300);
   --pf-t--global--icon--color--disabled: var(--pf-t--global--color--disabled--200);
   --pf-t--global--icon--color--inverse: var(--pf-t--global--icon--color--300);
@@ -5573,15 +5578,14 @@ html .ws-preview {
   --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
   --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
   --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
-  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
   --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
+  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
   --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
   --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
   --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
   --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
   --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
   --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
-  --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
   --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
   --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
   --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -5678,7 +5682,7 @@ html .ws-preview {
   --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
 }
 
-:root:where(.pf-v6-theme-dark) {
+:where(.pf-v6-theme-dark) {
   --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
   --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
   --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
@@ -5740,6 +5744,12 @@ html .ws-preview {
   --pf-t--global--dark--color--status--warning--100: var(--pf-t--color--yellow--30);
   --pf-t--global--dark--color--status--success--200: var(--pf-t--color--green--30);
   --pf-t--global--dark--color--status--success--100: var(--pf-t--color--green--40);
+  --pf-t--global--dark--color--severity--critical--100: var(--pf-t--color--red-orange--50);
+  --pf-t--global--dark--color--severity--important--100: var(--pf-t--color--orange--40);
+  --pf-t--global--dark--color--severity--moderate--100: var(--pf-t--color--yellow--30);
+  --pf-t--global--dark--color--severity--minor--100: var(--pf-t--color--gray--30);
+  --pf-t--global--dark--color--severity--none--100: var(--pf-t--color--blue--30);
+  --pf-t--global--dark--color--severity--undefined--100: var(--pf-t--color--gray--40);
   --pf-t--global--dark--color--favorite--200: var(--pf-t--color--yellow--20);
   --pf-t--global--dark--color--favorite--100: var(--pf-t--color--yellow--30);
   --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
@@ -5757,6 +5767,7 @@ html .ws-preview {
   --pf-t--global--text--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--300);
   --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
   --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
+  --pf-t--global--text--color--on-highlight: var(--pf-t--global--dark--text--color--300);
   --pf-t--global--text--color--required: var(--pf-t--global--dark--text--color--400);
   --pf-t--global--text--color--brand--clicked: var(--pf-t--global--dark--color--brand--300);
   --pf-t--global--text--color--brand--hover: var(--pf-t--global--dark--color--brand--300);
@@ -5797,9 +5808,16 @@ html .ws-preview {
   --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--dark--color--nonstatus--red--200);
   --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--dark--color--nonstatus--red--100);
   --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
+  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
   --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
   --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
   --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
+  --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--100);
+  --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--dark--color--severity--important--100);
+  --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--dark--color--severity--moderate--100);
+  --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--dark--color--severity--minor--100);
+  --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--dark--color--severity--none--100);
+  --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--dark--color--severity--undefined--100);
   --pf-t--global--icon--color--on-disabled: var(--pf-t--global--dark--color--disabled--300);
   --pf-t--global--icon--color--disabled: var(--pf-t--global--dark--color--disabled--200);
   --pf-t--global--icon--color--inverse: var(--pf-t--global--dark--icon--color--300);
@@ -5937,7 +5955,6 @@ html .ws-preview {
   --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
   --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
   --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
-  --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
   --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
   --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
   --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -6027,18 +6044,14 @@ html .ws-preview {
   --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
   --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
   --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
-  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
   --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
+  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
   --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
   --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
   --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
   --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
 }
 
-:where(:root) {
-  --pf-v6-global--inverse--multiplier: 1;
-}
-
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) {
   --pf-v6-global--inverse--multiplier: -1;
 }
@@ -10304,7 +10317,7 @@ ol) {
   --pf-v6-c-data-list--FontSize: var( --pf-t--global--font--size--body);
   --pf-v6-c-data-list--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
   --pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
   --pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
@@ -10313,7 +10326,7 @@ ol) {
   --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
   --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
   --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
   --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
   --pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -21939,32 +21952,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --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--z-index--md);
-  --pf-v6-c-page__header--MinHeight: 4.75rem;
-  --pf-v6-c-page__header-brand--PaddingInlineStart: var(--pf-t--global--spacer--md);
-  --pf-v6-c-page__header-brand--xl--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-page__header-brand--xl--PaddingInlineStart: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-page__header-sidebar-toggle__c-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-page__header-sidebar-toggle__c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-page__header-sidebar-toggle__c-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-page__header-sidebar-toggle__c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-page__header-sidebar-toggle__c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
-  --pf-v6-c-page__header-sidebar-toggle__c-button--MarginInlineStart: calc(var(--pf-v6-c-page__header-sidebar-toggle__c-button--PaddingInlineStart) * -1);
-  --pf-v6-c-page__header-sidebar-toggle__c-button--FontSize: var(--pf-t--global--icon--size--lg);
-  --pf-v6-c-page__header-brand-link--c-brand--MaxHeight: 3.75rem;
-  --pf-v6-c-page__header-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
-  --pf-v6-c-page__header-nav--xl--BackgroundColor: transparent;
-  --pf-v6-c-page__header-nav--xl--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-page__header-nav--xl--PaddingInlineStart: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-page__header-tools--MarginInlineEnd: var(--pf-t--global--spacer--md);
-  --pf-v6-c-page__header-tools--xl--MarginInlineEnd: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-page__header-tools--c-avatar--MarginInlineStart: var(--pf-t--global--spacer--md);
-  --pf-v6-c-page__header-tools-group--MarginInlineStart: var(--pf-t--global--spacer--xl);
-  --pf-v6-c-page__header-tools-group--Display: flex;
-  --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--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
   --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);
@@ -22048,22 +22036,9 @@ ul.pf-v6-c-list {
 }
 @media (min-width: 1200px) {
   :where(:root, .pf-v6-c-page) {
-    --pf-v6-c-page__header-brand--PaddingInlineStart: var(--pf-v6-c-page__header-brand--xl--PaddingInlineStart);
     --pf-v6-c-page--inset: var(--pf-v6-c-page--xl--inset);
   }
 }
-@media screen and (min-width: 1200px) {
-  :where(:root, .pf-v6-c-page) {
-    --pf-v6-c-page__header-nav--BackgroundColor: var(--pf-v6-c-page__header-nav--xl--BackgroundColor);
-    --pf-v6-c-page__header-nav--PaddingInlineEnd: var(--pf-v6-c-page__header-nav--xl--PaddingInlineEnd);
-    --pf-v6-c-page__header-nav--PaddingInlineStart: var(--pf-v6-c-page__header-nav--xl--PaddingInlineStart);
-  }
-}
-@media screen and (min-width: 1200px) {
-  :where(:root, .pf-v6-c-page) {
-    --pf-v6-c-page__header-tools--MarginInlineEnd: var(--pf-v6-c-page__header-tools--xl--MarginInlineEnd);
-  }
-}
 @media screen and (min-width: 1200px) {
   :where(:root, .pf-v6-c-page) {
     --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
@@ -22087,201 +22062,11 @@ ul.pf-v6-c-list {
   }
 }
 
-.pf-v6-c-page__header,
 .pf-v6-c-page > .pf-v6-c-masthead {
-  z-index: var(--pf-v6-c-page__header--ZIndex);
+  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
   grid-area: header;
 }
 
-.pf-v6-c-page__header {
-  display: grid;
-  grid-template-columns: auto auto;
-  align-items: center;
-  min-width: 0;
-  min-height: var(--pf-v6-c-page__header--MinHeight);
-  background-color: var(--pf-v6-c-page__header--BackgroundColor);
-}
-.pf-v6-c-page__header > * {
-  display: flex;
-  align-items: center;
-}
-@media screen and (min-width: 992px) {
-  .pf-v6-c-page__header {
-    grid-template-columns: auto 1fr auto;
-  }
-}
-.pf-v6-c-page__header .pf-v6-c-masthead {
-  grid-column: span 2;
-  align-self: stretch;
-}
-
-.pf-v6-c-page__header-brand {
-  grid-column: 1/2;
-  padding-inline-start: var(--pf-v6-c-page__header-brand--PaddingInlineStart);
-}
-@media (min-width: 1200px) {
-  .pf-v6-c-page__header-brand {
-    padding-inline-end: var(--pf-v6-c-page__header-brand--xl--PaddingInlineEnd);
-  }
-}
-
-.pf-v6-c-page__header-brand-link {
-  display: flex;
-  flex: 1;
-  align-items: center;
-}
-.pf-v6-c-page__header-brand-link .pf-v6-c-brand {
-  max-height: var(--pf-v6-c-page__header-brand-link--c-brand--MaxHeight);
-}
-
-.pf-v6-c-page__header-brand-toggle .pf-v6-c-button {
-  padding-block-start: var(--pf-v6-c-page__header-sidebar-toggle__c-button--PaddingBlockStart);
-  padding-block-end: var(--pf-v6-c-page__header-sidebar-toggle__c-button--PaddingBlockEnd);
-  padding-inline-start: var(--pf-v6-c-page__header-sidebar-toggle__c-button--PaddingInlineStart);
-  padding-inline-end: var(--pf-v6-c-page__header-sidebar-toggle__c-button--PaddingInlineEnd);
-  margin-inline-start: var(--pf-v6-c-page__header-sidebar-toggle__c-button--MarginInlineStart);
-  margin-inline-end: var(--pf-v6-c-page__header-sidebar-toggle__c-button--MarginInlineEnd);
-  font-size: var(--pf-v6-c-page__header-sidebar-toggle__c-button--FontSize);
-  line-height: 1;
-}
-
-.pf-v6-c-page__header-nav {
-  grid-row: 2/3;
-  grid-column: 1/-1;
-  align-self: stretch;
-  min-width: 0;
-  padding-inline-start: var(--pf-v6-c-page__header-nav--PaddingInlineStart);
-  padding-inline-end: var(--pf-v6-c-page__header-nav--PaddingInlineEnd);
-  background-color: var(--pf-v6-c-page__header-nav--BackgroundColor);
-}
-@media screen and (min-width: 1200px) {
-  .pf-v6-c-page__header-nav {
-    grid-row: 1/2;
-    grid-column: 2/3;
-  }
-}
-.pf-v6-c-page__header-nav .pf-v6-c-nav {
-  align-self: stretch;
-}
-
-.pf-v6-c-page__header-tools {
-  grid-column: 2/3;
-  margin-inline-start: auto;
-  margin-inline-end: var(--pf-v6-c-page__header-tools--MarginInlineEnd);
-}
-.pf-v6-c-page__header-tools .pf-v6-c-avatar {
-  margin-inline-start: var(--pf-v6-c-page__header-tools--c-avatar--MarginInlineStart);
-}
-@media screen and (min-width: 992px) {
-  .pf-v6-c-page__header-tools {
-    grid-column: 3/4;
-  }
-}
-
-.pf-v6-c-page__header-tools-group {
-  --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-page__header-tools-group--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);
-  align-items: center;
-}
-.pf-v6-c-page__header-tools-group.pf-m-hidden {
-  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
-}
-@media screen and (min-width: 576px) {
-  .pf-v6-c-page__header-tools-group.pf-m-hidden-on-sm {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
-  }
-  .pf-v6-c-page__header-tools-group.pf-m-visible-on-sm {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-v6-c-page__header-tools-group.pf-m-hidden-on-md {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
-  }
-  .pf-v6-c-page__header-tools-group.pf-m-visible-on-md {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-v6-c-page__header-tools-group.pf-m-hidden-on-lg {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
-  }
-  .pf-v6-c-page__header-tools-group.pf-m-visible-on-lg {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-v6-c-page__header-tools-group.pf-m-hidden-on-xl {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
-  }
-  .pf-v6-c-page__header-tools-group.pf-m-visible-on-xl {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
-  }
-}
-@media screen and (min-width: 1450px) {
-  .pf-v6-c-page__header-tools-group.pf-m-hidden-on-2xl {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
-  }
-  .pf-v6-c-page__header-tools-group.pf-m-visible-on-2xl {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
-  }
-}
-.pf-v6-c-page__header-tools-group + .pf-v6-c-page__header-tools-group {
-  margin-inline-start: var(--pf-v6-c-page__header-tools-group--MarginInlineStart);
-}
-
-.pf-v6-c-page__header-tools-item {
-  --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-page__header-tools-item--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-v6-c-page__header-tools-item.pf-m-hidden {
-  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
-}
-@media screen and (min-width: 576px) {
-  .pf-v6-c-page__header-tools-item.pf-m-hidden-on-sm {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
-  }
-  .pf-v6-c-page__header-tools-item.pf-m-visible-on-sm {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-v6-c-page__header-tools-item.pf-m-hidden-on-md {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
-  }
-  .pf-v6-c-page__header-tools-item.pf-m-visible-on-md {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-v6-c-page__header-tools-item.pf-m-hidden-on-lg {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
-  }
-  .pf-v6-c-page__header-tools-item.pf-m-visible-on-lg {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-v6-c-page__header-tools-item.pf-m-hidden-on-xl {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
-  }
-  .pf-v6-c-page__header-tools-item.pf-m-visible-on-xl {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
-  }
-}
-@media screen and (min-width: 1450px) {
-  .pf-v6-c-page__header-tools-item.pf-m-hidden-on-2xl {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
-  }
-  .pf-v6-c-page__header-tools-item.pf-m-visible-on-2xl {
-    --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
-  }
-}
-
 .pf-v6-c-page__sidebar {
   z-index: var(--pf-v6-c-page__sidebar--ZIndex);
   display: flex;
@@ -31462,54 +31247,61 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-c-wizard__title-text--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-wizard__description--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-wizard__description--Color: var(--pf-t--global--text--color--subtle);
-  --pf-v6-c-wizard__nav-link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-wizard__nav-link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-wizard__nav-link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-wizard__nav-link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-wizard__nav-link--Gap: var(--pf-t--global--spacer--xs);
   --pf-v6-c-wizard__nav-link--Color: var(--pf-t--global--text--color--subtle);
   --pf-v6-c-wizard__nav-link--TextDecoration: none;
-  --pf-v6-c-wizard__nav-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
-  --pf-v6-c-wizard__nav-link--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-wizard__nav-link--hover--Color: var(--pf-t--global--text--color--subtle);
   --pf-v6-c-wizard__nav-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
   --pf-v6-c-wizard__nav-link--m-current--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-wizard__nav-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v6-c-wizard__nav-link--m-disabled--Color: var(--pf-t--global--text--color--disabled);
   --pf-v6-c-wizard__nav-link--m-disabled--BackgroundColor: transparent;
+  --pf-v6-c-wizard__nav-link-main--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-wizard__nav-link-main--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-wizard__nav-link-main--PaddingInlineStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-wizard__nav-link-main--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
+  --pf-v6-c-wizard__nav-link-main--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-wizard__nav-link-toggle-icon--Transition: var(--pf-t--global--transition);
   --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
   --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
-  --pf-v6-c-wizard__nav-link--before--Width: 1.5rem;
-  --pf-v6-c-wizard__nav-link--before--Height: 1.5rem;
-  --pf-v6-c-wizard__nav-link--before--InsetBlockStart: calc(calc(var(--pf-v6-c-wizard__nav-link--PaddingBlockStart) + var(--pf-v6-c-wizard__nav-link--PaddingBlockEnd) + 1em * var(--pf-t--global--font--line-height--body)) / 2);
+  --pf-v6-c-wizard__nav-link--before--Width: var(--pf-t--global--icon--size--font--xl);
+  --pf-v6-c-wizard__nav-link--before--Height: var(--pf-t--global--icon--size--font--xl);
+  --pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v6-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
   --pf-v6-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
-  --pf-v6-c-wizard__nav-link--before--TranslateX: calc(-100% - var(--pf-t--global--spacer--xs));
-  --pf-v6-c-wizard__nav-link--before--TranslateY: -50%;
   --pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
   --pf-v6-c-wizard__nav-link--m-current--before--Color: var(--pf-t--global--text--color--on-brand--default);
   --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__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
+  --pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
   --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-wizard__toggle--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-wizard__toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-wizard__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-wizard__toggle--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) + var(--pf-v6-c-wizard__nav-link--before--Width) + var(--pf-t--global--spacer--sm));
+  --pf-v6-c-wizard__toggle--PaddingInlineStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__toggle--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
   --pf-v6-c-wizard__toggle--BorderBlockEndColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-wizard--m-in-page__toggle--xl--PaddingInlineStart: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-wizard__nav-link--before--Width) + var(--pf-t--global--spacer--sm));
-  --pf-v6-c-wizard__toggle-num--before--InsetBlockStart: -0.125rem;
+  --pf-v6-c-wizard__toggle-num--InsetBlockStart: 0;
   --pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-wizard__toggle-list-item--MarginBlockEnd: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-wizard__toggle-list-item--Gap: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
+  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v6-c-wizard__toggle--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
+  --pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
   --pf-v6-c-wizard__toggle-list--MarginInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-wizard__toggle-list--MarginBlockEnd: calc(var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd) * -1);
-  --pf-v6-c-wizard__toggle-separator--MarginInlineStart: var(--pf-t--global--spacer--sm);
   --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;
@@ -31523,8 +31315,8 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-wizard__nav-list--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) + var(--pf-v6-c-wizard__nav-link--before--Width) + var(--pf-t--global--spacer--sm));
-  --pf-v6-c-wizard__nav-list--nested--MarginInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-wizard__nav-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-wizard__nav-list--nested--MarginInlineStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__nav-list--nested--MarginBlockStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-wizard__nav-item--MarginBlockStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -31541,8 +31333,8 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-wizard__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-wizard__footer--BorderWidth: var(--pf-t--global--border--width--divider--default);
-  --pf-v6-c-wizard__footer--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
+  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-wizard__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-wizard__footer--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-wizard__footer-cancel--MarginInlineStart: calc(var(--pf-t--global--spacer--2xl) - var(--pf-v6-c-wizard__footer--child--MarginInlineEnd));
@@ -31654,6 +31446,9 @@ label.pf-v6-c-tree-view__node-text {
 }
 
 .pf-v6-c-wizard__toggle-list-item {
+  display: flex;
+  gap: var(--pf-v6-c-wizard__toggle-list-item--Gap);
+  align-items: baseline;
   margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
   text-align: start;
   word-break: break-word;
@@ -31661,14 +31456,25 @@ label.pf-v6-c-tree-view__node-text {
 .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
   margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
 }
+.pf-v6-c-wizard__toggle-list-item.pf-m-danger {
+  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
+  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
+}
 
 .pf-v6-c-wizard__toggle-num {
-  --pf-v6-c-wizard__nav-link--before--TranslateY: 0;
-  --pf-v6-c-wizard__nav-link--before--InsetBlockStart: var(--pf-v6-c-wizard__toggle-num--before--InsetBlockStart);
+  position: relative;
+  inset-block-start: var(--pf-v6-c-wizard__toggle-num--InsetBlockStart);
+}
+
+.pf-v6-c-wizard__toggle-status-icon {
+  position: relative;
+  inset-block-start: var(--pf-v6-c-wizard__toggle-status-icon--InsetBlockStart);
+  font-size: var(--pf-v6-c-wizard__toggle-status-icon--FontSize);
+  line-height: var(--pf-v6-c-wizard__nav-link-status-icon--LineHeight);
+  color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
 }
 
 .pf-v6-c-wizard__toggle-separator {
-  margin-inline-start: var(--pf-v6-c-wizard__toggle-separator--MarginInlineStart);
   color: var(--pf-v6-c-wizard__toggle-separator--Color);
 }
 :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
@@ -31767,30 +31573,26 @@ label.pf-v6-c-tree-view__node-text {
 }
 .pf-v6-c-wizard__nav-item :where(:hover) {
   --pf-v6-c-wizard__nav-link--Color: var({$wizard}__nav-link--hover--Color);
-  --pf-v6-c-wizard__nav-link--BackgroundColor: var({$wizard}__nav-link--hover--BackgroundColor);
+  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var({$wizard}__nav-link--hover--BackgroundColor);
 }
 
 .pf-v6-c-wizard__nav-link {
   position: relative;
-  display: inline-block;
+  display: flex;
+  gap: var(--pf-v6-c-wizard__nav-link--Gap);
   width: 100%;
-  padding-block-start: var(--pf-v6-c-wizard__nav-link--PaddingBlockStart);
-  padding-block-end: var(--pf-v6-c-wizard__nav-link--PaddingBlockEnd);
-  padding-inline-start: var(--pf-v6-c-wizard__nav-link--PaddingInlineStart);
-  padding-inline-end: var(--pf-v6-c-wizard__nav-link--PaddingInlineEnd);
+  padding-inline: 0;
   color: var(--pf-v6-c-wizard__nav-link--Color);
   text-align: start;
   text-decoration: var(--pf-v6-c-wizard__nav-link--TextDecoration);
   word-break: break-word;
-  background-color: var(--pf-v6-c-wizard__nav-link--BackgroundColor);
+  counter-increment: wizard-nav-count;
+  background-color: transparent;
   border: none;
   border-radius: var(--pf-v6-c-wizard__nav-link--BorderRadius);
 }
 .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
-  transform: translateX(var(--pf-v6-c-wizard__nav-link--before--TranslateX)) translateY(var(--pf-v6-c-wizard__nav-link--before--TranslateY));
-  position: absolute;
-  inset-block-start: var(--pf-v6-c-wizard__nav-link--before--InsetBlockStart);
-  inset-inline-start: 0;
+  position: relative;
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -31802,30 +31604,33 @@ label.pf-v6-c-tree-view__node-text {
   background-color: var(--pf-v6-c-wizard__nav-link--before--BackgroundColor);
   border-radius: var(--pf-v6-c-wizard__nav-link--before--BorderRadius);
 }
-:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
-  transform: translateX(calc(var(--pf-v6-c-wizard__nav-link--before--TranslateX) * var(--pf-v6-global--inverse--multiplier))) translateY(var(--pf-v6-c-wizard__nav-link--before--TranslateY));
-}
 
 .pf-v6-c-wizard__nav-link::before {
+  inset-block-start: var(--pf-v6-c-wizard__nav-link--before--InsetBlockStart);
   content: counter(wizard-nav-count);
-  counter-increment: wizard-nav-count;
 }
 .pf-v6-c-wizard__nav-link.pf-m-current {
   --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-current--Color);
-  --pf-v6-c-wizard__nav-link--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--BackgroundColor);
+  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--BackgroundColor);
 }
 .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link.pf-m-current::before {
   --pf-v6-c-wizard__nav-link--before--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
   --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
 }
 
+.pf-v6-c-wizard__nav-link.pf-m-danger {
+  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
+}
+.pf-v6-c-wizard__nav-link.pf-m-danger::before {
+  display: none;
+}
 .pf-v6-c-wizard__nav-link:where(:hover, :focus) {
   --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--hover--Color);
-  --pf-v6-c-wizard__nav-link--BackgroundColor: var(--pf-v6-c-wizard__nav-link--hover--BackgroundColor);
+  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--hover--BackgroundColor);
 }
 .pf-v6-c-wizard__nav-link:disabled, .pf-v6-c-wizard__nav-link.pf-m-disabled {
   --pf-v6-c-wizard__nav-link--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--Color);
-  --pf-v6-c-wizard__nav-link--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-disabled--BackgroundColor);
+  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var(--pf-v6-c-wizard__nav-link--m-disabled--BackgroundColor);
   pointer-events: none;
 }
 .pf-v6-c-wizard__nav-link:disabled::before, .pf-v6-c-wizard__nav-link.pf-m-disabled::before {
@@ -31837,6 +31642,25 @@ label.pf-v6-c-tree-view__node-text {
   flex-grow: 1;
 }
 
+.pf-v6-c-wizard__nav-link-main {
+  display: flex;
+  justify-content: space-between;
+  padding-block-start: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-wizard__nav-link-main--PaddingInlineEnd);
+  background-color: var(--pf-v6-c-wizard__nav-link-main--BackgroundColor);
+  border: none;
+  border-radius: var(--pf-v6-c-wizard__nav-link-main--BorderRadius);
+}
+
+.pf-v6-c-wizard__nav-link-status-icon {
+  position: relative;
+  inset-block-start: var(--pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart);
+  font-size: var(--pf-v6-c-wizard__nav-link-status-icon--FontSize);
+  color: var(--pf-v6-c-wizard__nav-link-status-icon--Color);
+}
+
 .pf-v6-c-wizard__nav-link-toggle {
   padding-inline-start: var(--pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart);
   padding-inline-end: var(--pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd);
@@ -31881,7 +31705,7 @@ label.pf-v6-c-tree-view__node-text {
   padding-inline-start: var(--pf-v6-c-wizard__footer--PaddingInlineStart);
   padding-inline-end: var(--pf-v6-c-wizard__footer--PaddingInlineEnd);
   background-color: var(--pf-v6-c-wizard__footer--BackgroundColor);
-  border-block-start: var(--pf-v6-c-wizard__footer--BorderWidth) solid var(--pf-v6-c-wizard__footer--BorderColor);
+  border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
 }
 .pf-v6-c-wizard__footer > * {
   margin-block-end: var(--pf-v6-c-wizard__footer--child--MarginBlockEnd);