@patternfly/patternfly 6.0.0-alpha.69 → 6.0.0-alpha.70

package/docs/components/ProgressStepper/examples/ProgressStepper.md

@@ -23,7 +23,7 @@ cssPrefix: pf-v5-c-progress-stepper
     </div>
   </li>
   <li
-    class="pf-v5-c-progress-stepper__step pf-m-current pf-m-info"
+    class="pf-v5-c-progress-stepper__step pf-m-current"
     role="listitem"
     aria-label="current step,in process step,"
   >
@@ -74,7 +74,7 @@ cssPrefix: pf-v5-c-progress-stepper
     </div>
   </li>
   <li
-    class="pf-v5-c-progress-stepper__step pf-m-current pf-m-info"
+    class="pf-v5-c-progress-stepper__step pf-m-current"
     role="listitem"
     aria-label="current step,in process step,"
   >
@@ -134,7 +134,7 @@ cssPrefix: pf-v5-c-progress-stepper
     </div>
   </li>
   <li
-    class="pf-v5-c-progress-stepper__step pf-m-current pf-m-info"
+    class="pf-v5-c-progress-stepper__step pf-m-current"
     role="listitem"
     aria-label="current step,in process step,"
   >
@@ -191,7 +191,7 @@ cssPrefix: pf-v5-c-progress-stepper
     </div>
   </li>
   <li
-    class="pf-v5-c-progress-stepper__step pf-m-current pf-m-info"
+    class="pf-v5-c-progress-stepper__step pf-m-current"
     role="listitem"
     aria-label="current step,in process step,"
   >
@@ -248,7 +248,7 @@ cssPrefix: pf-v5-c-progress-stepper
     </div>
   </li>
   <li
-    class="pf-v5-c-progress-stepper__step pf-m-current pf-m-info"
+    class="pf-v5-c-progress-stepper__step pf-m-current"
     role="listitem"
     aria-label="current step,in process step,"
   >
@@ -305,7 +305,7 @@ cssPrefix: pf-v5-c-progress-stepper
     </div>
   </li>
   <li
-    class="pf-v5-c-progress-stepper__step pf-m-current pf-m-info"
+    class="pf-v5-c-progress-stepper__step pf-m-current"
     role="listitem"
     aria-label="current step,in process step,"
   >
@@ -362,7 +362,7 @@ cssPrefix: pf-v5-c-progress-stepper
     </div>
   </li>
   <li
-    class="pf-v5-c-progress-stepper__step pf-m-current pf-m-info"
+    class="pf-v5-c-progress-stepper__step pf-m-current"
     role="listitem"
     aria-label="current step,in process step,"
   >
@@ -419,7 +419,7 @@ cssPrefix: pf-v5-c-progress-stepper
     </div>
   </li>
   <li
-    class="pf-v5-c-progress-stepper__step pf-m-current pf-m-info"
+    class="pf-v5-c-progress-stepper__step pf-m-current"
     role="listitem"
     aria-label="current step,in process step,"
   >
@@ -479,7 +479,7 @@ cssPrefix: pf-v5-c-progress-stepper
     </div>
   </li>
   <li
-    class="pf-v5-c-progress-stepper__step pf-m-current pf-m-info"
+    class="pf-v5-c-progress-stepper__step pf-m-current"
     role="listitem"
     aria-label="current step,in process step,"
   >
@@ -539,7 +539,7 @@ cssPrefix: pf-v5-c-progress-stepper
     </div>
   </li>
   <li
-    class="pf-v5-c-progress-stepper__step pf-m-current pf-m-info"
+    class="pf-v5-c-progress-stepper__step pf-m-current"
     role="listitem"
     aria-label="current step,in process step,"
   >
@@ -596,7 +596,7 @@ cssPrefix: pf-v5-c-progress-stepper
     </div>
   </li>
   <li
-    class="pf-v5-c-progress-stepper__step pf-m-current pf-m-info"
+    class="pf-v5-c-progress-stepper__step pf-m-current"
     role="listitem"
     aria-label="current step,in process step,"
   >
@@ -678,7 +678,7 @@ cssPrefix: pf-v5-c-progress-stepper
     </div>
   </li>
   <li
-    class="pf-v5-c-progress-stepper__step pf-m-current pf-m-info"
+    class="pf-v5-c-progress-stepper__step pf-m-current"
     role="listitem"
     aria-label="current step,in process step,"
   >
@@ -872,7 +872,7 @@ cssPrefix: pf-v5-c-progress-stepper
     </div>
   </li>
   <li
-    class="pf-v5-c-progress-stepper__step pf-m-current pf-m-info"
+    class="pf-v5-c-progress-stepper__step pf-m-current"
     role="listitem"
     aria-label="current step,in process step,"
   >
@@ -912,7 +912,7 @@ The progress stepper is intended to show progress through a finite number of dis
 
 Add a modifier class to the progress stepper to change the orientation or alignment: `.pf-m-center`, `.pf-m-vertical`, or `.pf-m-compact`.
 
-Steps can be modified with `.pf-m-success`, `.pf-m-warning`, `.pf-m-danger`, and `.pf-m-info` to change their color. Use modifiers `.pf-m-pending` and `.pf-m-current` to indicate progress through the steps.
+Steps can be modified with `.pf-m-success`, `.pf-m-warning`, `.pf-m-danger`, `.pf-m-info`, `.pf-m-custom`, and `.pf-m-in-progress-alt` to change their color. Use modifiers `.pf-m-pending` and `.pf-m-current` to indicate progress through the steps.
 
 ### Accessibility
 
@@ -940,6 +940,7 @@ Steps can be modified with `.pf-m-success`, `.pf-m-warning`, `.pf-m-danger`, and
 | `.pf-m-warning`| `.pf-v5-c-progress-stepper__step` | Modifies for warning styling. |
 | `.pf-m-danger`| `.pf-v5-c-progress-stepper__step` | Modifies for danger styling. |
 | `.pf-m-info`| `.pf-v5-c-progress-stepper__step` | Modifies for info styling. |
+| `.pf-m-custom`| `.pf-v5-c-progress-stepper__step` | Modifies for custom styling. |
 | `.pf-m-current`| `.pf-v5-c-progress-stepper__step` | Modifies styling for the current step. |
 | `.pf-m-pending`| `.pf-v5-c-progress-stepper__step` | Modifies styling for pending steps. |
 | `.pf-m-help-text`| `.pf-v5-c-progress-stepper__step-title` | Modifies styling for steps that have help text. |

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.0.0-alpha.69",
+  "version": "6.0.0-alpha.70",
   "keywords": [],
   "license": "MIT",
   "scripts": {

package/patternfly-no-globals.css

@@ -23847,24 +23847,25 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   margin-block-start: var(--pf-v5-c-progress__helper-text--MarginTop);
 }
 
-.pf-v5-c-progress-stepper {
+:where(:root),
+:where(.pf-v5-c-progress-stepper) {
   --pf-v5-c-progress-stepper--m-vertical--GridAutoFlow: row;
   --pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
   --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Top: 0;
   --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Left: calc(var(--pf-v5-c-progress-stepper__step-icon--Width) / 2);
   --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Width: auto;
   --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Height: 100%;
-  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--md);
-  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-t--global--border--width--box--default);
+  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth: 0;
   --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor: transparent;
   --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Transform: translateX(-50%);
-  --pf-v5-c-progress-stepper--m-vertical__step-main--MarginTop: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-progress-stepper--m-vertical__step-main--MarginTop: 0px;
   --pf-v5-c-progress-stepper--m-vertical__step-main--MarginRight: 0;
-  --pf-v5-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-t--global--spacer--sm);
   --pf-v5-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns: 1fr;
-  --pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom: var(--pf-t--global--spacer--sm);
   --pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow: auto;
   --pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginTop: 0;
   --pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight: 0;
@@ -23879,11 +23880,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Height: auto;
   --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth: 0;
   --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor: unset;
-  --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
-  --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
+  --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Transform: translateY(-50%);
-  --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginRight: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginBottom: 0;
   --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginLeft: 0;
   --pf-v5-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
@@ -23891,57 +23892,58 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   --pf-v5-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow: 2;
   --pf-v5-c-progress-stepper--m-compact--GridAutoFlow: row;
   --pf-v5-c-progress-stepper--m-compact__step-main--MarginTop: 0;
-  --pf-v5-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-v5-global--spacer--sm);
+  --pf-v5-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-t--global--spacer--sm);
   --pf-v5-c-progress-stepper--m-compact__step-connector--MinWidth: 1.75rem;
   --pf-v5-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
-  --pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
-  --pf-v5-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
+  --pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-t--global--icon--size--body--sm);
+  --pf-v5-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
+  --pf-v5-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v5-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
   --pf-v5-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
   --pf-v5-c-progress-stepper--m-center__step-connector--before--Left: 50%;
   --pf-v5-c-progress-stepper--m-center--GridTemplateColumns: 1fr;
   --pf-v5-c-progress-stepper--m-center__step-connector--JustifyContent: center;
-  --pf-v5-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-t--global--spacer--xs);
   --pf-v5-c-progress-stepper--m-center__step-main--TextAlign: center;
   --pf-v5-c-progress-stepper--m-center__step-description--MarginRight: 0;
   --pf-v5-c-progress-stepper--m-center__step-description--MarginLeft: 0;
   --pf-v5-c-progress-stepper--GridTemplateRows: auto 1fr;
   --pf-v5-c-progress-stepper__step-connector--JustifyContent: flex-start;
-  --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-v5-global--ZIndex--xs);
-  --pf-v5-c-progress-stepper__step-icon--Width: 1.75rem;
+  --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v5-c-progress-stepper__step-icon--Width: 1.5rem;
   --pf-v5-c-progress-stepper__step-icon--Height: var(--pf-v5-c-progress-stepper__step-icon--Width);
-  --pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-v5-global--icon--FontSize--md);
-  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-progress-stepper__step-icon--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
-  --pf-v5-c-progress-stepper__step-icon--BorderWidth: var(--pf-v5-global--BorderWidth--md);
-  --pf-v5-c-progress-stepper__step-icon--BorderColor: var(--pf-v5-global--BorderColor--100);
+  --pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-t--global--icon--size--body--default);
+  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v5-c-progress-stepper__step-icon--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-progress-stepper__step-icon--BorderWidth: var(--pf-t--global--border--width--box--default);
+  --pf-v5-c-progress-stepper__step-icon--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v5-c-progress-stepper__step--m-current__step-icon--Color: var(--pf-t--global--icon--color--brand--default);
+  --pf-v5-c-progress-stepper__step--m-info__step-icon--Color: var(--pf-t--global--icon--color--status--info--default);
+  --pf-v5-c-progress-stepper__step--m-success__step-icon--Color: var(--pf-t--global--icon--color--status--success--default);
+  --pf-v5-c-progress-stepper__step--m-warning__step-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
+  --pf-v5-c-progress-stepper__step--m-danger__step-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v5-c-progress-stepper__step--m-custom__step-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
   --pf-v5-c-progress-stepper__pficon--MarginTop: 3px;
-  --pf-v5-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
-  --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-global--Color--100);
+  --pf-v5-c-progress-stepper__fa-exclamation-triangle--MarginTop: -2px;
+  --pf-v5-c-progress-stepper__step-title--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-progress-stepper__step-title--TextAlign: start;
-  --pf-v5-c-progress-stepper__step-title--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-progress-stepper__step-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-v5-global--FontWeight--bold);
-  --pf-v5-c-progress-stepper__step--m-current__step-title--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-v5-global--Color--200);
-  --pf-v5-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-v5-global--danger-color--100);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-progress-stepper__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
+  --pf-v5-c-progress-stepper__step-title--FontWeight: var(--pf-t--global--font--weight--body);
+  --pf-v5-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v5-c-progress-stepper__step--m-current__step-title--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
+  --pf-v5-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
+  --pf-v5-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
+  --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: currentcolor;
+  --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-t--global--link--text-decoration);
   --pf-v5-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
-  --pf-v5-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor: var(--pf-v5-global--danger-color--100);
-  --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--danger-color--200);
-  --pf-v5-c-progress-stepper__step-description--MarginTop: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-progress-stepper__step-description--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-progress-stepper__step-description--Color: var(--pf-v5-global--Color--200);
+  --pf-v5-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
+  --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
+  --pf-v5-c-progress-stepper__step-description--MarginTop: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-progress-stepper__step-description--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v5-c-progress-stepper__step-description--Color: var(--pf-t--global--text--color--subtle);
   --pf-v5-c-progress-stepper__step-description--TextAlign: start;
   --pf-v5-c-progress-stepper--GridAutoFlow: var(--pf-v5-c-progress-stepper--m-vertical--GridAutoFlow);
   --pf-v5-c-progress-stepper--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns);
@@ -23963,15 +23965,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   --pf-v5-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
   --pf-v5-c-progress-stepper--m-center__step-connector--before--Content: none;
   --pf-v5-c-progress-stepper--m-center__step-main--before--Content: "";
-  position: relative;
-  display: grid;
-  grid-template-rows: var(--pf-v5-c-progress-stepper--GridTemplateRows);
-  grid-template-columns: var(--pf-v5-c-progress-stepper--GridTemplateColumns);
-  grid-auto-columns: 1fr;
-  grid-auto-flow: var(--pf-v5-c-progress-stepper--GridAutoFlow);
 }
 @media screen and (min-width: 768px) {
-  .pf-v5-c-progress-stepper {
+  :where(:root),
+  :where(.pf-v5-c-progress-stepper) {
     --pf-v5-c-progress-stepper--GridAutoFlow: var(--pf-v5-c-progress-stepper--m-horizontal--GridAutoFlow);
     --pf-v5-c-progress-stepper--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-horizontal--GridTemplateColumns);
     --pf-v5-c-progress-stepper__step-connector--before--Top: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Top);
@@ -23994,6 +23991,15 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
     --pf-v5-c-progress-stepper--m-center__step-main--before--Content: none;
   }
 }
+
+.pf-v5-c-progress-stepper {
+  position: relative;
+  display: grid;
+  grid-template-rows: var(--pf-v5-c-progress-stepper--GridTemplateRows);
+  grid-template-columns: var(--pf-v5-c-progress-stepper--GridTemplateColumns);
+  grid-auto-columns: 1fr;
+  grid-auto-flow: var(--pf-v5-c-progress-stepper--GridAutoFlow);
+}
 .pf-v5-c-progress-stepper.pf-m-center {
   --pf-v5-c-progress-stepper__step-connector--JustifyContent: var(--pf-v5-c-progress-stepper--m-center__step-connector--JustifyContent);
   --pf-v5-c-progress-stepper__step-main--MarginRight: var(--pf-v5-c-progress-stepper--m-center__step-main--MarginRight);
@@ -24053,8 +24059,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   border: 0;
 }
 .pf-v5-c-progress-stepper.pf-m-compact .pf-v5-c-progress-stepper__step.pf-m-current .pf-v5-c-progress-stepper__step-main {
-  grid-column: 1/-1;
   grid-row: 1/2;
+  grid-column: 1/-1;
 }
 .pf-v5-c-progress-stepper.pf-m-compact .pf-v5-c-progress-stepper__step-description {
   display: none;
@@ -24066,27 +24072,27 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 .pf-v5-c-progress-stepper__step.pf-m-current {
   --pf-v5-c-progress-stepper__step-title--FontWeight: var(--pf-v5-c-progress-stepper__step--m-current__step-title--FontWeight);
   --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step--m-current__step-title--Color);
+  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-current__step-icon--Color);
 }
 .pf-v5-c-progress-stepper__step.pf-m-pending {
   --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step--m-pending__step-title--Color);
 }
 .pf-v5-c-progress-stepper__step.pf-m-success {
-  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--success-color--100);
+  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-success__step-icon--Color);
 }
 .pf-v5-c-progress-stepper__step.pf-m-danger {
-  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--danger-color--100);
+  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-danger__step-icon--Color);
   --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step--m-danger__step-title--Color);
   --pf-v5-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor);
 }
 .pf-v5-c-progress-stepper__step.pf-m-warning {
-  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--warning-color--100);
+  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-warning__step-icon--Color);
 }
 .pf-v5-c-progress-stepper__step.pf-m-info {
-  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--info-color--100);
+  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-info__step-icon--Color);
+}
+.pf-v5-c-progress-stepper__step.pf-m-custom {
+  --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-custom__step-icon--Color);
 }
 .pf-v5-c-progress-stepper__step:last-child {
   --pf-v5-c-progress-stepper__step-main--MarginBottom: 0;
@@ -24115,7 +24121,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   display: flex;
   align-items: center;
   justify-content: center;
-  width: var(--pf-v5-c-progress-stepper__step-icon--Width);
+  min-width: var(--pf-v5-c-progress-stepper__step-icon--Width);
   height: var(--pf-v5-c-progress-stepper__step-icon--Height);
   font-size: var(--pf-v5-c-progress-stepper__step-icon--FontSize);
   color: var(--pf-v5-c-progress-stepper__step-icon--Color);
@@ -24157,6 +24163,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   border: 0;
 }
 .pf-v5-c-progress-stepper__step-title.pf-m-help-text {
+  padding-inline-start: var(--pf-v5-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
+  padding-inline-end: var(--pf-v5-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
   text-decoration: underline;
   text-decoration-thickness: var(--pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
   text-decoration-style: dashed;
@@ -24164,13 +24172,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   text-underline-offset: var(--pf-v5-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
   cursor: pointer;
 }
-.pf-v5-c-progress-stepper__step-title.pf-m-help-text:hover {
+.pf-v5-c-progress-stepper__step-title.pf-m-help-text:hover, .pf-v5-c-progress-stepper__step-title.pf-m-help-text:focus {
   --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step-title--m-help-text--hover--Color);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-v5-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor);
-}
-.pf-v5-c-progress-stepper__step-title.pf-m-help-text:focus {
-  --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step-title--m-help-text--focus--Color);
-  --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-v5-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor);
 }
 
 .pf-v5-c-progress-stepper__step-description {