@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-no-reset.css CHANGED
@@ -10521,6 +10521,7 @@ label.pf-c-check, .pf-c-check__label,
10521
10521
  --pf-c-description-list__group--RowGap: var(--pf-global--spacer--sm);
10522
10522
  --pf-c-description-list__group--ColumnGap: var(--pf-global--spacer--sm);
10523
10523
  --pf-c-description-list__group--GridTemplateColumns: auto;
10524
+ --pf-c-description-list__group--GridTemplateRows: auto 1fr;
10524
10525
  --pf-c-description-list__group--GridColumn: auto;
10525
10526
  --pf-c-description-list--m-compact--RowGap: var(--pf-global--gutter);
10526
10527
  --pf-c-description-list--m-compact--ColumnGap: var(--pf-global--spacer--sm);
@@ -10533,9 +10534,11 @@ label.pf-c-check, .pf-c-check__label,
10533
10534
  --pf-c-description-list__term-icon--MarginRight: var(--pf-global--spacer--sm);
10534
10535
  --pf-c-description-list__term-icon--Color: var(--pf-global--icon--Color--light);
10535
10536
  --pf-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-c-description-list--GridTemplateColumns--count));
10537
+ --pf-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
10536
10538
  --pf-c-description-list--m-horizontal__term--width: 12ch;
10537
10539
  --pf-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
10538
10540
  --pf-c-description-list--m-horizontal__group--GridTemplateColumns: var(--pf-c-description-list__term--width) var(--pf-c-description-list--m-horizontal__description--width);
10541
+ --pf-c-description-list--m-horizontal__group--GridTemplateRows: auto;
10539
10542
  --pf-c-description-list--m-1-col--GridTemplateColumns--count: 1;
10540
10543
  --pf-c-description-list--m-2-col--GridTemplateColumns--count: 2;
10541
10544
  --pf-c-description-list--m-3-col--GridTemplateColumns--count: 3;
@@ -10546,6 +10549,8 @@ label.pf-c-check, .pf-c-check__label,
10546
10549
  --pf-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
10547
10550
  --pf-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
10548
10551
  --pf-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
10552
+ --pf-c-description-list--m-display-lg__description--FontSize: var(--pf-global--FontSize--lg);
10553
+ --pf-c-description-list--m-display-2xl__description--FontSize: var(--pf-global--FontSize--2xl);
10549
10554
  display: grid;
10550
10555
  align-items: baseline;
10551
10556
  row-gap: var(--pf-c-description-list--RowGap);
@@ -10632,7 +10637,8 @@ label.pf-c-check, .pf-c-check__label,
10632
10637
  column-count: var(--pf-c-description-list--GridTemplateColumns--count);
10633
10638
  margin-bottom: calc(var(--pf-c-description-list--RowGap) * -1);
10634
10639
  }
10635
- .pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group {
10640
+ .pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group,
10641
+ .pf-c-description-list.pf-m-fill-columns > .pf-c-card {
10636
10642
  display: inline-grid;
10637
10643
  width: 100%;
10638
10644
  margin-bottom: var(--pf-c-description-list--RowGap);
@@ -10641,13 +10647,25 @@ label.pf-c-check, .pf-c-check__label,
10641
10647
  -webkit-column-break-inside: avoid;
10642
10648
  -moz-column-break-inside: avoid;
10643
10649
  }
10650
+ .pf-c-description-list.pf-m-display-lg {
10651
+ --pf-c-description-list__description--FontSize: var(--pf-c-description-list--m-display-lg__description--FontSize);
10652
+ }
10653
+ .pf-c-description-list.pf-m-display-2xl {
10654
+ --pf-c-description-list__description--FontSize: var(--pf-c-description-list--m-display-2xl__description--FontSize);
10655
+ }
10656
+ .pf-c-description-list > .pf-c-card {
10657
+ align-self: stretch;
10658
+ 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);
10659
+ }
10644
10660
 
10645
- .pf-c-description-list__group {
10661
+ .pf-c-description-list__group,
10662
+ .pf-c-description-list > .pf-c-card {
10646
10663
  display: grid;
10647
10664
  grid-column: var(--pf-c-description-list__group--GridColumn);
10648
10665
  row-gap: var(--pf-c-description-list__group--RowGap);
10649
10666
  column-gap: var(--pf-c-description-list__group--ColumnGap);
10650
10667
  grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
10668
+ grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
10651
10669
  align-items: baseline;
10652
10670
  }
10653
10671
 
@@ -10675,6 +10693,10 @@ label.pf-c-check, .pf-c-check__label,
10675
10693
  color: var(--pf-c-description-list__term-icon--Color);
10676
10694
  }
10677
10695
 
10696
+ .pf-c-description-list__description {
10697
+ font-size: var(--pf-c-description-list__description--FontSize, inherit);
10698
+ }
10699
+
10678
10700
  .pf-c-description-list__text {
10679
10701
  min-width: 0;
10680
10702
  }
@@ -10704,9 +10726,11 @@ label.pf-c-check, .pf-c-check__label,
10704
10726
  }
10705
10727
  .pf-c-description-list.pf-m-horizontal {
10706
10728
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10729
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10707
10730
  }
10708
10731
  .pf-c-description-list.pf-m-vertical {
10709
10732
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10733
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10710
10734
  }
10711
10735
  @media (min-width: 576px) {
10712
10736
  .pf-c-description-list.pf-m-1-col-on-sm {
@@ -10720,9 +10744,11 @@ label.pf-c-check, .pf-c-check__label,
10720
10744
  }
10721
10745
  .pf-c-description-list.pf-m-horizontal-on-sm {
10722
10746
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10747
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10723
10748
  }
10724
10749
  .pf-c-description-list.pf-m-vertical-on-sm {
10725
10750
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10751
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10726
10752
  }
10727
10753
  }
10728
10754
  @media (min-width: 768px) {
@@ -10737,9 +10763,11 @@ label.pf-c-check, .pf-c-check__label,
10737
10763
  }
10738
10764
  .pf-c-description-list.pf-m-horizontal-on-md {
10739
10765
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10766
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10740
10767
  }
10741
10768
  .pf-c-description-list.pf-m-vertical-on-md {
10742
10769
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10770
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10743
10771
  }
10744
10772
  }
10745
10773
  @media (min-width: 992px) {
@@ -10754,9 +10782,11 @@ label.pf-c-check, .pf-c-check__label,
10754
10782
  }
10755
10783
  .pf-c-description-list.pf-m-horizontal-on-lg {
10756
10784
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10785
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10757
10786
  }
10758
10787
  .pf-c-description-list.pf-m-vertical-on-lg {
10759
10788
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10789
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10760
10790
  }
10761
10791
  }
10762
10792
  @media (min-width: 1200px) {
@@ -10771,9 +10801,11 @@ label.pf-c-check, .pf-c-check__label,
10771
10801
  }
10772
10802
  .pf-c-description-list.pf-m-horizontal-on-xl {
10773
10803
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10804
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10774
10805
  }
10775
10806
  .pf-c-description-list.pf-m-vertical-on-xl {
10776
10807
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10808
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10777
10809
  }
10778
10810
  }
10779
10811
  @media (min-width: 1450px) {
@@ -10788,9 +10820,11 @@ label.pf-c-check, .pf-c-check__label,
10788
10820
  }
10789
10821
  .pf-c-description-list.pf-m-horizontal-on-2xl {
10790
10822
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10823
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10791
10824
  }
10792
10825
  .pf-c-description-list.pf-m-vertical-on-2xl {
10793
10826
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10827
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10794
10828
  }
10795
10829
  }
10796
10830
 
@@ -22925,39 +22959,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22925
22959
  }
22926
22960
 
22927
22961
  .pf-c-progress-stepper {
22928
- --pf-c-progress-stepper--GridAutoFlow: column;
22929
- --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
22930
- --pf-c-progress-stepper--GridTemplateColumns: initial;
22931
22962
  --pf-c-progress-stepper--m-vertical--GridAutoFlow: row;
22932
22963
  --pf-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
22933
- --pf-c-progress-stepper--m-compact--GridAutoFlow: row;
22934
- --pf-c-progress-stepper--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
22935
- --pf-c-progress-stepper__step-connector--JustifyContent: start;
22936
- --pf-c-progress-stepper--m-center__step-connector--JustifyContent: center;
22937
- --pf-c-progress-stepper__step-icon--ZIndex: var(--pf-global--ZIndex--xs);
22938
- --pf-c-progress-stepper__step-icon--Width: 1.75rem;
22939
- --pf-c-progress-stepper__step-icon--Height: var(--pf-c-progress-stepper__step-icon--Width);
22940
- --pf-c-progress-stepper__step-icon--FontSize: var(--pf-global--icon--FontSize--md);
22941
- --pf-c-progress-stepper__step-icon--Color: var(--pf-global--Color--100);
22942
- --pf-c-progress-stepper__step-icon--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
22943
- --pf-c-progress-stepper__step-icon--BorderWidth: var(--pf-global--BorderWidth--md);
22944
- --pf-c-progress-stepper__step-icon--BorderColor: var(--pf-global--BorderColor--100);
22945
- --pf-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
22946
- --pf-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-global--icon--FontSize--sm);
22947
- --pf-c-progress-stepper__pficon--MarginTop: 3px;
22948
- --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
22949
- --pf-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
22950
- --pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
22951
- --pf-c-progress-stepper__step-connector--before--Top: calc(var(--pf-c-progress-stepper__step-icon--Height) / 2);
22952
- --pf-c-progress-stepper__step-connector--before--Left: 0;
22953
- --pf-c-progress-stepper__step-connector--before--Width: 100%;
22954
- --pf-c-progress-stepper__step-connector--before--Height: auto;
22955
- --pf-c-progress-stepper__step-connector--before--BorderRightColor: unset;
22956
- --pf-c-progress-stepper__step-connector--before--BorderRightWidth: 0;
22957
- --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
22958
- --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-global--BorderColor--100);
22959
- --pf-c-progress-stepper__step-connector--before--Transform: translateY(-50%);
22960
- --pf-c-progress-stepper--m-center__step-connector--before--Left: 50%;
22961
22964
  --pf-c-progress-stepper--m-vertical__step-connector--before--Top: 0;
22962
22965
  --pf-c-progress-stepper--m-vertical__step-connector--before--Left: calc(var(--pf-c-progress-stepper__step-icon--Width) / 2);
22963
22966
  --pf-c-progress-stepper--m-vertical__step-connector--before--Width: auto;
@@ -22965,19 +22968,67 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22965
22968
  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-global--BorderWidth--md);
22966
22969
  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-global--BorderColor--100);
22967
22970
  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth: 0;
22971
+ --pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor: transparent;
22968
22972
  --pf-c-progress-stepper--m-vertical__step-connector--before--Transform: translateX(-50%);
22969
- --pf-c-progress-stepper__step-main--MarginTop: var(--pf-global--spacer--sm);
22970
- --pf-c-progress-stepper__step-main--MarginRight: var(--pf-global--spacer--sm);
22971
- --pf-c-progress-stepper__step-main--MarginBottom: 0;
22972
- --pf-c-progress-stepper__step-main--MarginLeft: 0;
22973
- --pf-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-global--spacer--xs);
22974
- --pf-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-global--spacer--xs);
22975
22973
  --pf-c-progress-stepper--m-vertical__step-main--MarginTop: var(--pf-global--spacer--xs);
22976
22974
  --pf-c-progress-stepper--m-vertical__step-main--MarginRight: 0;
22977
22975
  --pf-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-global--spacer--xl);
22978
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;
22979
23002
  --pf-c-progress-stepper--m-compact__step-main--MarginTop: 0;
22980
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;
22981
23032
  --pf-c-progress-stepper__step-title--Color: var(--pf-global--Color--100);
22982
23033
  --pf-c-progress-stepper__step-title--TextAlign: left;
22983
23034
  --pf-c-progress-stepper__step-title--FontSize: var(--pf-global--FontSize--md);
@@ -22986,9 +23037,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22986
23037
  --pf-c-progress-stepper__step--m-current__step-title--Color: var(--pf-global--Color--100);
22987
23038
  --pf-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-global--Color--200);
22988
23039
  --pf-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-global--danger-color--100);
22989
- --pf-c-progress-stepper--m-center__step-title--TextAlign: center;
22990
- --pf-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-global--FontSize--sm);
22991
- --pf-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-global--FontWeight--normal);
22992
23040
  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
22993
23041
  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
22994
23042
  --pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
@@ -23005,9 +23053,26 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23005
23053
  --pf-c-progress-stepper__step-description--FontSize: var(--pf-global--FontSize--sm);
23006
23054
  --pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
23007
23055
  --pf-c-progress-stepper__step-description--TextAlign: left;
23008
- --pf-c-progress-stepper--m-center__step-description--TextAlign: center;
23009
- --pf-c-progress-stepper--m-center__step-description--MarginRight: 0;
23010
- --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: "";
23011
23076
  position: relative;
23012
23077
  display: grid;
23013
23078
  grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
@@ -23015,43 +23080,76 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23015
23080
  grid-template-rows: var(--pf-c-progress-stepper--GridTemplateRows);
23016
23081
  grid-auto-columns: 1fr;
23017
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
+ }
23018
23107
  .pf-c-progress-stepper.pf-m-center {
23019
- --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-center__step-connector--before--Left);
23020
23108
  --pf-c-progress-stepper__step-connector--JustifyContent: var(--pf-c-progress-stepper--m-center__step-connector--JustifyContent);
23021
23109
  --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-center__step-main--MarginRight);
23022
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);
23023
23112
  --pf-c-progress-stepper__step-description--MarginRight: var(--pf-c-progress-stepper--m-center__step-description--MarginRight);
23024
23113
  --pf-c-progress-stepper__step-description--MarginLeft: var(--pf-c-progress-stepper--m-center__step-description--MarginLeft);
23025
- --pf-c-progress-stepper__step-title--TextAlign: var(--pf-c-progress-stepper--m-center__step-title--TextAlign);
23026
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);
23027
23118
  }
23028
- .pf-c-progress-stepper.pf-m-vertical {
23029
- --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
23030
- --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
23031
- --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
23032
- --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
23033
- --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
23034
- --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
23035
- --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
23036
- --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
23037
- --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
23038
- --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
23039
- --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
23040
- --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
23041
- --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
23042
- --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);
23043
23130
  }
23044
23131
  .pf-c-progress-stepper.pf-m-compact {
23045
- --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
23046
- --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);
23047
- --pf-c-progress-stepper__step-icon--Width: var(--pf-c-progress-stepper--m-compact__step-icon--Width);
23048
- --pf-c-progress-stepper__step-icon--FontSize: var(--pf-c-progress-stepper--m-compact__step-icon--FontSize);
23049
- --pf-c-progress-stepper__pficon--MarginTop: var(--pf-c-progress-stepper--m-compact__pficon--MarginTop);
23050
- --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);
23051
23132
  --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-compact__step-main--MarginTop);
23052
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);
23053
23136
  --pf-c-progress-stepper__step-title--FontSize: var(--pf-c-progress-stepper--m-compact__step-title--FontSize);
23054
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);
23055
23153
  }
23056
23154
  .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step:not(.pf-m-current) .pf-c-progress-stepper__step-main {
23057
23155
  position: fixed;
@@ -23062,13 +23160,13 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23062
23160
  white-space: nowrap;
23063
23161
  border: 0;
23064
23162
  }
23065
- .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-description {
23066
- display: none;
23067
- }
23068
23163
  .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step.pf-m-current .pf-c-progress-stepper__step-main {
23069
23164
  grid-column: 1/-1;
23070
23165
  grid-row: 1/2;
23071
23166
  }
23167
+ .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-description {
23168
+ display: none;
23169
+ }
23072
23170
 
23073
23171
  .pf-c-progress-stepper__step {
23074
23172
  display: contents;
@@ -23143,6 +23241,14 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23143
23241
  .pf-c-progress-stepper__step-main {
23144
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);
23145
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
+ }
23146
23252
 
23147
23253
  .pf-c-progress-stepper__step-title {
23148
23254
  font-size: var(--pf-c-progress-stepper__step-title--FontSize);
@@ -23175,6 +23281,281 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23175
23281
  text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
23176
23282
  }
23177
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
+
23178
23559
  .pf-c-radio {
23179
23560
  --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
23180
23561
  --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
@@ -31424,6 +31805,7 @@ svg.pf-c-spinner.pf-m-xl {
31424
31805
  }
31425
31806
 
31426
31807
  .pf-c-wizard__footer {
31808
+ position: relative;
31427
31809
  z-index: var(--pf-c-wizard__footer--ZIndex);
31428
31810
  display: flex;
31429
31811
  flex-wrap: wrap;
@@ -31437,7 +31819,7 @@ svg.pf-c-spinner.pf-m-xl {
31437
31819
  .pf-c-wizard__footer > *:not(:last-child) {
31438
31820
  margin-right: var(--pf-c-wizard__footer--child--MarginRight);
31439
31821
  }
31440
- .pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer {
31822
+ .pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer, .pf-c-drawer > .pf-c-wizard__footer {
31441
31823
  box-shadow: var(--pf-c-wizard__footer--BoxShadow);
31442
31824
  }
31443
31825