@patternfly/patternfly 4.199.0 → 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 (15) hide show
  1. package/components/DescriptionList/description-list.css +36 -2
  2. package/components/DescriptionList/description-list.scss +31 -2
  3. package/components/ProgressStepper/progress-stepper.css +416 -69
  4. package/components/ProgressStepper/progress-stepper.scss +211 -80
  5. package/components/Wizard/wizard.css +2 -1
  6. package/components/Wizard/wizard.scss +3 -1
  7. package/docs/components/DescriptionList/examples/DescriptionList.md +316 -11
  8. package/docs/components/ProgressStepper/examples/ProgressStepper.md +328 -2
  9. package/docs/components/Wizard/examples/Wizard.md +59 -57
  10. package/docs/demos/Wizard/examples/Wizard.md +2581 -275
  11. package/package.json +1 -1
  12. package/patternfly-no-reset.css +454 -72
  13. package/patternfly.css +454 -72
  14. package/patternfly.min.css +1 -1
  15. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -10648,6 +10648,7 @@ label.pf-c-check, .pf-c-check__label,
10648
10648
  --pf-c-description-list__group--RowGap: var(--pf-global--spacer--sm);
10649
10649
  --pf-c-description-list__group--ColumnGap: var(--pf-global--spacer--sm);
10650
10650
  --pf-c-description-list__group--GridTemplateColumns: auto;
10651
+ --pf-c-description-list__group--GridTemplateRows: auto 1fr;
10651
10652
  --pf-c-description-list__group--GridColumn: auto;
10652
10653
  --pf-c-description-list--m-compact--RowGap: var(--pf-global--gutter);
10653
10654
  --pf-c-description-list--m-compact--ColumnGap: var(--pf-global--spacer--sm);
@@ -10660,9 +10661,11 @@ label.pf-c-check, .pf-c-check__label,
10660
10661
  --pf-c-description-list__term-icon--MarginRight: var(--pf-global--spacer--sm);
10661
10662
  --pf-c-description-list__term-icon--Color: var(--pf-global--icon--Color--light);
10662
10663
  --pf-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-c-description-list--GridTemplateColumns--count));
10664
+ --pf-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
10663
10665
  --pf-c-description-list--m-horizontal__term--width: 12ch;
10664
10666
  --pf-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
10665
10667
  --pf-c-description-list--m-horizontal__group--GridTemplateColumns: var(--pf-c-description-list__term--width) var(--pf-c-description-list--m-horizontal__description--width);
10668
+ --pf-c-description-list--m-horizontal__group--GridTemplateRows: auto;
10666
10669
  --pf-c-description-list--m-1-col--GridTemplateColumns--count: 1;
10667
10670
  --pf-c-description-list--m-2-col--GridTemplateColumns--count: 2;
10668
10671
  --pf-c-description-list--m-3-col--GridTemplateColumns--count: 3;
@@ -10673,6 +10676,8 @@ label.pf-c-check, .pf-c-check__label,
10673
10676
  --pf-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
10674
10677
  --pf-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
10675
10678
  --pf-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
10679
+ --pf-c-description-list--m-display-lg__description--FontSize: var(--pf-global--FontSize--lg);
10680
+ --pf-c-description-list--m-display-2xl__description--FontSize: var(--pf-global--FontSize--2xl);
10676
10681
  display: grid;
10677
10682
  align-items: baseline;
10678
10683
  row-gap: var(--pf-c-description-list--RowGap);
@@ -10759,7 +10764,8 @@ label.pf-c-check, .pf-c-check__label,
10759
10764
  column-count: var(--pf-c-description-list--GridTemplateColumns--count);
10760
10765
  margin-bottom: calc(var(--pf-c-description-list--RowGap) * -1);
10761
10766
  }
10762
- .pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group {
10767
+ .pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group,
10768
+ .pf-c-description-list.pf-m-fill-columns > .pf-c-card {
10763
10769
  display: inline-grid;
10764
10770
  width: 100%;
10765
10771
  margin-bottom: var(--pf-c-description-list--RowGap);
@@ -10768,13 +10774,25 @@ label.pf-c-check, .pf-c-check__label,
10768
10774
  -webkit-column-break-inside: avoid;
10769
10775
  -moz-column-break-inside: avoid;
10770
10776
  }
10777
+ .pf-c-description-list.pf-m-display-lg {
10778
+ --pf-c-description-list__description--FontSize: var(--pf-c-description-list--m-display-lg__description--FontSize);
10779
+ }
10780
+ .pf-c-description-list.pf-m-display-2xl {
10781
+ --pf-c-description-list__description--FontSize: var(--pf-c-description-list--m-display-2xl__description--FontSize);
10782
+ }
10783
+ .pf-c-description-list > .pf-c-card {
10784
+ align-self: stretch;
10785
+ padding: var(--pf-c-card--first-child--PaddingTop) var(--pf-c-card--child--PaddingRight) var(--pf-c-card--child--PaddingBottom) var(--pf-c-card--child--PaddingLeft);
10786
+ }
10771
10787
 
10772
- .pf-c-description-list__group {
10788
+ .pf-c-description-list__group,
10789
+ .pf-c-description-list > .pf-c-card {
10773
10790
  display: grid;
10774
10791
  grid-column: var(--pf-c-description-list__group--GridColumn);
10775
10792
  row-gap: var(--pf-c-description-list__group--RowGap);
10776
10793
  column-gap: var(--pf-c-description-list__group--ColumnGap);
10777
10794
  grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
10795
+ grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
10778
10796
  align-items: baseline;
10779
10797
  }
10780
10798
 
@@ -10802,6 +10820,10 @@ label.pf-c-check, .pf-c-check__label,
10802
10820
  color: var(--pf-c-description-list__term-icon--Color);
10803
10821
  }
10804
10822
 
10823
+ .pf-c-description-list__description {
10824
+ font-size: var(--pf-c-description-list__description--FontSize, inherit);
10825
+ }
10826
+
10805
10827
  .pf-c-description-list__text {
10806
10828
  min-width: 0;
10807
10829
  }
@@ -10831,9 +10853,11 @@ label.pf-c-check, .pf-c-check__label,
10831
10853
  }
10832
10854
  .pf-c-description-list.pf-m-horizontal {
10833
10855
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10856
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10834
10857
  }
10835
10858
  .pf-c-description-list.pf-m-vertical {
10836
10859
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10860
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10837
10861
  }
10838
10862
  @media (min-width: 576px) {
10839
10863
  .pf-c-description-list.pf-m-1-col-on-sm {
@@ -10847,9 +10871,11 @@ label.pf-c-check, .pf-c-check__label,
10847
10871
  }
10848
10872
  .pf-c-description-list.pf-m-horizontal-on-sm {
10849
10873
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10874
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10850
10875
  }
10851
10876
  .pf-c-description-list.pf-m-vertical-on-sm {
10852
10877
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10878
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10853
10879
  }
10854
10880
  }
10855
10881
  @media (min-width: 768px) {
@@ -10864,9 +10890,11 @@ label.pf-c-check, .pf-c-check__label,
10864
10890
  }
10865
10891
  .pf-c-description-list.pf-m-horizontal-on-md {
10866
10892
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10893
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10867
10894
  }
10868
10895
  .pf-c-description-list.pf-m-vertical-on-md {
10869
10896
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10897
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10870
10898
  }
10871
10899
  }
10872
10900
  @media (min-width: 992px) {
@@ -10881,9 +10909,11 @@ label.pf-c-check, .pf-c-check__label,
10881
10909
  }
10882
10910
  .pf-c-description-list.pf-m-horizontal-on-lg {
10883
10911
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10912
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10884
10913
  }
10885
10914
  .pf-c-description-list.pf-m-vertical-on-lg {
10886
10915
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10916
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10887
10917
  }
10888
10918
  }
10889
10919
  @media (min-width: 1200px) {
@@ -10898,9 +10928,11 @@ label.pf-c-check, .pf-c-check__label,
10898
10928
  }
10899
10929
  .pf-c-description-list.pf-m-horizontal-on-xl {
10900
10930
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10931
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10901
10932
  }
10902
10933
  .pf-c-description-list.pf-m-vertical-on-xl {
10903
10934
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10935
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10904
10936
  }
10905
10937
  }
10906
10938
  @media (min-width: 1450px) {
@@ -10915,9 +10947,11 @@ label.pf-c-check, .pf-c-check__label,
10915
10947
  }
10916
10948
  .pf-c-description-list.pf-m-horizontal-on-2xl {
10917
10949
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10950
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10918
10951
  }
10919
10952
  .pf-c-description-list.pf-m-vertical-on-2xl {
10920
10953
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10954
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10921
10955
  }
10922
10956
  }
10923
10957
 
@@ -23052,39 +23086,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23052
23086
  }
23053
23087
 
23054
23088
  .pf-c-progress-stepper {
23055
- --pf-c-progress-stepper--GridAutoFlow: column;
23056
- --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
23057
- --pf-c-progress-stepper--GridTemplateColumns: initial;
23058
23089
  --pf-c-progress-stepper--m-vertical--GridAutoFlow: row;
23059
23090
  --pf-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
23060
- --pf-c-progress-stepper--m-compact--GridAutoFlow: row;
23061
- --pf-c-progress-stepper--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
23062
- --pf-c-progress-stepper__step-connector--JustifyContent: start;
23063
- --pf-c-progress-stepper--m-center__step-connector--JustifyContent: center;
23064
- --pf-c-progress-stepper__step-icon--ZIndex: var(--pf-global--ZIndex--xs);
23065
- --pf-c-progress-stepper__step-icon--Width: 1.75rem;
23066
- --pf-c-progress-stepper__step-icon--Height: var(--pf-c-progress-stepper__step-icon--Width);
23067
- --pf-c-progress-stepper__step-icon--FontSize: var(--pf-global--icon--FontSize--md);
23068
- --pf-c-progress-stepper__step-icon--Color: var(--pf-global--Color--100);
23069
- --pf-c-progress-stepper__step-icon--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
23070
- --pf-c-progress-stepper__step-icon--BorderWidth: var(--pf-global--BorderWidth--md);
23071
- --pf-c-progress-stepper__step-icon--BorderColor: var(--pf-global--BorderColor--100);
23072
- --pf-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
23073
- --pf-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-global--icon--FontSize--sm);
23074
- --pf-c-progress-stepper__pficon--MarginTop: 3px;
23075
- --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
23076
- --pf-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
23077
- --pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
23078
- --pf-c-progress-stepper__step-connector--before--Top: calc(var(--pf-c-progress-stepper__step-icon--Height) / 2);
23079
- --pf-c-progress-stepper__step-connector--before--Left: 0;
23080
- --pf-c-progress-stepper__step-connector--before--Width: 100%;
23081
- --pf-c-progress-stepper__step-connector--before--Height: auto;
23082
- --pf-c-progress-stepper__step-connector--before--BorderRightColor: unset;
23083
- --pf-c-progress-stepper__step-connector--before--BorderRightWidth: 0;
23084
- --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
23085
- --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-global--BorderColor--100);
23086
- --pf-c-progress-stepper__step-connector--before--Transform: translateY(-50%);
23087
- --pf-c-progress-stepper--m-center__step-connector--before--Left: 50%;
23088
23091
  --pf-c-progress-stepper--m-vertical__step-connector--before--Top: 0;
23089
23092
  --pf-c-progress-stepper--m-vertical__step-connector--before--Left: calc(var(--pf-c-progress-stepper__step-icon--Width) / 2);
23090
23093
  --pf-c-progress-stepper--m-vertical__step-connector--before--Width: auto;
@@ -23092,19 +23095,67 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23092
23095
  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-global--BorderWidth--md);
23093
23096
  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-global--BorderColor--100);
23094
23097
  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth: 0;
23098
+ --pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor: transparent;
23095
23099
  --pf-c-progress-stepper--m-vertical__step-connector--before--Transform: translateX(-50%);
23096
- --pf-c-progress-stepper__step-main--MarginTop: var(--pf-global--spacer--sm);
23097
- --pf-c-progress-stepper__step-main--MarginRight: var(--pf-global--spacer--sm);
23098
- --pf-c-progress-stepper__step-main--MarginBottom: 0;
23099
- --pf-c-progress-stepper__step-main--MarginLeft: 0;
23100
- --pf-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-global--spacer--xs);
23101
- --pf-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-global--spacer--xs);
23102
23100
  --pf-c-progress-stepper--m-vertical__step-main--MarginTop: var(--pf-global--spacer--xs);
23103
23101
  --pf-c-progress-stepper--m-vertical__step-main--MarginRight: 0;
23104
23102
  --pf-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-global--spacer--xl);
23105
23103
  --pf-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-global--spacer--xs);
23104
+ --pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns: 1fr;
23105
+ --pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom: var(--pf-global--spacer--sm);
23106
+ --pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow: auto;
23107
+ --pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight: 0;
23108
+ --pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight: 0;
23109
+ --pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft: 0;
23110
+ --pf-c-progress-stepper--m-horizontal--GridAutoFlow: column;
23111
+ --pf-c-progress-stepper--m-horizontal--GridTemplateColumns: initial;
23112
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--Top: calc(var(--pf-c-progress-stepper__step-icon--Height) / 2);
23113
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--Left: 0;
23114
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--Width: 100%;
23115
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--Height: auto;
23116
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth: 0;
23117
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor: unset;
23118
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
23119
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor: var(--pf-global--BorderColor--100);
23120
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--Transform: translateY(-50%);
23121
+ --pf-c-progress-stepper--m-horizontal__step-main--MarginTop: var(--pf-global--spacer--sm);
23122
+ --pf-c-progress-stepper--m-horizontal__step-main--MarginRight: var(--pf-global--spacer--sm);
23123
+ --pf-c-progress-stepper--m-horizontal__step-main--MarginBottom: 0;
23124
+ --pf-c-progress-stepper--m-horizontal__step-main--MarginLeft: 0;
23125
+ --pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
23126
+ --pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom: 0;
23127
+ --pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow: 2;
23128
+ --pf-c-progress-stepper--m-compact--GridAutoFlow: row;
23106
23129
  --pf-c-progress-stepper--m-compact__step-main--MarginTop: 0;
23107
23130
  --pf-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-global--spacer--sm);
23131
+ --pf-c-progress-stepper--m-compact__step-connector--MinWidth: 1.75rem;
23132
+ --pf-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
23133
+ --pf-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-global--icon--FontSize--sm);
23134
+ --pf-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-global--FontSize--sm);
23135
+ --pf-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-global--FontWeight--normal);
23136
+ --pf-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
23137
+ --pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
23138
+ --pf-c-progress-stepper--m-center__step-connector--before--Left: 50%;
23139
+ --pf-c-progress-stepper--m-center--GridTemplateColumns: 1fr;
23140
+ --pf-c-progress-stepper--m-center__step-connector--JustifyContent: center;
23141
+ --pf-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-global--spacer--xs);
23142
+ --pf-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-global--spacer--xs);
23143
+ --pf-c-progress-stepper--m-center__step-title--TextAlign: center;
23144
+ --pf-c-progress-stepper--m-center__step-description--TextAlign: center;
23145
+ --pf-c-progress-stepper--m-center__step-description--MarginRight: 0;
23146
+ --pf-c-progress-stepper--m-center__step-description--MarginLeft: 0;
23147
+ --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
23148
+ --pf-c-progress-stepper__step-connector--JustifyContent: start;
23149
+ --pf-c-progress-stepper__step-icon--ZIndex: var(--pf-global--ZIndex--xs);
23150
+ --pf-c-progress-stepper__step-icon--Width: 1.75rem;
23151
+ --pf-c-progress-stepper__step-icon--Height: var(--pf-c-progress-stepper__step-icon--Width);
23152
+ --pf-c-progress-stepper__step-icon--FontSize: var(--pf-global--icon--FontSize--md);
23153
+ --pf-c-progress-stepper__step-icon--Color: var(--pf-global--Color--100);
23154
+ --pf-c-progress-stepper__step-icon--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
23155
+ --pf-c-progress-stepper__step-icon--BorderWidth: var(--pf-global--BorderWidth--md);
23156
+ --pf-c-progress-stepper__step-icon--BorderColor: var(--pf-global--BorderColor--100);
23157
+ --pf-c-progress-stepper__pficon--MarginTop: 3px;
23158
+ --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
23108
23159
  --pf-c-progress-stepper__step-title--Color: var(--pf-global--Color--100);
23109
23160
  --pf-c-progress-stepper__step-title--TextAlign: left;
23110
23161
  --pf-c-progress-stepper__step-title--FontSize: var(--pf-global--FontSize--md);
@@ -23113,9 +23164,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23113
23164
  --pf-c-progress-stepper__step--m-current__step-title--Color: var(--pf-global--Color--100);
23114
23165
  --pf-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-global--Color--200);
23115
23166
  --pf-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-global--danger-color--100);
23116
- --pf-c-progress-stepper--m-center__step-title--TextAlign: center;
23117
- --pf-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-global--FontSize--sm);
23118
- --pf-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-global--FontWeight--normal);
23119
23167
  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
23120
23168
  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
23121
23169
  --pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
@@ -23132,9 +23180,26 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23132
23180
  --pf-c-progress-stepper__step-description--FontSize: var(--pf-global--FontSize--sm);
23133
23181
  --pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
23134
23182
  --pf-c-progress-stepper__step-description--TextAlign: left;
23135
- --pf-c-progress-stepper--m-center__step-description--TextAlign: center;
23136
- --pf-c-progress-stepper--m-center__step-description--MarginRight: 0;
23137
- --pf-c-progress-stepper--m-center__step-description--MarginLeft: 0;
23183
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
23184
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
23185
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
23186
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
23187
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
23188
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
23189
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
23190
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
23191
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
23192
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
23193
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
23194
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
23195
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
23196
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
23197
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
23198
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
23199
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
23200
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
23201
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
23202
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23138
23203
  position: relative;
23139
23204
  display: grid;
23140
23205
  grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
@@ -23142,43 +23207,76 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23142
23207
  grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows);
23143
23208
  grid-auto-columns: 1fr;
23144
23209
  }
23210
+ @media screen and (min-width: 768px) {
23211
+ .pf-c-progress-stepper {
23212
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
23213
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
23214
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
23215
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
23216
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
23217
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
23218
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
23219
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
23220
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
23221
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
23222
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
23223
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
23224
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
23225
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
23226
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
23227
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
23228
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
23229
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
23230
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
23231
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
23232
+ }
23233
+ }
23145
23234
  .pf-c-progress-stepper.pf-m-center {
23146
- --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-center__step-connector--before--Left);
23147
23235
  --pf-c-progress-stepper__step-connector--JustifyContent: var(--pf-c-progress-stepper--m-center__step-connector--JustifyContent);
23148
23236
  --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-center__step-main--MarginRight);
23149
23237
  --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-center__step-main--MarginLeft);
23238
+ --pf-c-progress-stepper__step-title--TextAlign: var(--pf-c-progress-stepper--m-center__step-title--TextAlign);
23150
23239
  --pf-c-progress-stepper__step-description--MarginRight: var(--pf-c-progress-stepper--m-center__step-description--MarginRight);
23151
23240
  --pf-c-progress-stepper__step-description--MarginLeft: var(--pf-c-progress-stepper--m-center__step-description--MarginLeft);
23152
- --pf-c-progress-stepper__step-title--TextAlign: var(--pf-c-progress-stepper--m-center__step-title--TextAlign);
23153
23241
  --pf-c-progress-stepper__step-description--TextAlign: var(--pf-c-progress-stepper--m-center__step-description--TextAlign);
23242
+ --pf-c-progress-stepper--m-vertical__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight);
23243
+ --pf-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft);
23244
+ grid-template-columns: var(--pf-c-progress-stepper--m-center--GridTemplateColumns);
23154
23245
  }
23155
- .pf-c-progress-stepper.pf-m-vertical {
23156
- --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
23157
- --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
23158
- --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
23159
- --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
23160
- --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
23161
- --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
23162
- --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
23163
- --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
23164
- --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
23165
- --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
23166
- --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
23167
- --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
23168
- --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
23169
- --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
23246
+ .pf-c-progress-stepper.pf-m-center .pf-c-progress-stepper__step-main {
23247
+ position: relative;
23248
+ }
23249
+ .pf-c-progress-stepper.pf-m-center .pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-connector::before {
23250
+ left: var(--pf-c-progress-stepper--m-center__step-connector--before--Left);
23251
+ }
23252
+ .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 {
23253
+ content: var(--pf-c-progress-stepper--m-center__step-main--before--Content);
23254
+ }
23255
+ .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 {
23256
+ content: var(--pf-c-progress-stepper--m-center__step-connector--before--Content);
23170
23257
  }
23171
23258
  .pf-c-progress-stepper.pf-m-compact {
23172
- --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
23173
- --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);
23174
- --pf-c-progress-stepper__step-icon--Width: var(--pf-c-progress-stepper--m-compact__step-icon--Width);
23175
- --pf-c-progress-stepper__step-icon--FontSize: var(--pf-c-progress-stepper--m-compact__step-icon--FontSize);
23176
- --pf-c-progress-stepper__pficon--MarginTop: var(--pf-c-progress-stepper--m-compact__pficon--MarginTop);
23177
- --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);
23178
23259
  --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-compact__step-main--MarginTop);
23179
23260
  --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom);
23261
+ --pf-c-progress-stepper__step-icon--Width: var(--pf-c-progress-stepper--m-compact__step-icon--Width);
23262
+ --pf-c-progress-stepper__step-icon--FontSize: var(--pf-c-progress-stepper--m-compact__step-icon--FontSize);
23180
23263
  --pf-c-progress-stepper__step-title--FontSize: var(--pf-c-progress-stepper--m-compact__step-title--FontSize);
23181
23264
  --pf-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-c-progress-stepper--m-compact__step-title--FontWeight);
23265
+ --pf-c-progress-stepper__pficon--MarginTop: var(--pf-c-progress-stepper--m-compact__pficon--MarginTop);
23266
+ --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);
23267
+ --pf-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginLeft);
23268
+ --pf-c-progress-stepper--m-vertical__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight);
23269
+ display: inline-grid;
23270
+ grid-template-columns: var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);
23271
+ grid-auto-flow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
23272
+ }
23273
+ .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-connector {
23274
+ min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
23275
+ grid-row: var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);
23276
+ padding-bottom: var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom);
23277
+ }
23278
+ .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-main {
23279
+ margin-bottom: var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom);
23182
23280
  }
23183
23281
  .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step:not(.pf-m-current) .pf-c-progress-stepper__step-main {
23184
23282
  position: fixed;
@@ -23189,13 +23287,13 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23189
23287
  white-space: nowrap;
23190
23288
  border: 0;
23191
23289
  }
23192
- .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-description {
23193
- display: none;
23194
- }
23195
23290
  .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step.pf-m-current .pf-c-progress-stepper__step-main {
23196
23291
  grid-column: 1/-1;
23197
23292
  grid-row: 1/2;
23198
23293
  }
23294
+ .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-description {
23295
+ display: none;
23296
+ }
23199
23297
 
23200
23298
  .pf-c-progress-stepper__step {
23201
23299
  display: contents;
@@ -23270,6 +23368,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23270
23368
  .pf-c-progress-stepper__step-main {
23271
23369
  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);
23272
23370
  }
23371
+ .pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-main::before {
23372
+ position: absolute;
23373
+ top: calc(100% + var(--pf-c-progress-stepper__step-main--MarginTop));
23374
+ left: calc(50% - calc(var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) / 2));
23375
+ width: auto;
23376
+ height: calc(var(--pf-c-progress-stepper__step-main--MarginTop) + var(--pf-c-progress-stepper__step-main--MarginBottom));
23377
+ border-right: var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);
23378
+ }
23273
23379
 
23274
23380
  .pf-c-progress-stepper__step-title {
23275
23381
  font-size: var(--pf-c-progress-stepper__step-title--FontSize);
@@ -23302,6 +23408,281 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23302
23408
  text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
23303
23409
  }
23304
23410
 
23411
+ .pf-c-progress-stepper.pf-m-horizontal {
23412
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
23413
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
23414
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
23415
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
23416
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
23417
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
23418
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
23419
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
23420
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
23421
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
23422
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
23423
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
23424
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
23425
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
23426
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
23427
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
23428
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
23429
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
23430
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
23431
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
23432
+ }
23433
+ .pf-c-progress-stepper.pf-m-vertical {
23434
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
23435
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
23436
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
23437
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
23438
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
23439
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
23440
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
23441
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
23442
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
23443
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
23444
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
23445
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
23446
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
23447
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
23448
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
23449
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
23450
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
23451
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
23452
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
23453
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23454
+ }
23455
+ @media (min-width: 576px) {
23456
+ .pf-c-progress-stepper.pf-m-horizontal-on-sm {
23457
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
23458
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
23459
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
23460
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
23461
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
23462
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
23463
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
23464
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
23465
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
23466
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
23467
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
23468
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
23469
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
23470
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
23471
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
23472
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
23473
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
23474
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
23475
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
23476
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
23477
+ }
23478
+ .pf-c-progress-stepper.pf-m-vertical-on-sm {
23479
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
23480
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
23481
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
23482
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
23483
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
23484
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
23485
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
23486
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
23487
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
23488
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
23489
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
23490
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
23491
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
23492
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
23493
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
23494
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
23495
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
23496
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
23497
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
23498
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23499
+ }
23500
+ }
23501
+ @media (min-width: 768px) {
23502
+ .pf-c-progress-stepper.pf-m-horizontal-on-md {
23503
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
23504
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
23505
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
23506
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
23507
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
23508
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
23509
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
23510
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
23511
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
23512
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
23513
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
23514
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
23515
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
23516
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
23517
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
23518
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
23519
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
23520
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
23521
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
23522
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
23523
+ }
23524
+ .pf-c-progress-stepper.pf-m-vertical-on-md {
23525
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
23526
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
23527
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
23528
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
23529
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
23530
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
23531
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
23532
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
23533
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
23534
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
23535
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
23536
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
23537
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
23538
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
23539
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
23540
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
23541
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
23542
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
23543
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
23544
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23545
+ }
23546
+ }
23547
+ @media (min-width: 992px) {
23548
+ .pf-c-progress-stepper.pf-m-horizontal-on-lg {
23549
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
23550
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
23551
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
23552
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
23553
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
23554
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
23555
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
23556
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
23557
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
23558
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
23559
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
23560
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
23561
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
23562
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
23563
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
23564
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
23565
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
23566
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
23567
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
23568
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
23569
+ }
23570
+ .pf-c-progress-stepper.pf-m-vertical-on-lg {
23571
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
23572
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
23573
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
23574
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
23575
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
23576
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
23577
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
23578
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
23579
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
23580
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
23581
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
23582
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
23583
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
23584
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
23585
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
23586
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
23587
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
23588
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
23589
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
23590
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23591
+ }
23592
+ }
23593
+ @media (min-width: 1200px) {
23594
+ .pf-c-progress-stepper.pf-m-horizontal-on-xl {
23595
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
23596
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
23597
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
23598
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
23599
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
23600
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
23601
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
23602
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
23603
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
23604
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
23605
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
23606
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
23607
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
23608
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
23609
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
23610
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
23611
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
23612
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
23613
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
23614
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
23615
+ }
23616
+ .pf-c-progress-stepper.pf-m-vertical-on-xl {
23617
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
23618
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
23619
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
23620
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
23621
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
23622
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
23623
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
23624
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
23625
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
23626
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
23627
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
23628
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
23629
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
23630
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
23631
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
23632
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
23633
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
23634
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
23635
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
23636
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23637
+ }
23638
+ }
23639
+ @media (min-width: 1450px) {
23640
+ .pf-c-progress-stepper.pf-m-horizontal-on-2xl {
23641
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
23642
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
23643
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
23644
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
23645
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
23646
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
23647
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
23648
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
23649
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
23650
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
23651
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
23652
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
23653
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
23654
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
23655
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
23656
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
23657
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
23658
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
23659
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
23660
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
23661
+ }
23662
+ .pf-c-progress-stepper.pf-m-vertical-on-2xl {
23663
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
23664
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
23665
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
23666
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
23667
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
23668
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
23669
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
23670
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
23671
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
23672
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
23673
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
23674
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
23675
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
23676
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
23677
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
23678
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
23679
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
23680
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
23681
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
23682
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
23683
+ }
23684
+ }
23685
+
23305
23686
  .pf-c-radio {
23306
23687
  --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
23307
23688
  --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
@@ -31551,6 +31932,7 @@ svg.pf-c-spinner.pf-m-xl {
31551
31932
  }
31552
31933
 
31553
31934
  .pf-c-wizard__footer {
31935
+ position: relative;
31554
31936
  z-index: var(--pf-c-wizard__footer--ZIndex);
31555
31937
  display: flex;
31556
31938
  flex-wrap: wrap;
@@ -31564,7 +31946,7 @@ svg.pf-c-spinner.pf-m-xl {
31564
31946
  .pf-c-wizard__footer > *:not(:last-child) {
31565
31947
  margin-right: var(--pf-c-wizard__footer--child--MarginRight);
31566
31948
  }
31567
- .pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer {
31949
+ .pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer, .pf-c-drawer > .pf-c-wizard__footer {
31568
31950
  box-shadow: var(--pf-c-wizard__footer--BoxShadow);
31569
31951
  }
31570
31952