@patternfly/patternfly 4.200.1 → 4.201.0

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 (8) hide show
  1. package/components/ProgressStepper/progress-stepper.css +416 -69
  2. package/components/ProgressStepper/progress-stepper.scss +211 -80
  3. package/docs/components/ProgressStepper/examples/ProgressStepper.md +328 -2
  4. package/package.json +1 -1
  5. package/patternfly-no-reset.css +416 -69
  6. package/patternfly.css +416 -69
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/patternfly-no-reset.css CHANGED
@@ -22959,39 +22959,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22959
22959
  }
22960
22960
 
22961
22961
  .pf-c-progress-stepper {
22962
- --pf-c-progress-stepper--GridAutoFlow: column;
22963
- --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
22964
- --pf-c-progress-stepper--GridTemplateColumns: initial;
22965
22962
  --pf-c-progress-stepper--m-vertical--GridAutoFlow: row;
22966
22963
  --pf-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
22967
- --pf-c-progress-stepper--m-compact--GridAutoFlow: row;
22968
- --pf-c-progress-stepper--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
22969
- --pf-c-progress-stepper__step-connector--JustifyContent: start;
22970
- --pf-c-progress-stepper--m-center__step-connector--JustifyContent: center;
22971
- --pf-c-progress-stepper__step-icon--ZIndex: var(--pf-global--ZIndex--xs);
22972
- --pf-c-progress-stepper__step-icon--Width: 1.75rem;
22973
- --pf-c-progress-stepper__step-icon--Height: var(--pf-c-progress-stepper__step-icon--Width);
22974
- --pf-c-progress-stepper__step-icon--FontSize: var(--pf-global--icon--FontSize--md);
22975
- --pf-c-progress-stepper__step-icon--Color: var(--pf-global--Color--100);
22976
- --pf-c-progress-stepper__step-icon--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
22977
- --pf-c-progress-stepper__step-icon--BorderWidth: var(--pf-global--BorderWidth--md);
22978
- --pf-c-progress-stepper__step-icon--BorderColor: var(--pf-global--BorderColor--100);
22979
- --pf-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
22980
- --pf-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-global--icon--FontSize--sm);
22981
- --pf-c-progress-stepper__pficon--MarginTop: 3px;
22982
- --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
22983
- --pf-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
22984
- --pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
22985
- --pf-c-progress-stepper__step-connector--before--Top: calc(var(--pf-c-progress-stepper__step-icon--Height) / 2);
22986
- --pf-c-progress-stepper__step-connector--before--Left: 0;
22987
- --pf-c-progress-stepper__step-connector--before--Width: 100%;
22988
- --pf-c-progress-stepper__step-connector--before--Height: auto;
22989
- --pf-c-progress-stepper__step-connector--before--BorderRightColor: unset;
22990
- --pf-c-progress-stepper__step-connector--before--BorderRightWidth: 0;
22991
- --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
22992
- --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-global--BorderColor--100);
22993
- --pf-c-progress-stepper__step-connector--before--Transform: translateY(-50%);
22994
- --pf-c-progress-stepper--m-center__step-connector--before--Left: 50%;
22995
22964
  --pf-c-progress-stepper--m-vertical__step-connector--before--Top: 0;
22996
22965
  --pf-c-progress-stepper--m-vertical__step-connector--before--Left: calc(var(--pf-c-progress-stepper__step-icon--Width) / 2);
22997
22966
  --pf-c-progress-stepper--m-vertical__step-connector--before--Width: auto;
@@ -22999,19 +22968,67 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22999
22968
  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-global--BorderWidth--md);
23000
22969
  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-global--BorderColor--100);
23001
22970
  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth: 0;
22971
+ --pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor: transparent;
23002
22972
  --pf-c-progress-stepper--m-vertical__step-connector--before--Transform: translateX(-50%);
23003
- --pf-c-progress-stepper__step-main--MarginTop: var(--pf-global--spacer--sm);
23004
- --pf-c-progress-stepper__step-main--MarginRight: var(--pf-global--spacer--sm);
23005
- --pf-c-progress-stepper__step-main--MarginBottom: 0;
23006
- --pf-c-progress-stepper__step-main--MarginLeft: 0;
23007
- --pf-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-global--spacer--xs);
23008
- --pf-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-global--spacer--xs);
23009
22973
  --pf-c-progress-stepper--m-vertical__step-main--MarginTop: var(--pf-global--spacer--xs);
23010
22974
  --pf-c-progress-stepper--m-vertical__step-main--MarginRight: 0;
23011
22975
  --pf-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-global--spacer--xl);
23012
22976
  --pf-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-global--spacer--xs);
22977
+ --pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns: 1fr;
22978
+ --pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom: var(--pf-global--spacer--sm);
22979
+ --pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow: auto;
22980
+ --pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight: 0;
22981
+ --pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight: 0;
22982
+ --pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft: 0;
22983
+ --pf-c-progress-stepper--m-horizontal--GridAutoFlow: column;
22984
+ --pf-c-progress-stepper--m-horizontal--GridTemplateColumns: initial;
22985
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--Top: calc(var(--pf-c-progress-stepper__step-icon--Height) / 2);
22986
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--Left: 0;
22987
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--Width: 100%;
22988
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--Height: auto;
22989
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth: 0;
22990
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor: unset;
22991
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
22992
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor: var(--pf-global--BorderColor--100);
22993
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--Transform: translateY(-50%);
22994
+ --pf-c-progress-stepper--m-horizontal__step-main--MarginTop: var(--pf-global--spacer--sm);
22995
+ --pf-c-progress-stepper--m-horizontal__step-main--MarginRight: var(--pf-global--spacer--sm);
22996
+ --pf-c-progress-stepper--m-horizontal__step-main--MarginBottom: 0;
22997
+ --pf-c-progress-stepper--m-horizontal__step-main--MarginLeft: 0;
22998
+ --pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
22999
+ --pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom: 0;
23000
+ --pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow: 2;
23001
+ --pf-c-progress-stepper--m-compact--GridAutoFlow: row;
23013
23002
  --pf-c-progress-stepper--m-compact__step-main--MarginTop: 0;
23014
23003
  --pf-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-global--spacer--sm);
23004
+ --pf-c-progress-stepper--m-compact__step-connector--MinWidth: 1.75rem;
23005
+ --pf-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
23006
+ --pf-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-global--icon--FontSize--sm);
23007
+ --pf-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-global--FontSize--sm);
23008
+ --pf-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-global--FontWeight--normal);
23009
+ --pf-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
23010
+ --pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
23011
+ --pf-c-progress-stepper--m-center__step-connector--before--Left: 50%;
23012
+ --pf-c-progress-stepper--m-center--GridTemplateColumns: 1fr;
23013
+ --pf-c-progress-stepper--m-center__step-connector--JustifyContent: center;
23014
+ --pf-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-global--spacer--xs);
23015
+ --pf-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-global--spacer--xs);
23016
+ --pf-c-progress-stepper--m-center__step-title--TextAlign: center;
23017
+ --pf-c-progress-stepper--m-center__step-description--TextAlign: center;
23018
+ --pf-c-progress-stepper--m-center__step-description--MarginRight: 0;
23019
+ --pf-c-progress-stepper--m-center__step-description--MarginLeft: 0;
23020
+ --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
23021
+ --pf-c-progress-stepper__step-connector--JustifyContent: start;
23022
+ --pf-c-progress-stepper__step-icon--ZIndex: var(--pf-global--ZIndex--xs);
23023
+ --pf-c-progress-stepper__step-icon--Width: 1.75rem;
23024
+ --pf-c-progress-stepper__step-icon--Height: var(--pf-c-progress-stepper__step-icon--Width);
23025
+ --pf-c-progress-stepper__step-icon--FontSize: var(--pf-global--icon--FontSize--md);
23026
+ --pf-c-progress-stepper__step-icon--Color: var(--pf-global--Color--100);
23027
+ --pf-c-progress-stepper__step-icon--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
23028
+ --pf-c-progress-stepper__step-icon--BorderWidth: var(--pf-global--BorderWidth--md);
23029
+ --pf-c-progress-stepper__step-icon--BorderColor: var(--pf-global--BorderColor--100);
23030
+ --pf-c-progress-stepper__pficon--MarginTop: 3px;
23031
+ --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
23015
23032
  --pf-c-progress-stepper__step-title--Color: var(--pf-global--Color--100);
23016
23033
  --pf-c-progress-stepper__step-title--TextAlign: left;
23017
23034
  --pf-c-progress-stepper__step-title--FontSize: var(--pf-global--FontSize--md);
@@ -23020,9 +23037,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23020
23037
  --pf-c-progress-stepper__step--m-current__step-title--Color: var(--pf-global--Color--100);
23021
23038
  --pf-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-global--Color--200);
23022
23039
  --pf-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-global--danger-color--100);
23023
- --pf-c-progress-stepper--m-center__step-title--TextAlign: center;
23024
- --pf-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-global--FontSize--sm);
23025
- --pf-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-global--FontWeight--normal);
23026
23040
  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
23027
23041
  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
23028
23042
  --pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
@@ -23039,9 +23053,26 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23039
23053
  --pf-c-progress-stepper__step-description--FontSize: var(--pf-global--FontSize--sm);
23040
23054
  --pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
23041
23055
  --pf-c-progress-stepper__step-description--TextAlign: left;
23042
- --pf-c-progress-stepper--m-center__step-description--TextAlign: center;
23043
- --pf-c-progress-stepper--m-center__step-description--MarginRight: 0;
23044
- --pf-c-progress-stepper--m-center__step-description--MarginLeft: 0;
23056
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
23057
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
23058
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
23059
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
23060
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
23061
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
23062
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
23063
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
23064
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
23065
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
23066
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
23067
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
23068
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
23069
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
23070
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
23071
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
23072
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
23073
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
23074
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
23075
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23045
23076
  position: relative;
23046
23077
  display: grid;
23047
23078
  grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
@@ -23049,43 +23080,76 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23049
23080
  grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows);
23050
23081
  grid-auto-columns: 1fr;
23051
23082
  }
23083
+ @media screen and (min-width: 768px) {
23084
+ .pf-c-progress-stepper {
23085
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
23086
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
23087
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
23088
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
23089
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
23090
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
23091
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
23092
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
23093
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
23094
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
23095
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
23096
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
23097
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
23098
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
23099
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
23100
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
23101
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
23102
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
23103
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
23104
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
23105
+ }
23106
+ }
23052
23107
  .pf-c-progress-stepper.pf-m-center {
23053
- --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-center__step-connector--before--Left);
23054
23108
  --pf-c-progress-stepper__step-connector--JustifyContent: var(--pf-c-progress-stepper--m-center__step-connector--JustifyContent);
23055
23109
  --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-center__step-main--MarginRight);
23056
23110
  --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-center__step-main--MarginLeft);
23111
+ --pf-c-progress-stepper__step-title--TextAlign: var(--pf-c-progress-stepper--m-center__step-title--TextAlign);
23057
23112
  --pf-c-progress-stepper__step-description--MarginRight: var(--pf-c-progress-stepper--m-center__step-description--MarginRight);
23058
23113
  --pf-c-progress-stepper__step-description--MarginLeft: var(--pf-c-progress-stepper--m-center__step-description--MarginLeft);
23059
- --pf-c-progress-stepper__step-title--TextAlign: var(--pf-c-progress-stepper--m-center__step-title--TextAlign);
23060
23114
  --pf-c-progress-stepper__step-description--TextAlign: var(--pf-c-progress-stepper--m-center__step-description--TextAlign);
23115
+ --pf-c-progress-stepper--m-vertical__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight);
23116
+ --pf-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft);
23117
+ grid-template-columns: var(--pf-c-progress-stepper--m-center--GridTemplateColumns);
23061
23118
  }
23062
- .pf-c-progress-stepper.pf-m-vertical {
23063
- --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
23064
- --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
23065
- --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
23066
- --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
23067
- --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
23068
- --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
23069
- --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
23070
- --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
23071
- --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
23072
- --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
23073
- --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
23074
- --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
23075
- --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
23076
- --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
23119
+ .pf-c-progress-stepper.pf-m-center .pf-c-progress-stepper__step-main {
23120
+ position: relative;
23121
+ }
23122
+ .pf-c-progress-stepper.pf-m-center .pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-connector::before {
23123
+ left: var(--pf-c-progress-stepper--m-center__step-connector--before--Left);
23124
+ }
23125
+ .pf-c-progress-stepper.pf-m-center:not(.pf-m-compact) .pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-main::before {
23126
+ content: var(--pf-c-progress-stepper--m-center__step-main--before--Content);
23127
+ }
23128
+ .pf-c-progress-stepper.pf-m-center:not(.pf-m-compact) .pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-connector::before {
23129
+ content: var(--pf-c-progress-stepper--m-center__step-connector--before--Content);
23077
23130
  }
23078
23131
  .pf-c-progress-stepper.pf-m-compact {
23079
- --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
23080
- --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);
23081
- --pf-c-progress-stepper__step-icon--Width: var(--pf-c-progress-stepper--m-compact__step-icon--Width);
23082
- --pf-c-progress-stepper__step-icon--FontSize: var(--pf-c-progress-stepper--m-compact__step-icon--FontSize);
23083
- --pf-c-progress-stepper__pficon--MarginTop: var(--pf-c-progress-stepper--m-compact__pficon--MarginTop);
23084
- --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);
23085
23132
  --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-compact__step-main--MarginTop);
23086
23133
  --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom);
23134
+ --pf-c-progress-stepper__step-icon--Width: var(--pf-c-progress-stepper--m-compact__step-icon--Width);
23135
+ --pf-c-progress-stepper__step-icon--FontSize: var(--pf-c-progress-stepper--m-compact__step-icon--FontSize);
23087
23136
  --pf-c-progress-stepper__step-title--FontSize: var(--pf-c-progress-stepper--m-compact__step-title--FontSize);
23088
23137
  --pf-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-c-progress-stepper--m-compact__step-title--FontWeight);
23138
+ --pf-c-progress-stepper__pficon--MarginTop: var(--pf-c-progress-stepper--m-compact__pficon--MarginTop);
23139
+ --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);
23140
+ --pf-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginLeft);
23141
+ --pf-c-progress-stepper--m-vertical__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight);
23142
+ display: inline-grid;
23143
+ grid-template-columns: var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);
23144
+ grid-auto-flow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
23145
+ }
23146
+ .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-connector {
23147
+ min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
23148
+ grid-row: var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);
23149
+ padding-bottom: var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom);
23150
+ }
23151
+ .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-main {
23152
+ margin-bottom: var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom);
23089
23153
  }
23090
23154
  .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step:not(.pf-m-current) .pf-c-progress-stepper__step-main {
23091
23155
  position: fixed;
@@ -23096,13 +23160,13 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23096
23160
  white-space: nowrap;
23097
23161
  border: 0;
23098
23162
  }
23099
- .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-description {
23100
- display: none;
23101
- }
23102
23163
  .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step.pf-m-current .pf-c-progress-stepper__step-main {
23103
23164
  grid-column: 1/-1;
23104
23165
  grid-row: 1/2;
23105
23166
  }
23167
+ .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-description {
23168
+ display: none;
23169
+ }
23106
23170
 
23107
23171
  .pf-c-progress-stepper__step {
23108
23172
  display: contents;
@@ -23177,6 +23241,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23177
23241
  .pf-c-progress-stepper__step-main {
23178
23242
  margin: var(--pf-c-progress-stepper__step-main--MarginTop) var(--pf-c-progress-stepper__step-main--MarginRight) var(--pf-c-progress-stepper__step-main--MarginBottom) var(--pf-c-progress-stepper__step-main--MarginLeft);
23179
23243
  }
23244
+ .pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-main::before {
23245
+ position: absolute;
23246
+ top: calc(100% + var(--pf-c-progress-stepper__step-main--MarginTop));
23247
+ left: calc(50% - calc(var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) / 2));
23248
+ width: auto;
23249
+ height: calc(var(--pf-c-progress-stepper__step-main--MarginTop) + var(--pf-c-progress-stepper__step-main--MarginBottom));
23250
+ border-right: var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);
23251
+ }
23180
23252
 
23181
23253
  .pf-c-progress-stepper__step-title {
23182
23254
  font-size: var(--pf-c-progress-stepper__step-title--FontSize);
@@ -23209,6 +23281,281 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23209
23281
  text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
23210
23282
  }
23211
23283
 
23284
+ .pf-c-progress-stepper.pf-m-horizontal {
23285
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
23286
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
23287
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
23288
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
23289
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
23290
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
23291
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
23292
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
23293
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
23294
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
23295
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
23296
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
23297
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
23298
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
23299
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
23300
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
23301
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
23302
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
23303
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
23304
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
23305
+ }
23306
+ .pf-c-progress-stepper.pf-m-vertical {
23307
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
23308
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
23309
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
23310
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
23311
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
23312
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
23313
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
23314
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
23315
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
23316
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
23317
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
23318
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
23319
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
23320
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
23321
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
23322
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
23323
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
23324
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
23325
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
23326
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23327
+ }
23328
+ @media (min-width: 576px) {
23329
+ .pf-c-progress-stepper.pf-m-horizontal-on-sm {
23330
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
23331
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
23332
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
23333
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
23334
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
23335
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
23336
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
23337
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
23338
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
23339
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
23340
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
23341
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
23342
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
23343
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
23344
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
23345
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
23346
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
23347
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
23348
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
23349
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
23350
+ }
23351
+ .pf-c-progress-stepper.pf-m-vertical-on-sm {
23352
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
23353
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
23354
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
23355
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
23356
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
23357
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
23358
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
23359
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
23360
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
23361
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
23362
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
23363
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
23364
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
23365
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
23366
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
23367
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
23368
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
23369
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
23370
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
23371
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23372
+ }
23373
+ }
23374
+ @media (min-width: 768px) {
23375
+ .pf-c-progress-stepper.pf-m-horizontal-on-md {
23376
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
23377
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
23378
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
23379
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
23380
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
23381
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
23382
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
23383
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
23384
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
23385
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
23386
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
23387
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
23388
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
23389
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
23390
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
23391
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
23392
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
23393
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
23394
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
23395
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
23396
+ }
23397
+ .pf-c-progress-stepper.pf-m-vertical-on-md {
23398
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
23399
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
23400
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
23401
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
23402
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
23403
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
23404
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
23405
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
23406
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
23407
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
23408
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
23409
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
23410
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
23411
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
23412
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
23413
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
23414
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
23415
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
23416
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
23417
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23418
+ }
23419
+ }
23420
+ @media (min-width: 992px) {
23421
+ .pf-c-progress-stepper.pf-m-horizontal-on-lg {
23422
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
23423
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
23424
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
23425
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
23426
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
23427
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
23428
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
23429
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
23430
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
23431
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
23432
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
23433
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
23434
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
23435
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
23436
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
23437
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
23438
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
23439
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
23440
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
23441
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
23442
+ }
23443
+ .pf-c-progress-stepper.pf-m-vertical-on-lg {
23444
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
23445
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
23446
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
23447
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
23448
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
23449
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
23450
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
23451
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
23452
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
23453
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
23454
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
23455
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
23456
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
23457
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
23458
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
23459
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
23460
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
23461
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
23462
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
23463
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23464
+ }
23465
+ }
23466
+ @media (min-width: 1200px) {
23467
+ .pf-c-progress-stepper.pf-m-horizontal-on-xl {
23468
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
23469
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
23470
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
23471
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
23472
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
23473
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
23474
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
23475
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
23476
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
23477
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
23478
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
23479
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
23480
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
23481
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
23482
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
23483
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
23484
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
23485
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
23486
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
23487
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
23488
+ }
23489
+ .pf-c-progress-stepper.pf-m-vertical-on-xl {
23490
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
23491
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
23492
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
23493
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
23494
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
23495
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
23496
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
23497
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
23498
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
23499
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
23500
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
23501
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
23502
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
23503
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
23504
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
23505
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
23506
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
23507
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
23508
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
23509
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23510
+ }
23511
+ }
23512
+ @media (min-width: 1450px) {
23513
+ .pf-c-progress-stepper.pf-m-horizontal-on-2xl {
23514
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
23515
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
23516
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
23517
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
23518
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
23519
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
23520
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
23521
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
23522
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
23523
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
23524
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
23525
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
23526
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
23527
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
23528
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
23529
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
23530
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
23531
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
23532
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
23533
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
23534
+ }
23535
+ .pf-c-progress-stepper.pf-m-vertical-on-2xl {
23536
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
23537
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
23538
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
23539
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
23540
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
23541
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
23542
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
23543
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
23544
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
23545
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
23546
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
23547
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
23548
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
23549
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
23550
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
23551
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
23552
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
23553
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
23554
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
23555
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23556
+ }
23557
+ }
23558
+
23212
23559
  .pf-c-radio {
23213
23560
  --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
23214
23561
  --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);