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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/components/ProgressStepper/progress-stepper.css +72 -69
  2. package/components/ProgressStepper/progress-stepper.scss +65 -65
  3. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -14
  4. package/package.json +1 -1
  5. package/patternfly-no-globals.css +72 -69
  6. package/patternfly-theme-dark-unversioned.css +72 -69
  7. package/patternfly.css +72 -69
  8. package/patternfly.min.css +1 -1
  9. package/patternfly.min.css.map +1 -1
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -23964,24 +23964,25 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23964
23964
  margin-block-start: var(--pf-v5-c-progress__helper-text--MarginTop);
23965
23965
  }
23966
23966
 
23967
- .pf-v5-c-progress-stepper {
23967
+ :where(:root),
23968
+ :where(.pf-v5-c-progress-stepper) {
23968
23969
  --pf-v5-c-progress-stepper--m-vertical--GridAutoFlow: row;
23969
23970
  --pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
23970
23971
  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Top: 0;
23971
23972
  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Left: calc(var(--pf-v5-c-progress-stepper__step-icon--Width) / 2);
23972
23973
  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Width: auto;
23973
23974
  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Height: 100%;
23974
- --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--md);
23975
- --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
23975
+ --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-t--global--border--width--box--default);
23976
+ --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-t--global--border--color--default);
23976
23977
  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth: 0;
23977
23978
  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor: transparent;
23978
23979
  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Transform: translateX(-50%);
23979
- --pf-v5-c-progress-stepper--m-vertical__step-main--MarginTop: var(--pf-v5-global--spacer--xs);
23980
+ --pf-v5-c-progress-stepper--m-vertical__step-main--MarginTop: 0px;
23980
23981
  --pf-v5-c-progress-stepper--m-vertical__step-main--MarginRight: 0;
23981
- --pf-v5-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-v5-global--spacer--xl);
23982
- --pf-v5-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-v5-global--spacer--xs);
23982
+ --pf-v5-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-t--global--spacer--xl);
23983
+ --pf-v5-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-t--global--spacer--sm);
23983
23984
  --pf-v5-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns: 1fr;
23984
- --pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom: var(--pf-v5-global--spacer--sm);
23985
+ --pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom: var(--pf-t--global--spacer--sm);
23985
23986
  --pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow: auto;
23986
23987
  --pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginTop: 0;
23987
23988
  --pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight: 0;
@@ -23996,11 +23997,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23996
23997
  --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Height: auto;
23997
23998
  --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth: 0;
23998
23999
  --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor: unset;
23999
- --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
24000
- --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
24000
+ --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
24001
+ --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor: var(--pf-t--global--border--color--default);
24001
24002
  --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Transform: translateY(-50%);
24002
- --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginTop: var(--pf-v5-global--spacer--sm);
24003
- --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginRight: var(--pf-v5-global--spacer--sm);
24003
+ --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginTop: var(--pf-t--global--spacer--sm);
24004
+ --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginRight: var(--pf-t--global--spacer--sm);
24004
24005
  --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginBottom: 0;
24005
24006
  --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginLeft: 0;
24006
24007
  --pf-v5-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
@@ -24008,57 +24009,58 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24008
24009
  --pf-v5-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow: 2;
24009
24010
  --pf-v5-c-progress-stepper--m-compact--GridAutoFlow: row;
24010
24011
  --pf-v5-c-progress-stepper--m-compact__step-main--MarginTop: 0;
24011
- --pf-v5-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-v5-global--spacer--sm);
24012
+ --pf-v5-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-t--global--spacer--sm);
24012
24013
  --pf-v5-c-progress-stepper--m-compact__step-connector--MinWidth: 1.75rem;
24013
24014
  --pf-v5-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
24014
- --pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
24015
- --pf-v5-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-v5-global--FontSize--sm);
24016
- --pf-v5-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
24015
+ --pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-t--global--icon--size--body--sm);
24016
+ --pf-v5-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
24017
+ --pf-v5-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
24017
24018
  --pf-v5-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
24018
24019
  --pf-v5-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
24019
24020
  --pf-v5-c-progress-stepper--m-center__step-connector--before--Left: 50%;
24020
24021
  --pf-v5-c-progress-stepper--m-center--GridTemplateColumns: 1fr;
24021
24022
  --pf-v5-c-progress-stepper--m-center__step-connector--JustifyContent: center;
24022
- --pf-v5-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-v5-global--spacer--xs);
24023
- --pf-v5-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-v5-global--spacer--xs);
24023
+ --pf-v5-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-t--global--spacer--xs);
24024
+ --pf-v5-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-t--global--spacer--xs);
24024
24025
  --pf-v5-c-progress-stepper--m-center__step-main--TextAlign: center;
24025
24026
  --pf-v5-c-progress-stepper--m-center__step-description--MarginRight: 0;
24026
24027
  --pf-v5-c-progress-stepper--m-center__step-description--MarginLeft: 0;
24027
24028
  --pf-v5-c-progress-stepper--GridTemplateRows: auto 1fr;
24028
24029
  --pf-v5-c-progress-stepper__step-connector--JustifyContent: flex-start;
24029
- --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-v5-global--ZIndex--xs);
24030
- --pf-v5-c-progress-stepper__step-icon--Width: 1.75rem;
24030
+ --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-t--global--Zindex--xs);
24031
+ --pf-v5-c-progress-stepper__step-icon--Width: 1.5rem;
24031
24032
  --pf-v5-c-progress-stepper__step-icon--Height: var(--pf-v5-c-progress-stepper__step-icon--Width);
24032
- --pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-v5-global--icon--FontSize--md);
24033
- --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--Color--100);
24034
- --pf-v5-c-progress-stepper__step-icon--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
24035
- --pf-v5-c-progress-stepper__step-icon--BorderWidth: var(--pf-v5-global--BorderWidth--md);
24036
- --pf-v5-c-progress-stepper__step-icon--BorderColor: var(--pf-v5-global--BorderColor--100);
24033
+ --pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-t--global--icon--size--body--default);
24034
+ --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-t--global--icon--color--regular);
24035
+ --pf-v5-c-progress-stepper__step-icon--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24036
+ --pf-v5-c-progress-stepper__step-icon--BorderWidth: var(--pf-t--global--border--width--box--default);
24037
+ --pf-v5-c-progress-stepper__step-icon--BorderColor: var(--pf-t--global--border--color--default);
24038
+ --pf-v5-c-progress-stepper__step--m-current__step-icon--Color: var(--pf-t--global--icon--color--brand--default);
24039
+ --pf-v5-c-progress-stepper__step--m-info__step-icon--Color: var(--pf-t--global--icon--color--status--info--default);
24040
+ --pf-v5-c-progress-stepper__step--m-success__step-icon--Color: var(--pf-t--global--icon--color--status--success--default);
24041
+ --pf-v5-c-progress-stepper__step--m-warning__step-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
24042
+ --pf-v5-c-progress-stepper__step--m-danger__step-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
24043
+ --pf-v5-c-progress-stepper__step--m-custom__step-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
24037
24044
  --pf-v5-c-progress-stepper__pficon--MarginTop: 3px;
24038
- --pf-v5-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
24039
- --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-global--Color--100);
24045
+ --pf-v5-c-progress-stepper__fa-exclamation-triangle--MarginTop: -2px;
24046
+ --pf-v5-c-progress-stepper__step-title--Color: var(--pf-t--global--text--color--regular);
24040
24047
  --pf-v5-c-progress-stepper__step-title--TextAlign: start;
24041
- --pf-v5-c-progress-stepper__step-title--FontSize: var(--pf-v5-global--FontSize--md);
24042
- --pf-v5-c-progress-stepper__step-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
24043
- --pf-v5-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-v5-global--FontWeight--bold);
24044
- --pf-v5-c-progress-stepper__step--m-current__step-title--Color: var(--pf-v5-global--Color--100);
24045
- --pf-v5-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-v5-global--Color--200);
24046
- --pf-v5-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-v5-global--danger-color--100);
24047
- --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
24048
- --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
24048
+ --pf-v5-c-progress-stepper__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
24049
+ --pf-v5-c-progress-stepper__step-title--FontWeight: var(--pf-t--global--font--weight--body);
24050
+ --pf-v5-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
24051
+ --pf-v5-c-progress-stepper__step--m-current__step-title--Color: var(--pf-t--global--text--color--regular);
24052
+ --pf-v5-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-t--global--text--color--subtle);
24053
+ --pf-v5-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
24054
+ --pf-v5-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
24055
+ --pf-v5-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
24056
+ --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: currentcolor;
24057
+ --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-t--global--link--text-decoration);
24049
24058
  --pf-v5-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
24050
- --pf-v5-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
24051
- --pf-v5-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
24052
- --pf-v5-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-v5-global--Color--100);
24053
- --pf-v5-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-v5-global--Color--100);
24054
- --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-v5-global--danger-color--200);
24055
- --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color: var(--pf-v5-global--danger-color--200);
24056
- --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor: var(--pf-v5-global--danger-color--100);
24057
- --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--danger-color--200);
24058
- --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--danger-color--200);
24059
- --pf-v5-c-progress-stepper__step-description--MarginTop: var(--pf-v5-global--spacer--xs);
24060
- --pf-v5-c-progress-stepper__step-description--FontSize: var(--pf-v5-global--FontSize--sm);
24061
- --pf-v5-c-progress-stepper__step-description--Color: var(--pf-v5-global--Color--200);
24059
+ --pf-v5-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
24060
+ --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
24061
+ --pf-v5-c-progress-stepper__step-description--MarginTop: var(--pf-t--global--spacer--xs);
24062
+ --pf-v5-c-progress-stepper__step-description--FontSize: var(--pf-t--global--font--size--body--sm);
24063
+ --pf-v5-c-progress-stepper__step-description--Color: var(--pf-t--global--text--color--subtle);
24062
24064
  --pf-v5-c-progress-stepper__step-description--TextAlign: start;
24063
24065
  --pf-v5-c-progress-stepper--GridAutoFlow: var(--pf-v5-c-progress-stepper--m-vertical--GridAutoFlow);
24064
24066
  --pf-v5-c-progress-stepper--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns);
@@ -24080,15 +24082,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24080
24082
  --pf-v5-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
24081
24083
  --pf-v5-c-progress-stepper--m-center__step-connector--before--Content: none;
24082
24084
  --pf-v5-c-progress-stepper--m-center__step-main--before--Content: "";
24083
- position: relative;
24084
- display: grid;
24085
- grid-template-rows: var(--pf-v5-c-progress-stepper--GridTemplateRows);
24086
- grid-template-columns: var(--pf-v5-c-progress-stepper--GridTemplateColumns);
24087
- grid-auto-columns: 1fr;
24088
- grid-auto-flow: var(--pf-v5-c-progress-stepper--GridAutoFlow);
24089
24085
  }
24090
24086
  @media screen and (min-width: 768px) {
24091
- .pf-v5-c-progress-stepper {
24087
+ :where(:root),
24088
+ :where(.pf-v5-c-progress-stepper) {
24092
24089
  --pf-v5-c-progress-stepper--GridAutoFlow: var(--pf-v5-c-progress-stepper--m-horizontal--GridAutoFlow);
24093
24090
  --pf-v5-c-progress-stepper--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-horizontal--GridTemplateColumns);
24094
24091
  --pf-v5-c-progress-stepper__step-connector--before--Top: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Top);
@@ -24111,6 +24108,15 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24111
24108
  --pf-v5-c-progress-stepper--m-center__step-main--before--Content: none;
24112
24109
  }
24113
24110
  }
24111
+
24112
+ .pf-v5-c-progress-stepper {
24113
+ position: relative;
24114
+ display: grid;
24115
+ grid-template-rows: var(--pf-v5-c-progress-stepper--GridTemplateRows);
24116
+ grid-template-columns: var(--pf-v5-c-progress-stepper--GridTemplateColumns);
24117
+ grid-auto-columns: 1fr;
24118
+ grid-auto-flow: var(--pf-v5-c-progress-stepper--GridAutoFlow);
24119
+ }
24114
24120
  .pf-v5-c-progress-stepper.pf-m-center {
24115
24121
  --pf-v5-c-progress-stepper__step-connector--JustifyContent: var(--pf-v5-c-progress-stepper--m-center__step-connector--JustifyContent);
24116
24122
  --pf-v5-c-progress-stepper__step-main--MarginRight: var(--pf-v5-c-progress-stepper--m-center__step-main--MarginRight);
@@ -24170,8 +24176,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24170
24176
  border: 0;
24171
24177
  }
24172
24178
  .pf-v5-c-progress-stepper.pf-m-compact .pf-v5-c-progress-stepper__step.pf-m-current .pf-v5-c-progress-stepper__step-main {
24173
- grid-column: 1/-1;
24174
24179
  grid-row: 1/2;
24180
+ grid-column: 1/-1;
24175
24181
  }
24176
24182
  .pf-v5-c-progress-stepper.pf-m-compact .pf-v5-c-progress-stepper__step-description {
24177
24183
  display: none;
@@ -24183,27 +24189,27 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24183
24189
  .pf-v5-c-progress-stepper__step.pf-m-current {
24184
24190
  --pf-v5-c-progress-stepper__step-title--FontWeight: var(--pf-v5-c-progress-stepper__step--m-current__step-title--FontWeight);
24185
24191
  --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step--m-current__step-title--Color);
24192
+ --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-current__step-icon--Color);
24186
24193
  }
24187
24194
  .pf-v5-c-progress-stepper__step.pf-m-pending {
24188
24195
  --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step--m-pending__step-title--Color);
24189
24196
  }
24190
24197
  .pf-v5-c-progress-stepper__step.pf-m-success {
24191
- --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--success-color--100);
24198
+ --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-success__step-icon--Color);
24192
24199
  }
24193
24200
  .pf-v5-c-progress-stepper__step.pf-m-danger {
24194
- --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--danger-color--100);
24201
+ --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-danger__step-icon--Color);
24195
24202
  --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step--m-danger__step-title--Color);
24196
24203
  --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);
24197
- --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);
24198
- --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);
24199
- --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);
24200
- --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);
24201
24204
  }
24202
24205
  .pf-v5-c-progress-stepper__step.pf-m-warning {
24203
- --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--warning-color--100);
24206
+ --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-warning__step-icon--Color);
24204
24207
  }
24205
24208
  .pf-v5-c-progress-stepper__step.pf-m-info {
24206
- --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--info-color--100);
24209
+ --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-info__step-icon--Color);
24210
+ }
24211
+ .pf-v5-c-progress-stepper__step.pf-m-custom {
24212
+ --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-custom__step-icon--Color);
24207
24213
  }
24208
24214
  .pf-v5-c-progress-stepper__step:last-child {
24209
24215
  --pf-v5-c-progress-stepper__step-main--MarginBottom: 0;
@@ -24232,7 +24238,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24232
24238
  display: flex;
24233
24239
  align-items: center;
24234
24240
  justify-content: center;
24235
- width: var(--pf-v5-c-progress-stepper__step-icon--Width);
24241
+ min-width: var(--pf-v5-c-progress-stepper__step-icon--Width);
24236
24242
  height: var(--pf-v5-c-progress-stepper__step-icon--Height);
24237
24243
  font-size: var(--pf-v5-c-progress-stepper__step-icon--FontSize);
24238
24244
  color: var(--pf-v5-c-progress-stepper__step-icon--Color);
@@ -24274,6 +24280,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24274
24280
  border: 0;
24275
24281
  }
24276
24282
  .pf-v5-c-progress-stepper__step-title.pf-m-help-text {
24283
+ padding-inline-start: var(--pf-v5-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
24284
+ padding-inline-end: var(--pf-v5-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
24277
24285
  text-decoration: underline;
24278
24286
  text-decoration-thickness: var(--pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
24279
24287
  text-decoration-style: dashed;
@@ -24281,13 +24289,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24281
24289
  text-underline-offset: var(--pf-v5-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
24282
24290
  cursor: pointer;
24283
24291
  }
24284
- .pf-v5-c-progress-stepper__step-title.pf-m-help-text:hover {
24292
+ .pf-v5-c-progress-stepper__step-title.pf-m-help-text:hover, .pf-v5-c-progress-stepper__step-title.pf-m-help-text:focus {
24285
24293
  --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step-title--m-help-text--hover--Color);
24286
- --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-v5-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor);
24287
- }
24288
- .pf-v5-c-progress-stepper__step-title.pf-m-help-text:focus {
24289
- --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step-title--m-help-text--focus--Color);
24290
- --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-v5-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor);
24291
24294
  }
24292
24295
 
24293
24296
  .pf-v5-c-progress-stepper__step-description {
package/patternfly.css CHANGED
@@ -23964,24 +23964,25 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23964
23964
  margin-block-start: var(--pf-v5-c-progress__helper-text--MarginTop);
23965
23965
  }
23966
23966
 
23967
- .pf-v5-c-progress-stepper {
23967
+ :where(:root),
23968
+ :where(.pf-v5-c-progress-stepper) {
23968
23969
  --pf-v5-c-progress-stepper--m-vertical--GridAutoFlow: row;
23969
23970
  --pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
23970
23971
  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Top: 0;
23971
23972
  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Left: calc(var(--pf-v5-c-progress-stepper__step-icon--Width) / 2);
23972
23973
  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Width: auto;
23973
23974
  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Height: 100%;
23974
- --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--md);
23975
- --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
23975
+ --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-t--global--border--width--box--default);
23976
+ --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-t--global--border--color--default);
23976
23977
  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth: 0;
23977
23978
  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor: transparent;
23978
23979
  --pf-v5-c-progress-stepper--m-vertical__step-connector--before--Transform: translateX(-50%);
23979
- --pf-v5-c-progress-stepper--m-vertical__step-main--MarginTop: var(--pf-v5-global--spacer--xs);
23980
+ --pf-v5-c-progress-stepper--m-vertical__step-main--MarginTop: 0px;
23980
23981
  --pf-v5-c-progress-stepper--m-vertical__step-main--MarginRight: 0;
23981
- --pf-v5-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-v5-global--spacer--xl);
23982
- --pf-v5-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-v5-global--spacer--xs);
23982
+ --pf-v5-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-t--global--spacer--xl);
23983
+ --pf-v5-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-t--global--spacer--sm);
23983
23984
  --pf-v5-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns: 1fr;
23984
- --pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom: var(--pf-v5-global--spacer--sm);
23985
+ --pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom: var(--pf-t--global--spacer--sm);
23985
23986
  --pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow: auto;
23986
23987
  --pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginTop: 0;
23987
23988
  --pf-v5-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight: 0;
@@ -23996,11 +23997,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
23996
23997
  --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Height: auto;
23997
23998
  --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth: 0;
23998
23999
  --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor: unset;
23999
- --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
24000
- --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
24000
+ --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
24001
+ --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor: var(--pf-t--global--border--color--default);
24001
24002
  --pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Transform: translateY(-50%);
24002
- --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginTop: var(--pf-v5-global--spacer--sm);
24003
- --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginRight: var(--pf-v5-global--spacer--sm);
24003
+ --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginTop: var(--pf-t--global--spacer--sm);
24004
+ --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginRight: var(--pf-t--global--spacer--sm);
24004
24005
  --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginBottom: 0;
24005
24006
  --pf-v5-c-progress-stepper--m-horizontal__step-main--MarginLeft: 0;
24006
24007
  --pf-v5-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
@@ -24008,57 +24009,58 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24008
24009
  --pf-v5-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow: 2;
24009
24010
  --pf-v5-c-progress-stepper--m-compact--GridAutoFlow: row;
24010
24011
  --pf-v5-c-progress-stepper--m-compact__step-main--MarginTop: 0;
24011
- --pf-v5-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-v5-global--spacer--sm);
24012
+ --pf-v5-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-t--global--spacer--sm);
24012
24013
  --pf-v5-c-progress-stepper--m-compact__step-connector--MinWidth: 1.75rem;
24013
24014
  --pf-v5-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
24014
- --pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-v5-global--icon--FontSize--sm);
24015
- --pf-v5-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-v5-global--FontSize--sm);
24016
- --pf-v5-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
24015
+ --pf-v5-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-t--global--icon--size--body--sm);
24016
+ --pf-v5-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
24017
+ --pf-v5-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
24017
24018
  --pf-v5-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
24018
24019
  --pf-v5-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
24019
24020
  --pf-v5-c-progress-stepper--m-center__step-connector--before--Left: 50%;
24020
24021
  --pf-v5-c-progress-stepper--m-center--GridTemplateColumns: 1fr;
24021
24022
  --pf-v5-c-progress-stepper--m-center__step-connector--JustifyContent: center;
24022
- --pf-v5-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-v5-global--spacer--xs);
24023
- --pf-v5-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-v5-global--spacer--xs);
24023
+ --pf-v5-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-t--global--spacer--xs);
24024
+ --pf-v5-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-t--global--spacer--xs);
24024
24025
  --pf-v5-c-progress-stepper--m-center__step-main--TextAlign: center;
24025
24026
  --pf-v5-c-progress-stepper--m-center__step-description--MarginRight: 0;
24026
24027
  --pf-v5-c-progress-stepper--m-center__step-description--MarginLeft: 0;
24027
24028
  --pf-v5-c-progress-stepper--GridTemplateRows: auto 1fr;
24028
24029
  --pf-v5-c-progress-stepper__step-connector--JustifyContent: flex-start;
24029
- --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-v5-global--ZIndex--xs);
24030
- --pf-v5-c-progress-stepper__step-icon--Width: 1.75rem;
24030
+ --pf-v5-c-progress-stepper__step-icon--ZIndex: var(--pf-t--global--Zindex--xs);
24031
+ --pf-v5-c-progress-stepper__step-icon--Width: 1.5rem;
24031
24032
  --pf-v5-c-progress-stepper__step-icon--Height: var(--pf-v5-c-progress-stepper__step-icon--Width);
24032
- --pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-v5-global--icon--FontSize--md);
24033
- --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--Color--100);
24034
- --pf-v5-c-progress-stepper__step-icon--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
24035
- --pf-v5-c-progress-stepper__step-icon--BorderWidth: var(--pf-v5-global--BorderWidth--md);
24036
- --pf-v5-c-progress-stepper__step-icon--BorderColor: var(--pf-v5-global--BorderColor--100);
24033
+ --pf-v5-c-progress-stepper__step-icon--FontSize: var(--pf-t--global--icon--size--body--default);
24034
+ --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-t--global--icon--color--regular);
24035
+ --pf-v5-c-progress-stepper__step-icon--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24036
+ --pf-v5-c-progress-stepper__step-icon--BorderWidth: var(--pf-t--global--border--width--box--default);
24037
+ --pf-v5-c-progress-stepper__step-icon--BorderColor: var(--pf-t--global--border--color--default);
24038
+ --pf-v5-c-progress-stepper__step--m-current__step-icon--Color: var(--pf-t--global--icon--color--brand--default);
24039
+ --pf-v5-c-progress-stepper__step--m-info__step-icon--Color: var(--pf-t--global--icon--color--status--info--default);
24040
+ --pf-v5-c-progress-stepper__step--m-success__step-icon--Color: var(--pf-t--global--icon--color--status--success--default);
24041
+ --pf-v5-c-progress-stepper__step--m-warning__step-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
24042
+ --pf-v5-c-progress-stepper__step--m-danger__step-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
24043
+ --pf-v5-c-progress-stepper__step--m-custom__step-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
24037
24044
  --pf-v5-c-progress-stepper__pficon--MarginTop: 3px;
24038
- --pf-v5-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
24039
- --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-global--Color--100);
24045
+ --pf-v5-c-progress-stepper__fa-exclamation-triangle--MarginTop: -2px;
24046
+ --pf-v5-c-progress-stepper__step-title--Color: var(--pf-t--global--text--color--regular);
24040
24047
  --pf-v5-c-progress-stepper__step-title--TextAlign: start;
24041
- --pf-v5-c-progress-stepper__step-title--FontSize: var(--pf-v5-global--FontSize--md);
24042
- --pf-v5-c-progress-stepper__step-title--FontWeight: var(--pf-v5-global--FontWeight--normal);
24043
- --pf-v5-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-v5-global--FontWeight--bold);
24044
- --pf-v5-c-progress-stepper__step--m-current__step-title--Color: var(--pf-v5-global--Color--100);
24045
- --pf-v5-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-v5-global--Color--200);
24046
- --pf-v5-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-v5-global--danger-color--100);
24047
- --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
24048
- --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
24048
+ --pf-v5-c-progress-stepper__step-title--FontSize: var(--pf-t--global--font--size--body--lg);
24049
+ --pf-v5-c-progress-stepper__step-title--FontWeight: var(--pf-t--global--font--weight--body);
24050
+ --pf-v5-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
24051
+ --pf-v5-c-progress-stepper__step--m-current__step-title--Color: var(--pf-t--global--text--color--regular);
24052
+ --pf-v5-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-t--global--text--color--subtle);
24053
+ --pf-v5-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
24054
+ --pf-v5-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
24055
+ --pf-v5-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
24056
+ --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: currentcolor;
24057
+ --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-t--global--link--text-decoration);
24049
24058
  --pf-v5-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
24050
- --pf-v5-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
24051
- --pf-v5-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
24052
- --pf-v5-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-v5-global--Color--100);
24053
- --pf-v5-c-progress-stepper__step-title--m-help-text--focus--Color: var(--pf-v5-global--Color--100);
24054
- --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-v5-global--danger-color--200);
24055
- --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--Color: var(--pf-v5-global--danger-color--200);
24056
- --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--TextDecorationColor: var(--pf-v5-global--danger-color--100);
24057
- --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--danger-color--200);
24058
- --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--danger-color--200);
24059
- --pf-v5-c-progress-stepper__step-description--MarginTop: var(--pf-v5-global--spacer--xs);
24060
- --pf-v5-c-progress-stepper__step-description--FontSize: var(--pf-v5-global--FontSize--sm);
24061
- --pf-v5-c-progress-stepper__step-description--Color: var(--pf-v5-global--Color--200);
24059
+ --pf-v5-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
24060
+ --pf-v5-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
24061
+ --pf-v5-c-progress-stepper__step-description--MarginTop: var(--pf-t--global--spacer--xs);
24062
+ --pf-v5-c-progress-stepper__step-description--FontSize: var(--pf-t--global--font--size--body--sm);
24063
+ --pf-v5-c-progress-stepper__step-description--Color: var(--pf-t--global--text--color--subtle);
24062
24064
  --pf-v5-c-progress-stepper__step-description--TextAlign: start;
24063
24065
  --pf-v5-c-progress-stepper--GridAutoFlow: var(--pf-v5-c-progress-stepper--m-vertical--GridAutoFlow);
24064
24066
  --pf-v5-c-progress-stepper--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-vertical--GridTemplateColumns);
@@ -24080,15 +24082,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24080
24082
  --pf-v5-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-v5-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
24081
24083
  --pf-v5-c-progress-stepper--m-center__step-connector--before--Content: none;
24082
24084
  --pf-v5-c-progress-stepper--m-center__step-main--before--Content: "";
24083
- position: relative;
24084
- display: grid;
24085
- grid-template-rows: var(--pf-v5-c-progress-stepper--GridTemplateRows);
24086
- grid-template-columns: var(--pf-v5-c-progress-stepper--GridTemplateColumns);
24087
- grid-auto-columns: 1fr;
24088
- grid-auto-flow: var(--pf-v5-c-progress-stepper--GridAutoFlow);
24089
24085
  }
24090
24086
  @media screen and (min-width: 768px) {
24091
- .pf-v5-c-progress-stepper {
24087
+ :where(:root),
24088
+ :where(.pf-v5-c-progress-stepper) {
24092
24089
  --pf-v5-c-progress-stepper--GridAutoFlow: var(--pf-v5-c-progress-stepper--m-horizontal--GridAutoFlow);
24093
24090
  --pf-v5-c-progress-stepper--GridTemplateColumns: var(--pf-v5-c-progress-stepper--m-horizontal--GridTemplateColumns);
24094
24091
  --pf-v5-c-progress-stepper__step-connector--before--Top: var(--pf-v5-c-progress-stepper--m-horizontal__step-connector--before--Top);
@@ -24111,6 +24108,15 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24111
24108
  --pf-v5-c-progress-stepper--m-center__step-main--before--Content: none;
24112
24109
  }
24113
24110
  }
24111
+
24112
+ .pf-v5-c-progress-stepper {
24113
+ position: relative;
24114
+ display: grid;
24115
+ grid-template-rows: var(--pf-v5-c-progress-stepper--GridTemplateRows);
24116
+ grid-template-columns: var(--pf-v5-c-progress-stepper--GridTemplateColumns);
24117
+ grid-auto-columns: 1fr;
24118
+ grid-auto-flow: var(--pf-v5-c-progress-stepper--GridAutoFlow);
24119
+ }
24114
24120
  .pf-v5-c-progress-stepper.pf-m-center {
24115
24121
  --pf-v5-c-progress-stepper__step-connector--JustifyContent: var(--pf-v5-c-progress-stepper--m-center__step-connector--JustifyContent);
24116
24122
  --pf-v5-c-progress-stepper__step-main--MarginRight: var(--pf-v5-c-progress-stepper--m-center__step-main--MarginRight);
@@ -24170,8 +24176,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24170
24176
  border: 0;
24171
24177
  }
24172
24178
  .pf-v5-c-progress-stepper.pf-m-compact .pf-v5-c-progress-stepper__step.pf-m-current .pf-v5-c-progress-stepper__step-main {
24173
- grid-column: 1/-1;
24174
24179
  grid-row: 1/2;
24180
+ grid-column: 1/-1;
24175
24181
  }
24176
24182
  .pf-v5-c-progress-stepper.pf-m-compact .pf-v5-c-progress-stepper__step-description {
24177
24183
  display: none;
@@ -24183,27 +24189,27 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24183
24189
  .pf-v5-c-progress-stepper__step.pf-m-current {
24184
24190
  --pf-v5-c-progress-stepper__step-title--FontWeight: var(--pf-v5-c-progress-stepper__step--m-current__step-title--FontWeight);
24185
24191
  --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step--m-current__step-title--Color);
24192
+ --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-current__step-icon--Color);
24186
24193
  }
24187
24194
  .pf-v5-c-progress-stepper__step.pf-m-pending {
24188
24195
  --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step--m-pending__step-title--Color);
24189
24196
  }
24190
24197
  .pf-v5-c-progress-stepper__step.pf-m-success {
24191
- --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--success-color--100);
24198
+ --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-success__step-icon--Color);
24192
24199
  }
24193
24200
  .pf-v5-c-progress-stepper__step.pf-m-danger {
24194
- --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--danger-color--100);
24201
+ --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-danger__step-icon--Color);
24195
24202
  --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step--m-danger__step-title--Color);
24196
24203
  --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);
24197
- --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);
24198
- --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);
24199
- --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);
24200
- --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);
24201
24204
  }
24202
24205
  .pf-v5-c-progress-stepper__step.pf-m-warning {
24203
- --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--warning-color--100);
24206
+ --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-warning__step-icon--Color);
24204
24207
  }
24205
24208
  .pf-v5-c-progress-stepper__step.pf-m-info {
24206
- --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-global--info-color--100);
24209
+ --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-info__step-icon--Color);
24210
+ }
24211
+ .pf-v5-c-progress-stepper__step.pf-m-custom {
24212
+ --pf-v5-c-progress-stepper__step-icon--Color: var(--pf-v5-c-progress-stepper__step--m-custom__step-icon--Color);
24207
24213
  }
24208
24214
  .pf-v5-c-progress-stepper__step:last-child {
24209
24215
  --pf-v5-c-progress-stepper__step-main--MarginBottom: 0;
@@ -24232,7 +24238,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24232
24238
  display: flex;
24233
24239
  align-items: center;
24234
24240
  justify-content: center;
24235
- width: var(--pf-v5-c-progress-stepper__step-icon--Width);
24241
+ min-width: var(--pf-v5-c-progress-stepper__step-icon--Width);
24236
24242
  height: var(--pf-v5-c-progress-stepper__step-icon--Height);
24237
24243
  font-size: var(--pf-v5-c-progress-stepper__step-icon--FontSize);
24238
24244
  color: var(--pf-v5-c-progress-stepper__step-icon--Color);
@@ -24274,6 +24280,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24274
24280
  border: 0;
24275
24281
  }
24276
24282
  .pf-v5-c-progress-stepper__step-title.pf-m-help-text {
24283
+ padding-inline-start: var(--pf-v5-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
24284
+ padding-inline-end: var(--pf-v5-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
24277
24285
  text-decoration: underline;
24278
24286
  text-decoration-thickness: var(--pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
24279
24287
  text-decoration-style: dashed;
@@ -24281,13 +24289,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
24281
24289
  text-underline-offset: var(--pf-v5-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
24282
24290
  cursor: pointer;
24283
24291
  }
24284
- .pf-v5-c-progress-stepper__step-title.pf-m-help-text:hover {
24292
+ .pf-v5-c-progress-stepper__step-title.pf-m-help-text:hover, .pf-v5-c-progress-stepper__step-title.pf-m-help-text:focus {
24285
24293
  --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step-title--m-help-text--hover--Color);
24286
- --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-v5-c-progress-stepper__step-title--m-help-text--hover--TextDecorationColor);
24287
- }
24288
- .pf-v5-c-progress-stepper__step-title.pf-m-help-text:focus {
24289
- --pf-v5-c-progress-stepper__step-title--Color: var(--pf-v5-c-progress-stepper__step-title--m-help-text--focus--Color);
24290
- --pf-v5-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-v5-c-progress-stepper__step-title--m-help-text--focus--TextDecorationColor);
24291
24294
  }
24292
24295
 
24293
24296
  .pf-v5-c-progress-stepper__step-description {