@patternfly/react-core 4.222.15 → 4.223.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 (21) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/esm/components/Masthead/MastheadToggle.js +1 -1
  3. package/dist/esm/components/Masthead/MastheadToggle.js.map +1 -1
  4. package/dist/esm/components/Page/PageSidebar.js +1 -1
  5. package/dist/esm/components/Page/PageSidebar.js.map +1 -1
  6. package/dist/js/components/Masthead/MastheadToggle.js +1 -1
  7. package/dist/js/components/Masthead/MastheadToggle.js.map +1 -1
  8. package/dist/js/components/Page/PageSidebar.js +1 -1
  9. package/dist/js/components/Page/PageSidebar.js.map +1 -1
  10. package/dist/umd/react-core.css +461 -77
  11. package/dist/umd/react-core.js +15 -5
  12. package/dist/umd/react-core.min.css +461 -77
  13. package/dist/umd/react-core.min.js +1 -1
  14. package/package.json +6 -6
  15. package/src/components/Masthead/MastheadToggle.tsx +2 -2
  16. package/src/components/Masthead/__tests__/__snapshots__/Masthead.test.tsx.snap +6 -6
  17. package/src/components/Page/PageSidebar.tsx +1 -1
  18. package/src/components/Page/__tests__/Generated/__snapshots__/PageSidebar.test.tsx.snap +1 -1
  19. package/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap +9 -9
  20. package/src/demos/examples/DashboardHeader.js +9 -5
  21. package/src/demos/examples/DashboardWrapper.js +3 -3
package/dist/umd/react-core.css CHANGED
@@ -1817,6 +1817,10 @@ textarea.pf-c-form-control {
1817
1817
  --pf-global--BackgroundColor--100: #1b1d21;
1818
1818
  }
1819
1819
 
1820
+ :where(.pf-theme-dark) .pf-c-banner .pf-c-card {
1821
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
1822
+ }
1823
+
1820
1824
  :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
1821
1825
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
1822
1826
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
@@ -3194,7 +3198,8 @@ button.pf-c-breadcrumb__link {
3194
3198
  font-weight: var(--pf-global--FontWeight--normal);
3195
3199
  }
3196
3200
 
3197
- :where(.pf-theme-dark) .pf-c-card {
3201
+ :where(.pf-theme-dark) .pf-c-card,
3202
+ :where(.pf-theme-dark) .pf-c-card.pf-m-non-selectable-raised {
3198
3203
  --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--md);
3199
3204
  --pf-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
3200
3205
  --pf-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
@@ -11089,6 +11094,11 @@ ul.pf-c-list {
11089
11094
  --pf-global--BackgroundColor--100: #1b1d21;
11090
11095
  }
11091
11096
 
11097
+ :where(.pf-theme-dark) .pf-c-login__header .pf-c-card,
11098
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-card {
11099
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
11100
+ }
11101
+
11092
11102
  :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
11093
11103
  :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button {
11094
11104
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
@@ -11282,14 +11292,10 @@ ul.pf-c-list {
11282
11292
  }
11283
11293
  }
11284
11294
  @media screen and (min-width: 1200px) {
11285
- .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
11295
+ .pf-c-masthead {
11286
11296
  --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
11287
11297
  }
11288
11298
  }
11289
- .pf-c-page:where(.pf-m-breakpoint-xl) .pf-c-masthead {
11290
- --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
11291
- }
11292
-
11293
11299
  .pf-c-masthead.pf-m-light {
11294
11300
  color: var(--pf-global--Color--100);
11295
11301
  --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
@@ -11839,6 +11845,10 @@ ul.pf-c-list {
11839
11845
  --pf-global--BackgroundColor--100: #1b1d21;
11840
11846
  }
11841
11847
 
11848
+ :where(.pf-theme-dark) .pf-c-masthead .pf-c-card {
11849
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
11850
+ }
11851
+
11842
11852
  :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
11843
11853
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
11844
11854
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
@@ -16231,6 +16241,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
16231
16241
  --pf-global--BackgroundColor--100: #1b1d21;
16232
16242
  }
16233
16243
 
16244
+ :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card,
16245
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card,
16246
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-card {
16247
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
16248
+ }
16249
+
16234
16250
  :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
16235
16251
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
16236
16252
  :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
@@ -17044,39 +17060,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17044
17060
  }
17045
17061
 
17046
17062
  .pf-c-progress-stepper {
17047
- --pf-c-progress-stepper--GridAutoFlow: column;
17048
- --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
17049
- --pf-c-progress-stepper--GridTemplateColumns: initial;
17050
17063
  --pf-c-progress-stepper--m-vertical--GridAutoFlow: row;
17051
17064
  --pf-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
17052
- --pf-c-progress-stepper--m-compact--GridAutoFlow: row;
17053
- --pf-c-progress-stepper--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
17054
- --pf-c-progress-stepper__step-connector--JustifyContent: start;
17055
- --pf-c-progress-stepper--m-center__step-connector--JustifyContent: center;
17056
- --pf-c-progress-stepper__step-icon--ZIndex: var(--pf-global--ZIndex--xs);
17057
- --pf-c-progress-stepper__step-icon--Width: 1.75rem;
17058
- --pf-c-progress-stepper__step-icon--Height: var(--pf-c-progress-stepper__step-icon--Width);
17059
- --pf-c-progress-stepper__step-icon--FontSize: var(--pf-global--icon--FontSize--md);
17060
- --pf-c-progress-stepper__step-icon--Color: var(--pf-global--Color--100);
17061
- --pf-c-progress-stepper__step-icon--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
17062
- --pf-c-progress-stepper__step-icon--BorderWidth: var(--pf-global--BorderWidth--md);
17063
- --pf-c-progress-stepper__step-icon--BorderColor: var(--pf-global--BorderColor--100);
17064
- --pf-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
17065
- --pf-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-global--icon--FontSize--sm);
17066
- --pf-c-progress-stepper__pficon--MarginTop: 3px;
17067
- --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
17068
- --pf-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
17069
- --pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
17070
- --pf-c-progress-stepper__step-connector--before--Top: calc(var(--pf-c-progress-stepper__step-icon--Height) / 2);
17071
- --pf-c-progress-stepper__step-connector--before--Left: 0;
17072
- --pf-c-progress-stepper__step-connector--before--Width: 100%;
17073
- --pf-c-progress-stepper__step-connector--before--Height: auto;
17074
- --pf-c-progress-stepper__step-connector--before--BorderRightColor: unset;
17075
- --pf-c-progress-stepper__step-connector--before--BorderRightWidth: 0;
17076
- --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
17077
- --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-global--BorderColor--100);
17078
- --pf-c-progress-stepper__step-connector--before--Transform: translateY(-50%);
17079
- --pf-c-progress-stepper--m-center__step-connector--before--Left: 50%;
17080
17065
  --pf-c-progress-stepper--m-vertical__step-connector--before--Top: 0;
17081
17066
  --pf-c-progress-stepper--m-vertical__step-connector--before--Left: calc(var(--pf-c-progress-stepper__step-icon--Width) / 2);
17082
17067
  --pf-c-progress-stepper--m-vertical__step-connector--before--Width: auto;
@@ -17084,19 +17069,67 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17084
17069
  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth: var(--pf-global--BorderWidth--md);
17085
17070
  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor: var(--pf-global--BorderColor--100);
17086
17071
  --pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth: 0;
17072
+ --pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor: transparent;
17087
17073
  --pf-c-progress-stepper--m-vertical__step-connector--before--Transform: translateX(-50%);
17088
- --pf-c-progress-stepper__step-main--MarginTop: var(--pf-global--spacer--sm);
17089
- --pf-c-progress-stepper__step-main--MarginRight: var(--pf-global--spacer--sm);
17090
- --pf-c-progress-stepper__step-main--MarginBottom: 0;
17091
- --pf-c-progress-stepper__step-main--MarginLeft: 0;
17092
- --pf-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-global--spacer--xs);
17093
- --pf-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-global--spacer--xs);
17094
17074
  --pf-c-progress-stepper--m-vertical__step-main--MarginTop: var(--pf-global--spacer--xs);
17095
17075
  --pf-c-progress-stepper--m-vertical__step-main--MarginRight: 0;
17096
17076
  --pf-c-progress-stepper--m-vertical__step-main--MarginBottom: var(--pf-global--spacer--xl);
17097
17077
  --pf-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-global--spacer--xs);
17078
+ --pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns: 1fr;
17079
+ --pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom: var(--pf-global--spacer--sm);
17080
+ --pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow: auto;
17081
+ --pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight: 0;
17082
+ --pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight: 0;
17083
+ --pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft: 0;
17084
+ --pf-c-progress-stepper--m-horizontal--GridAutoFlow: column;
17085
+ --pf-c-progress-stepper--m-horizontal--GridTemplateColumns: initial;
17086
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--Top: calc(var(--pf-c-progress-stepper__step-icon--Height) / 2);
17087
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--Left: 0;
17088
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--Width: 100%;
17089
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--Height: auto;
17090
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth: 0;
17091
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor: unset;
17092
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth: var(--pf-global--BorderWidth--md);
17093
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor: var(--pf-global--BorderColor--100);
17094
+ --pf-c-progress-stepper--m-horizontal__step-connector--before--Transform: translateY(-50%);
17095
+ --pf-c-progress-stepper--m-horizontal__step-main--MarginTop: var(--pf-global--spacer--sm);
17096
+ --pf-c-progress-stepper--m-horizontal__step-main--MarginRight: var(--pf-global--spacer--sm);
17097
+ --pf-c-progress-stepper--m-horizontal__step-main--MarginBottom: 0;
17098
+ --pf-c-progress-stepper--m-horizontal__step-main--MarginLeft: 0;
17099
+ --pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns: repeat(auto-fill, 1.75rem);
17100
+ --pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom: 0;
17101
+ --pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow: 2;
17102
+ --pf-c-progress-stepper--m-compact--GridAutoFlow: row;
17098
17103
  --pf-c-progress-stepper--m-compact__step-main--MarginTop: 0;
17099
17104
  --pf-c-progress-stepper--m-compact__step-main--MarginBottom: var(--pf-global--spacer--sm);
17105
+ --pf-c-progress-stepper--m-compact__step-connector--MinWidth: 1.75rem;
17106
+ --pf-c-progress-stepper--m-compact__step-icon--Width: 1.125rem;
17107
+ --pf-c-progress-stepper--m-compact__step-icon--FontSize: var(--pf-global--icon--FontSize--sm);
17108
+ --pf-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-global--FontSize--sm);
17109
+ --pf-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-global--FontWeight--normal);
17110
+ --pf-c-progress-stepper--m-compact__pficon--MarginTop: 2px;
17111
+ --pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop: -3px;
17112
+ --pf-c-progress-stepper--m-center__step-connector--before--Left: 50%;
17113
+ --pf-c-progress-stepper--m-center--GridTemplateColumns: 1fr;
17114
+ --pf-c-progress-stepper--m-center__step-connector--JustifyContent: center;
17115
+ --pf-c-progress-stepper--m-center__step-main--MarginRight: var(--pf-global--spacer--xs);
17116
+ --pf-c-progress-stepper--m-center__step-main--MarginLeft: var(--pf-global--spacer--xs);
17117
+ --pf-c-progress-stepper--m-center__step-title--TextAlign: center;
17118
+ --pf-c-progress-stepper--m-center__step-description--TextAlign: center;
17119
+ --pf-c-progress-stepper--m-center__step-description--MarginRight: 0;
17120
+ --pf-c-progress-stepper--m-center__step-description--MarginLeft: 0;
17121
+ --pf-c-progress-stepper--GridTemplateRows: auto 1fr;
17122
+ --pf-c-progress-stepper__step-connector--JustifyContent: start;
17123
+ --pf-c-progress-stepper__step-icon--ZIndex: var(--pf-global--ZIndex--xs);
17124
+ --pf-c-progress-stepper__step-icon--Width: 1.75rem;
17125
+ --pf-c-progress-stepper__step-icon--Height: var(--pf-c-progress-stepper__step-icon--Width);
17126
+ --pf-c-progress-stepper__step-icon--FontSize: var(--pf-global--icon--FontSize--md);
17127
+ --pf-c-progress-stepper__step-icon--Color: var(--pf-global--Color--100);
17128
+ --pf-c-progress-stepper__step-icon--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
17129
+ --pf-c-progress-stepper__step-icon--BorderWidth: var(--pf-global--BorderWidth--md);
17130
+ --pf-c-progress-stepper__step-icon--BorderColor: var(--pf-global--BorderColor--100);
17131
+ --pf-c-progress-stepper__pficon--MarginTop: 3px;
17132
+ --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: -5px;
17100
17133
  --pf-c-progress-stepper__step-title--Color: var(--pf-global--Color--100);
17101
17134
  --pf-c-progress-stepper__step-title--TextAlign: left;
17102
17135
  --pf-c-progress-stepper__step-title--FontSize: var(--pf-global--FontSize--md);
@@ -17105,9 +17138,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17105
17138
  --pf-c-progress-stepper__step--m-current__step-title--Color: var(--pf-global--Color--100);
17106
17139
  --pf-c-progress-stepper__step--m-pending__step-title--Color: var(--pf-global--Color--200);
17107
17140
  --pf-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-global--danger-color--100);
17108
- --pf-c-progress-stepper--m-center__step-title--TextAlign: center;
17109
- --pf-c-progress-stepper--m-compact__step-title--FontSize: var(--pf-global--FontSize--sm);
17110
- --pf-c-progress-stepper--m-compact__step-title--FontWeight: var(--pf-global--FontWeight--normal);
17111
17141
  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
17112
17142
  --pf-c-progress-stepper__step-title--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
17113
17143
  --pf-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
@@ -17124,9 +17154,26 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17124
17154
  --pf-c-progress-stepper__step-description--FontSize: var(--pf-global--FontSize--sm);
17125
17155
  --pf-c-progress-stepper__step-description--Color: var(--pf-global--Color--200);
17126
17156
  --pf-c-progress-stepper__step-description--TextAlign: left;
17127
- --pf-c-progress-stepper--m-center__step-description--TextAlign: center;
17128
- --pf-c-progress-stepper--m-center__step-description--MarginRight: 0;
17129
- --pf-c-progress-stepper--m-center__step-description--MarginLeft: 0;
17157
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
17158
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
17159
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
17160
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
17161
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
17162
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
17163
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
17164
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
17165
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
17166
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
17167
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
17168
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
17169
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
17170
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
17171
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
17172
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
17173
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
17174
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
17175
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
17176
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
17130
17177
  position: relative;
17131
17178
  display: grid;
17132
17179
  grid-auto-flow: var(--pf-c-progress-stepper--GridAutoFlow);
@@ -17135,45 +17182,83 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17135
17182
  grid-auto-columns: 1fr;
17136
17183
  }
17137
17184
 
17185
+ @media screen and (min-width: 768px) {
17186
+ .pf-c-progress-stepper {
17187
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
17188
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
17189
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
17190
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
17191
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
17192
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
17193
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
17194
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
17195
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
17196
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
17197
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
17198
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
17199
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
17200
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
17201
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
17202
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
17203
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
17204
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
17205
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
17206
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
17207
+ }
17208
+ }
17138
17209
  .pf-c-progress-stepper.pf-m-center {
17139
- --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-center__step-connector--before--Left);
17140
17210
  --pf-c-progress-stepper__step-connector--JustifyContent: var(--pf-c-progress-stepper--m-center__step-connector--JustifyContent);
17141
17211
  --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-center__step-main--MarginRight);
17142
17212
  --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-center__step-main--MarginLeft);
17213
+ --pf-c-progress-stepper__step-title--TextAlign: var(--pf-c-progress-stepper--m-center__step-title--TextAlign);
17143
17214
  --pf-c-progress-stepper__step-description--MarginRight: var(--pf-c-progress-stepper--m-center__step-description--MarginRight);
17144
17215
  --pf-c-progress-stepper__step-description--MarginLeft: var(--pf-c-progress-stepper--m-center__step-description--MarginLeft);
17145
- --pf-c-progress-stepper__step-title--TextAlign: var(--pf-c-progress-stepper--m-center__step-title--TextAlign);
17146
17216
  --pf-c-progress-stepper__step-description--TextAlign: var(--pf-c-progress-stepper--m-center__step-description--TextAlign);
17217
+ --pf-c-progress-stepper--m-vertical__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginRight);
17218
+ --pf-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical--m-center__step-main--MarginLeft);
17219
+ grid-template-columns: var(--pf-c-progress-stepper--m-center--GridTemplateColumns);
17147
17220
  }
17148
17221
 
17149
- .pf-c-progress-stepper.pf-m-vertical {
17150
- --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
17151
- --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
17152
- --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
17153
- --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
17154
- --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
17155
- --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
17156
- --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
17157
- --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
17158
- --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
17159
- --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
17160
- --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
17161
- --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
17162
- --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
17163
- --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
17222
+ .pf-c-progress-stepper.pf-m-center .pf-c-progress-stepper__step-main {
17223
+ position: relative;
17224
+ }
17225
+
17226
+ .pf-c-progress-stepper.pf-m-center .pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-connector::before {
17227
+ left: var(--pf-c-progress-stepper--m-center__step-connector--before--Left);
17228
+ }
17229
+
17230
+ .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 {
17231
+ content: var(--pf-c-progress-stepper--m-center__step-main--before--Content);
17232
+ }
17233
+
17234
+ .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 {
17235
+ content: var(--pf-c-progress-stepper--m-center__step-connector--before--Content);
17164
17236
  }
17165
17237
 
17166
17238
  .pf-c-progress-stepper.pf-m-compact {
17167
- --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
17168
- --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);
17169
- --pf-c-progress-stepper__step-icon--Width: var(--pf-c-progress-stepper--m-compact__step-icon--Width);
17170
- --pf-c-progress-stepper__step-icon--FontSize: var(--pf-c-progress-stepper--m-compact__step-icon--FontSize);
17171
- --pf-c-progress-stepper__pficon--MarginTop: var(--pf-c-progress-stepper--m-compact__pficon--MarginTop);
17172
- --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);
17173
17239
  --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-compact__step-main--MarginTop);
17174
17240
  --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom);
17241
+ --pf-c-progress-stepper__step-icon--Width: var(--pf-c-progress-stepper--m-compact__step-icon--Width);
17242
+ --pf-c-progress-stepper__step-icon--FontSize: var(--pf-c-progress-stepper--m-compact__step-icon--FontSize);
17175
17243
  --pf-c-progress-stepper__step-title--FontSize: var(--pf-c-progress-stepper--m-compact__step-title--FontSize);
17176
17244
  --pf-c-progress-stepper__step--m-current__step-title--FontWeight: var(--pf-c-progress-stepper--m-compact__step-title--FontWeight);
17245
+ --pf-c-progress-stepper__pficon--MarginTop: var(--pf-c-progress-stepper--m-compact__pficon--MarginTop);
17246
+ --pf-c-progress-stepper__fa-exclamation-triangle--MarginTop: var(--pf-c-progress-stepper--m-compact__fa-exclamation-triangle--MarginTop);
17247
+ --pf-c-progress-stepper--m-vertical__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginLeft);
17248
+ --pf-c-progress-stepper--m-vertical__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical--m-compact__step-main--MarginRight);
17249
+ display: inline-grid;
17250
+ grid-template-columns: var(--pf-c-progress-stepper--m-compact--GridTemplateColumns);
17251
+ grid-auto-flow: var(--pf-c-progress-stepper--m-compact--GridAutoFlow);
17252
+ }
17253
+
17254
+ .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-connector {
17255
+ min-width: var(--pf-c-progress-stepper--m-compact__step-connector--MinWidth);
17256
+ grid-row: var(--pf-c-progress-stepper--m-compact__step-connector--GridRow);
17257
+ padding-bottom: var(--pf-c-progress-stepper--m-compact__step-connector--PaddingBottom);
17258
+ }
17259
+
17260
+ .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-main {
17261
+ margin-bottom: var(--pf-c-progress-stepper--m-compact__step-main--MarginBottom);
17177
17262
  }
17178
17263
 
17179
17264
  .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step:not(.pf-m-current) .pf-c-progress-stepper__step-main {
@@ -17186,15 +17271,15 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17186
17271
  border: 0;
17187
17272
  }
17188
17273
 
17189
- .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-description {
17190
- display: none;
17191
- }
17192
-
17193
17274
  .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step.pf-m-current .pf-c-progress-stepper__step-main {
17194
17275
  grid-column: 1/-1;
17195
17276
  grid-row: 1/2;
17196
17277
  }
17197
17278
 
17279
+ .pf-c-progress-stepper.pf-m-compact .pf-c-progress-stepper__step-description {
17280
+ display: none;
17281
+ }
17282
+
17198
17283
  .pf-c-progress-stepper__step {
17199
17284
  display: contents;
17200
17285
  }
@@ -17279,6 +17364,15 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17279
17364
  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);
17280
17365
  }
17281
17366
 
17367
+ .pf-c-progress-stepper__step:not(:last-of-type) > .pf-c-progress-stepper__step-main::before {
17368
+ position: absolute;
17369
+ top: calc(100% + var(--pf-c-progress-stepper__step-main--MarginTop));
17370
+ left: calc(50% - var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) / 2);
17371
+ width: auto;
17372
+ height: calc(var(--pf-c-progress-stepper__step-main--MarginTop) + var(--pf-c-progress-stepper__step-main--MarginBottom));
17373
+ border-right: var(--pf-c-progress-stepper__step-connector--before--BorderRightWidth) solid var(--pf-c-progress-stepper__step-connector--before--BorderRightColor);
17374
+ }
17375
+
17282
17376
  .pf-c-progress-stepper__step-title {
17283
17377
  font-size: var(--pf-c-progress-stepper__step-title--FontSize);
17284
17378
  font-weight: var(--pf-c-progress-stepper__step-title--FontWeight);
@@ -17313,6 +17407,287 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17313
17407
  text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
17314
17408
  }
17315
17409
 
17410
+ .pf-c-progress-stepper.pf-m-horizontal {
17411
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
17412
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
17413
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
17414
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
17415
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
17416
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
17417
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
17418
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
17419
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
17420
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
17421
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
17422
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
17423
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
17424
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
17425
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
17426
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
17427
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
17428
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
17429
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
17430
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
17431
+ }
17432
+
17433
+ .pf-c-progress-stepper.pf-m-vertical {
17434
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
17435
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
17436
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
17437
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
17438
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
17439
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
17440
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
17441
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
17442
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
17443
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
17444
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
17445
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
17446
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
17447
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
17448
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
17449
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
17450
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
17451
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
17452
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
17453
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
17454
+ }
17455
+
17456
+ @media (min-width: 576px) {
17457
+ .pf-c-progress-stepper.pf-m-horizontal-on-sm {
17458
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
17459
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
17460
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
17461
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
17462
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
17463
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
17464
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
17465
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
17466
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
17467
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
17468
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
17469
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
17470
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
17471
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
17472
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
17473
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
17474
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
17475
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
17476
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
17477
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
17478
+ }
17479
+
17480
+ .pf-c-progress-stepper.pf-m-vertical-on-sm {
17481
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
17482
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
17483
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
17484
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
17485
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
17486
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
17487
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
17488
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
17489
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
17490
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
17491
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
17492
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
17493
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
17494
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
17495
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
17496
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
17497
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
17498
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
17499
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
17500
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
17501
+ }
17502
+ }
17503
+ @media (min-width: 768px) {
17504
+ .pf-c-progress-stepper.pf-m-horizontal-on-md {
17505
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
17506
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
17507
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
17508
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
17509
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
17510
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
17511
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
17512
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
17513
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
17514
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
17515
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
17516
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
17517
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
17518
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
17519
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
17520
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
17521
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
17522
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
17523
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
17524
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
17525
+ }
17526
+
17527
+ .pf-c-progress-stepper.pf-m-vertical-on-md {
17528
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
17529
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
17530
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
17531
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
17532
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
17533
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
17534
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
17535
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
17536
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
17537
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
17538
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
17539
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
17540
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
17541
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
17542
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
17543
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
17544
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
17545
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
17546
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
17547
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
17548
+ }
17549
+ }
17550
+ @media (min-width: 992px) {
17551
+ .pf-c-progress-stepper.pf-m-horizontal-on-lg {
17552
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
17553
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
17554
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
17555
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
17556
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
17557
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
17558
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
17559
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
17560
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
17561
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
17562
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
17563
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
17564
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
17565
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
17566
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
17567
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
17568
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
17569
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
17570
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
17571
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
17572
+ }
17573
+
17574
+ .pf-c-progress-stepper.pf-m-vertical-on-lg {
17575
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
17576
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
17577
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
17578
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
17579
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
17580
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
17581
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
17582
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
17583
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
17584
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
17585
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
17586
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
17587
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
17588
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
17589
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
17590
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
17591
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
17592
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
17593
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
17594
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
17595
+ }
17596
+ }
17597
+ @media (min-width: 1200px) {
17598
+ .pf-c-progress-stepper.pf-m-horizontal-on-xl {
17599
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
17600
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
17601
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
17602
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
17603
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
17604
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
17605
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
17606
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
17607
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
17608
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
17609
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
17610
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
17611
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
17612
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
17613
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
17614
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
17615
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
17616
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
17617
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
17618
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
17619
+ }
17620
+
17621
+ .pf-c-progress-stepper.pf-m-vertical-on-xl {
17622
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
17623
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
17624
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
17625
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
17626
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
17627
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
17628
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
17629
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
17630
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
17631
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
17632
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
17633
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
17634
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
17635
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
17636
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
17637
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
17638
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
17639
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
17640
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
17641
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
17642
+ }
17643
+ }
17644
+ @media (min-width: 1450px) {
17645
+ .pf-c-progress-stepper.pf-m-horizontal-on-2xl {
17646
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-horizontal--GridAutoFlow);
17647
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--GridTemplateColumns);
17648
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Top);
17649
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Left);
17650
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Width);
17651
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Height);
17652
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightWidth);
17653
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderRightColor);
17654
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomWidth);
17655
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--BorderBottomColor);
17656
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-horizontal__step-connector--before--Transform);
17657
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginTop);
17658
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginRight);
17659
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginBottom);
17660
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-horizontal__step-main--MarginLeft);
17661
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-horizontal--m-compact--GridTemplateColumns);
17662
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--GridRow);
17663
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-horizontal--m-compact__step-connector--PaddingBottom);
17664
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: "";
17665
+ --pf-c-progress-stepper--m-center__step-main--before--Content: none;
17666
+ }
17667
+
17668
+ .pf-c-progress-stepper.pf-m-vertical-on-2xl {
17669
+ --pf-c-progress-stepper--GridAutoFlow: var(--pf-c-progress-stepper--m-vertical--GridAutoFlow);
17670
+ --pf-c-progress-stepper--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--GridTemplateColumns);
17671
+ --pf-c-progress-stepper__step-connector--before--Top: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Top);
17672
+ --pf-c-progress-stepper__step-connector--before--Left: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Left);
17673
+ --pf-c-progress-stepper__step-connector--before--Width: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Width);
17674
+ --pf-c-progress-stepper__step-connector--before--Height: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Height);
17675
+ --pf-c-progress-stepper__step-connector--before--BorderRightWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightWidth);
17676
+ --pf-c-progress-stepper__step-connector--before--BorderRightColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderRightColor);
17677
+ --pf-c-progress-stepper__step-connector--before--BorderBottomWidth: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomWidth);
17678
+ --pf-c-progress-stepper__step-connector--before--BorderBottomColor: var(--pf-c-progress-stepper--m-vertical__step-connector--before--BorderBottomColor);
17679
+ --pf-c-progress-stepper__step-connector--before--Transform: var(--pf-c-progress-stepper--m-vertical__step-connector--before--Transform);
17680
+ --pf-c-progress-stepper__step-main--MarginTop: var(--pf-c-progress-stepper--m-vertical__step-main--MarginTop);
17681
+ --pf-c-progress-stepper__step-main--MarginRight: var(--pf-c-progress-stepper--m-vertical__step-main--MarginRight);
17682
+ --pf-c-progress-stepper__step-main--MarginBottom: var(--pf-c-progress-stepper--m-vertical__step-main--MarginBottom);
17683
+ --pf-c-progress-stepper__step-main--MarginLeft: var(--pf-c-progress-stepper--m-vertical__step-main--MarginLeft);
17684
+ --pf-c-progress-stepper--m-compact--GridTemplateColumns: var(--pf-c-progress-stepper--m-vertical--m-compact--GridTemplateColumns);
17685
+ --pf-c-progress-stepper--m-compact__step-connector--GridRow: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--GridRow);
17686
+ --pf-c-progress-stepper--m-compact__step-connector--PaddingBottom: var(--pf-c-progress-stepper--m-vertical--m-compact__step-connector--PaddingBottom);
17687
+ --pf-c-progress-stepper--m-center__step-connector--before--Content: none;
17688
+ --pf-c-progress-stepper--m-center__step-main--before--Content: "";
17689
+ }
17690
+ }
17316
17691
  .pf-c-radio {
17317
17692
  --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
17318
17693
  --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
@@ -23275,6 +23650,7 @@ svg.pf-c-spinner.pf-m-xl {
23275
23650
  }
23276
23651
 
23277
23652
  .pf-c-wizard__footer {
23653
+ position: relative;
23278
23654
  z-index: var(--pf-c-wizard__footer--ZIndex);
23279
23655
  display: flex;
23280
23656
  flex-wrap: wrap;
@@ -23291,7 +23667,7 @@ svg.pf-c-spinner.pf-m-xl {
23291
23667
  margin-right: var(--pf-c-wizard__footer--child--MarginRight);
23292
23668
  }
23293
23669
 
23294
- .pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer {
23670
+ .pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer, .pf-c-drawer > .pf-c-wizard__footer {
23295
23671
  box-shadow: var(--pf-c-wizard__footer--BoxShadow);
23296
23672
  }
23297
23673
 
@@ -23309,6 +23685,10 @@ svg.pf-c-spinner.pf-m-xl {
23309
23685
  --pf-global--BackgroundColor--100: #1b1d21;
23310
23686
  }
23311
23687
 
23688
+ :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-card {
23689
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
23690
+ }
23691
+
23312
23692
  :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button {
23313
23693
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
23314
23694
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
@@ -27430,6 +27810,10 @@ svg.pf-c-spinner.pf-m-xl {
27430
27810
  --pf-global--BackgroundColor--100: #1b1d21;
27431
27811
  }
27432
27812
 
27813
+ :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-card {
27814
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
27815
+ }
27816
+
27433
27817
  :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
27434
27818
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
27435
27819
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);