@patternfly/patternfly 6.0.0-alpha.81 → 6.0.0-alpha.82
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.
- package/components/Wizard/wizard.css +128 -205
- package/components/Wizard/wizard.scss +128 -180
- package/docs/components/Wizard/examples/Wizard.md +31 -7
- package/docs/demos/Wizard/examples/Wizard.md +108 -18
- package/package.json +1 -1
- package/patternfly-no-globals.css +143 -205
- package/patternfly-theme-dark-unversioned.css +143 -205
- package/patternfly.css +143 -205
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/components/Wizard/themes/dark/wizard.scss +0 -12
package/patternfly.css
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.pf-v5-c-
|
|
14
|
+
.pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, .pf-v5-t-dark {
|
|
15
15
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
|
|
16
16
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
|
|
17
17
|
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
--pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
|
|
23
23
|
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
|
|
24
24
|
}
|
|
25
|
-
.pf-v5-c-
|
|
25
|
+
.pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, .pf-v5-t-dark .pf-v5-c-button {
|
|
26
26
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
|
|
27
27
|
}
|
|
28
28
|
|
|
@@ -7228,7 +7228,7 @@ button) {
|
|
|
7228
7228
|
color: var(--pf-v5-c-app-launcher__group-title--Color);
|
|
7229
7229
|
}
|
|
7230
7230
|
|
|
7231
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
7231
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
7232
7232
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
7233
7233
|
}
|
|
7234
7234
|
|
|
@@ -9220,7 +9220,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
9220
9220
|
line-height: 1;
|
|
9221
9221
|
}
|
|
9222
9222
|
|
|
9223
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
9223
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
9224
9224
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
9225
9225
|
}
|
|
9226
9226
|
|
|
@@ -10215,7 +10215,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
10215
10215
|
pointer-events: none;
|
|
10216
10216
|
}
|
|
10217
10217
|
|
|
10218
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
10218
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
10219
10219
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
10220
10220
|
}
|
|
10221
10221
|
|
|
@@ -16226,7 +16226,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
16226
16226
|
color: var(--pf-v5-c-dropdown__group-title--Color);
|
|
16227
16227
|
}
|
|
16228
16228
|
|
|
16229
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
16229
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
16230
16230
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
16231
16231
|
}
|
|
16232
16232
|
|
|
@@ -18164,7 +18164,7 @@ label.pf-v5-c-input-group__text {
|
|
|
18164
18164
|
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
|
|
18165
18165
|
}
|
|
18166
18166
|
|
|
18167
|
-
.pf-v5-c-
|
|
18167
|
+
.pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, .pf-v5-t-dark {
|
|
18168
18168
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
|
|
18169
18169
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
|
|
18170
18170
|
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
|
|
@@ -18175,7 +18175,7 @@ label.pf-v5-c-input-group__text {
|
|
|
18175
18175
|
--pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
|
|
18176
18176
|
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
|
|
18177
18177
|
}
|
|
18178
|
-
.pf-v5-c-
|
|
18178
|
+
.pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, .pf-v5-t-dark .pf-v5-c-button {
|
|
18179
18179
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
|
|
18180
18180
|
}
|
|
18181
18181
|
|
|
@@ -19130,7 +19130,7 @@ ul.pf-v5-c-list {
|
|
|
19130
19130
|
font-weight: var(--pf-v5-c-log-viewer__timestamp--FontWeight);
|
|
19131
19131
|
}
|
|
19132
19132
|
|
|
19133
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
19133
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
19134
19134
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
19135
19135
|
}
|
|
19136
19136
|
|
|
@@ -20428,7 +20428,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20428
20428
|
border-block-start: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
|
|
20429
20429
|
}
|
|
20430
20430
|
|
|
20431
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
20431
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
20432
20432
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
20433
20433
|
}
|
|
20434
20434
|
|
|
@@ -20840,7 +20840,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20840
20840
|
color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
|
|
20841
20841
|
}
|
|
20842
20842
|
|
|
20843
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
20843
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
20844
20844
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
20845
20845
|
}
|
|
20846
20846
|
|
|
@@ -22233,7 +22233,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
22233
22233
|
color: var(--pf-v5-c-options-menu__group-title--Color);
|
|
22234
22234
|
}
|
|
22235
22235
|
|
|
22236
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
22236
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
22237
22237
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
22238
22238
|
}
|
|
22239
22239
|
|
|
@@ -25243,7 +25243,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
25243
25243
|
box-shadow: var(--pf-v5-c-select__menu-footer--BoxShadow);
|
|
25244
25244
|
}
|
|
25245
25245
|
|
|
25246
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
25246
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
25247
25247
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
25248
25248
|
}
|
|
25249
25249
|
|
|
@@ -29009,7 +29009,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
29009
29009
|
--pf-v5-c-table--cell--Width: 100%;
|
|
29010
29010
|
}
|
|
29011
29011
|
|
|
29012
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
29012
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
29013
29013
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
29014
29014
|
}
|
|
29015
29015
|
|
|
@@ -30877,7 +30877,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
30877
30877
|
display: flex;
|
|
30878
30878
|
}
|
|
30879
30879
|
|
|
30880
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
30880
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
30881
30881
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
30882
30882
|
}
|
|
30883
30883
|
|
|
@@ -31919,183 +31919,128 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
31919
31919
|
--pf-v5-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v5-c-tree-view__node--PaddingLeft) - var(--pf-v5-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
|
|
31920
31920
|
}
|
|
31921
31921
|
|
|
31922
|
-
|
|
31922
|
+
:where(:root),
|
|
31923
|
+
:where(.pf-v5-c-wizard) {
|
|
31923
31924
|
--pf-v5-c-wizard--Height: 100%;
|
|
31924
31925
|
--pf-v5-c-modal-box--c-wizard--FlexBasis: 47.625rem;
|
|
31925
|
-
--pf-v5-c-wizard__header--BackgroundColor: var(--pf-
|
|
31926
|
+
--pf-v5-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
31926
31927
|
--pf-v5-c-wizard__header--ZIndex: auto;
|
|
31927
|
-
--pf-v5-c-wizard__header--PaddingTop: var(--pf-
|
|
31928
|
-
--pf-v5-c-wizard__header--PaddingRight: var(--pf-
|
|
31929
|
-
--pf-v5-c-wizard__header--PaddingBottom: var(--pf-
|
|
31930
|
-
--pf-v5-c-wizard__header--PaddingLeft: var(--pf-
|
|
31931
|
-
--pf-v5-c-
|
|
31932
|
-
--pf-v5-c-
|
|
31933
|
-
--pf-v5-c-
|
|
31934
|
-
--pf-v5-c-
|
|
31935
|
-
--pf-v5-c-
|
|
31936
|
-
--pf-v5-c-
|
|
31937
|
-
--pf-v5-c-
|
|
31938
|
-
--pf-v5-c-
|
|
31939
|
-
--pf-v5-c-wizard__title--
|
|
31940
|
-
--pf-v5-c-
|
|
31941
|
-
--pf-v5-c-
|
|
31942
|
-
--pf-v5-c-
|
|
31943
|
-
--pf-v5-c-
|
|
31944
|
-
--pf-v5-c-
|
|
31945
|
-
--pf-v5-c-
|
|
31946
|
-
--pf-v5-c-wizard__nav-link--Color: var(--pf-
|
|
31947
|
-
--pf-v5-c-wizard__nav-link--
|
|
31948
|
-
--pf-v5-c-wizard__nav-link--
|
|
31949
|
-
--pf-v5-c-wizard__nav-link--
|
|
31950
|
-
--pf-v5-c-wizard__nav-link--
|
|
31951
|
-
--pf-v5-c-wizard__nav-link--
|
|
31952
|
-
--pf-v5-c-wizard__nav-link--
|
|
31953
|
-
--pf-v5-c-wizard__nav-link--m-
|
|
31954
|
-
--pf-v5-c-wizard__nav-
|
|
31955
|
-
--pf-v5-c-wizard__nav-link-
|
|
31956
|
-
--pf-v5-c-wizard__nav-link-
|
|
31957
|
-
--pf-v5-c-wizard__nav-link-
|
|
31958
|
-
--pf-v5-c-wizard__nav-link--
|
|
31959
|
-
--pf-v5-c-wizard__nav-link
|
|
31928
|
+
--pf-v5-c-wizard__header--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
31929
|
+
--pf-v5-c-wizard__header--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
31930
|
+
--pf-v5-c-wizard__header--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
31931
|
+
--pf-v5-c-wizard__header--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
31932
|
+
--pf-v5-c-wizard__close--Top: calc(var(--pf-t--global--spacer--lg) - var(--pf-v5-c-button--m-plain--PaddingTop));
|
|
31933
|
+
--pf-v5-c-wizard__close--Right: var(--pf-t--global--spacer--sm);
|
|
31934
|
+
--pf-v5-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
|
|
31935
|
+
--pf-v5-c-wizard__title--PaddingRight: var(--pf-t--global--spacer--2xl);
|
|
31936
|
+
--pf-v5-c-wizard__title-text--FontSize: var(--pf-t--global--font--size--3xl);
|
|
31937
|
+
--pf-v5-c-wizard__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
31938
|
+
--pf-v5-c-wizard__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
31939
|
+
--pf-v5-c-wizard__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
31940
|
+
--pf-v5-c-wizard__title-text--Color: var(--pf-t--global--text--color--regular);
|
|
31941
|
+
--pf-v5-c-wizard__description--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
31942
|
+
--pf-v5-c-wizard__description--Color: var(--pf-t--global--text--color--subtle);
|
|
31943
|
+
--pf-v5-c-wizard__nav-link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
31944
|
+
--pf-v5-c-wizard__nav-link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
31945
|
+
--pf-v5-c-wizard__nav-link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
31946
|
+
--pf-v5-c-wizard__nav-link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
31947
|
+
--pf-v5-c-wizard__nav-link--Color: var(--pf-t--global--text--color--subtle);
|
|
31948
|
+
--pf-v5-c-wizard__nav-link--TextDecoration: none;
|
|
31949
|
+
--pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
31950
|
+
--pf-v5-c-wizard__nav-link--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
31951
|
+
--pf-v5-c-wizard__nav-link--hover--Color: var(--pf-t--global--text--color--subtle);
|
|
31952
|
+
--pf-v5-c-wizard__nav-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
31953
|
+
--pf-v5-c-wizard__nav-link--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
|
|
31954
|
+
--pf-v5-c-wizard__nav-link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
31955
|
+
--pf-v5-c-wizard__nav-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
31956
|
+
--pf-v5-c-wizard__nav-link--m-current--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
|
|
31957
|
+
--pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
31958
|
+
--pf-v5-c-wizard__nav-link--m-disabled--BackgroundColor: transparent;
|
|
31959
|
+
--pf-v5-c-wizard__nav-link--m-disabled--hover--MixBlendMode: normal;
|
|
31960
|
+
--pf-v5-c-wizard__nav-link-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
31961
|
+
--pf-v5-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
31962
|
+
--pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
31960
31963
|
--pf-v5-c-wizard__nav-link-toggle-icon--Transition: var(--pf-v5-global--Transition);
|
|
31961
31964
|
--pf-v5-c-wizard__nav-link-toggle-icon--Rotate: 0;
|
|
31962
31965
|
--pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
|
|
31963
31966
|
--pf-v5-c-wizard__nav-link--before--Width: 1.5rem;
|
|
31964
31967
|
--pf-v5-c-wizard__nav-link--before--Height: 1.5rem;
|
|
31965
|
-
--pf-v5-c-wizard__nav-link--before--Top:
|
|
31966
|
-
--pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-
|
|
31967
|
-
--pf-v5-c-wizard__nav-link--before--BorderRadius: var(--pf-
|
|
31968
|
-
--pf-v5-c-wizard__nav-link--before--Color: var(--pf-
|
|
31969
|
-
--pf-v5-c-wizard__nav-link--before--FontSize: var(--pf-
|
|
31970
|
-
--pf-v5-c-wizard__nav-link--before--TranslateX: calc(-100% - var(--pf-
|
|
31971
|
-
--pf-v5-c-wizard__nav-link--
|
|
31972
|
-
--pf-v5-c-wizard__nav-link--m-current--before--
|
|
31968
|
+
--pf-v5-c-wizard__nav-link--before--Top: calc(calc(var(--pf-v5-c-wizard__nav-link--PaddingBlockStart) + var(--pf-v5-c-wizard__nav-link--PaddingBlockEnd) + 1em * var(--pf-t--global--font--line-height--body)) / 2);
|
|
31969
|
+
--pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
31970
|
+
--pf-v5-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
31971
|
+
--pf-v5-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
|
|
31972
|
+
--pf-v5-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
|
|
31973
|
+
--pf-v5-c-wizard__nav-link--before--TranslateX: calc(-100% - var(--pf-t--global--spacer--xs));
|
|
31974
|
+
--pf-v5-c-wizard__nav-link--before--TranslateY: -50%;
|
|
31975
|
+
--pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
31976
|
+
--pf-v5-c-wizard__nav-link--m-current--before--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
31973
31977
|
--pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
|
|
31974
|
-
--pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-
|
|
31975
|
-
--pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-
|
|
31976
|
-
--pf-v5-c-wizard__toggle--ZIndex: var(--pf-
|
|
31977
|
-
--pf-v5-c-wizard__toggle--
|
|
31978
|
-
--pf-v5-c-wizard__toggle--
|
|
31979
|
-
--pf-v5-c-wizard__toggle--
|
|
31980
|
-
--pf-v5-c-wizard__toggle--
|
|
31981
|
-
--pf-v5-c-wizard__toggle--
|
|
31982
|
-
--pf-v5-c-wizard__toggle--
|
|
31983
|
-
--pf-v5-c-
|
|
31984
|
-
--pf-v5-c-
|
|
31985
|
-
--pf-v5-c-wizard__toggle-
|
|
31986
|
-
--pf-v5-c-wizard__toggle-list-item--
|
|
31987
|
-
--pf-v5-c-wizard__toggle-list
|
|
31988
|
-
--pf-v5-c-wizard__toggle-list--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
31978
|
+
--pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
|
|
31979
|
+
--pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
31980
|
+
--pf-v5-c-wizard__toggle--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
31981
|
+
--pf-v5-c-wizard__toggle--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
31982
|
+
--pf-v5-c-wizard__toggle--PaddingRight: var(--pf-t--global--spacer--md);
|
|
31983
|
+
--pf-v5-c-wizard__toggle--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
31984
|
+
--pf-v5-c-wizard__toggle--PaddingLeft: calc(var(--pf-t--global--spacer--lg) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-t--global--spacer--sm));
|
|
31985
|
+
--pf-v5-c-wizard__toggle--BorderBottomWidth: var(--pf-t--global--border--width--regular);
|
|
31986
|
+
--pf-v5-c-wizard__toggle--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
31987
|
+
--pf-v5-c-wizard--m-in-page__toggle--xl--PaddingLeft: calc(var(--pf-t--global--spacer--xl) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-t--global--spacer--sm));
|
|
31988
|
+
--pf-v5-c-wizard__toggle-num--before--Top: -0.125rem;
|
|
31989
|
+
--pf-v5-c-wizard__toggle-list-item--not-last-child--MarginRight: var(--pf-t--global--spacer--sm);
|
|
31990
|
+
--pf-v5-c-wizard__toggle-list-item--MarginBottom: var(--pf-t--global--spacer--xs);
|
|
31991
|
+
--pf-v5-c-wizard__toggle-list--MarginRight: var(--pf-t--global--spacer--sm);
|
|
31989
31992
|
--pf-v5-c-wizard__toggle-list--MarginBottom: calc(var(--pf-v5-c-wizard__toggle-list-item--MarginBottom) * -1);
|
|
31990
|
-
--pf-v5-c-wizard__toggle-separator--MarginLeft: var(--pf-
|
|
31991
|
-
--pf-v5-c-wizard__toggle-separator--Color: var(--pf-
|
|
31992
|
-
--pf-v5-c-wizard__toggle-icon--LineHeight: var(--pf-
|
|
31993
|
+
--pf-v5-c-wizard__toggle-separator--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
31994
|
+
--pf-v5-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
|
|
31995
|
+
--pf-v5-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
31993
31996
|
--pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
|
|
31994
|
-
--pf-v5-c-wizard__nav--ZIndex: var(--pf-
|
|
31995
|
-
--pf-v5-c-wizard__nav--BackgroundColor: var(--pf-
|
|
31996
|
-
--pf-v5-c-wizard__nav--BoxShadow: var(--pf-
|
|
31997
|
+
--pf-v5-c-wizard__nav--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
31998
|
+
--pf-v5-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
31999
|
+
--pf-v5-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
31997
32000
|
--pf-v5-c-wizard__nav--Width: 100%;
|
|
31998
32001
|
--pf-v5-c-wizard__nav--lg--Width: 15.625rem;
|
|
31999
|
-
--pf-v5-c-wizard__nav--lg--BorderRightWidth: var(--pf-
|
|
32000
|
-
--pf-v5-c-wizard__nav--lg--BorderRightColor: var(--pf-
|
|
32001
|
-
--pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-
|
|
32002
|
-
--pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-
|
|
32003
|
-
--pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-
|
|
32004
|
-
--pf-v5-c-wizard__nav-list--PaddingLeft: calc(var(--pf-
|
|
32005
|
-
--pf-v5-c-wizard__nav-list--
|
|
32006
|
-
--pf-v5-c-wizard__nav-list--
|
|
32007
|
-
--pf-v5-c-wizard__nav-
|
|
32008
|
-
--pf-v5-c-
|
|
32009
|
-
--pf-v5-c-wizard__nav-list--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
32010
|
-
--pf-v5-c-wizard__nav-list--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
32011
|
-
--pf-v5-c-wizard__nav-list--xl--PaddingLeft: calc(var(--pf-v5-global--spacer--lg) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-v5-global--spacer--sm));
|
|
32012
|
-
--pf-v5-c-wizard__nav-list--nested--MarginLeft: var(--pf-v5-global--spacer--md);
|
|
32013
|
-
--pf-v5-c-wizard__nav-list--nested--MarginTop: var(--pf-v5-global--spacer--md);
|
|
32014
|
-
--pf-v5-c-wizard__nav-item--MarginTop: var(--pf-v5-global--spacer--md);
|
|
32015
|
-
--pf-v5-c-wizard__outer-wrap--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
32002
|
+
--pf-v5-c-wizard__nav--lg--BorderRightWidth: var(--pf-t--global--border--width--regular);
|
|
32003
|
+
--pf-v5-c-wizard__nav--lg--BorderRightColor: var(--pf-t--global--border--color--default);
|
|
32004
|
+
--pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
32005
|
+
--pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
32006
|
+
--pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
32007
|
+
--pf-v5-c-wizard__nav-list--PaddingLeft: calc(var(--pf-t--global--spacer--lg) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-t--global--spacer--sm));
|
|
32008
|
+
--pf-v5-c-wizard__nav-list--nested--MarginLeft: var(--pf-t--global--spacer--md);
|
|
32009
|
+
--pf-v5-c-wizard__nav-list--nested--MarginTop: var(--pf-t--global--spacer--md);
|
|
32010
|
+
--pf-v5-c-wizard__nav-item--MarginTop: var(--pf-t--global--spacer--md);
|
|
32011
|
+
--pf-v5-c-wizard__outer-wrap--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
32016
32012
|
--pf-v5-c-wizard__outer-wrap--lg--PaddingLeft: var(--pf-v5-c-wizard__nav--Width);
|
|
32017
32013
|
--pf-v5-c-wizard__outer-wrap--MinHeight: 15.625rem;
|
|
32018
32014
|
--pf-v5-c-wizard__main--ZIndex: auto;
|
|
32019
|
-
--pf-v5-c-wizard__main-body--PaddingTop: var(--pf-
|
|
32020
|
-
--pf-v5-c-wizard__main-body--PaddingRight: var(--pf-
|
|
32021
|
-
--pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-
|
|
32022
|
-
--pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-
|
|
32023
|
-
--pf-v5-c-
|
|
32024
|
-
--pf-v5-c-
|
|
32025
|
-
--pf-v5-c-
|
|
32026
|
-
--pf-v5-c-
|
|
32027
|
-
--pf-v5-c-wizard__footer--
|
|
32028
|
-
--pf-v5-c-wizard__footer--
|
|
32029
|
-
--pf-v5-c-wizard__footer--
|
|
32030
|
-
--pf-v5-c-wizard__footer--
|
|
32031
|
-
--pf-v5-c-wizard__footer--
|
|
32032
|
-
--pf-v5-c-wizard__footer--
|
|
32033
|
-
--pf-v5-c-wizard__footer--
|
|
32034
|
-
--pf-v5-c-wizard__footer--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
32035
|
-
--pf-v5-c-wizard__footer--xl--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
32036
|
-
--pf-v5-c-wizard__footer--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
32037
|
-
--pf-v5-c-wizard__footer--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
|
|
32038
|
-
--pf-v5-c-wizard__footer--child--MarginRight: var(--pf-v5-global--spacer--md);
|
|
32039
|
-
--pf-v5-c-wizard__footer--child--MarginBottom: var(--pf-v5-global--spacer--sm);
|
|
32040
|
-
--pf-v5-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-v5-global--spacer--2xl) - var(--pf-v5-c-wizard__footer--child--MarginRight));
|
|
32041
|
-
position: relative;
|
|
32042
|
-
display: flex;
|
|
32043
|
-
flex-direction: column;
|
|
32044
|
-
height: var(--pf-v5-c-wizard--Height);
|
|
32045
|
-
}
|
|
32046
|
-
@media screen and (min-width: 992px) {
|
|
32047
|
-
.pf-v5-c-wizard {
|
|
32048
|
-
--pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-c-wizard__header--lg--PaddingRight);
|
|
32049
|
-
--pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-c-wizard__header--lg--PaddingLeft);
|
|
32050
|
-
}
|
|
32051
|
-
}
|
|
32052
|
-
@media screen and (min-width: 1200px) {
|
|
32053
|
-
.pf-v5-c-wizard {
|
|
32054
|
-
--pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-c-wizard__header--xl--PaddingRight);
|
|
32055
|
-
--pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-c-wizard__header--xl--PaddingLeft);
|
|
32056
|
-
}
|
|
32057
|
-
}
|
|
32058
|
-
@media screen and (min-width: 1200px) {
|
|
32059
|
-
.pf-v5-c-wizard {
|
|
32060
|
-
--pf-v5-c-wizard__close--Right: var(--pf-v5-c-wizard__close--xl--Right);
|
|
32061
|
-
}
|
|
32015
|
+
--pf-v5-c-wizard__main-body--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
32016
|
+
--pf-v5-c-wizard__main-body--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
32017
|
+
--pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
32018
|
+
--pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
32019
|
+
--pf-v5-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
32020
|
+
--pf-v5-c-wizard__footer--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
32021
|
+
--pf-v5-c-wizard__footer--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
32022
|
+
--pf-v5-c-wizard__footer--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
32023
|
+
--pf-v5-c-wizard__footer--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
32024
|
+
--pf-v5-c-wizard__footer--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
32025
|
+
--pf-v5-c-wizard__footer--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
32026
|
+
--pf-v5-c-wizard__footer--BorderColor: var(--pf-t--global--border--color--default);
|
|
32027
|
+
--pf-v5-c-wizard__footer--child--MarginRight: var(--pf-t--global--spacer--md);
|
|
32028
|
+
--pf-v5-c-wizard__footer--child--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
32029
|
+
--pf-v5-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-t--global--spacer--2xl) - var(--pf-v5-c-wizard__footer--child--MarginRight));
|
|
32062
32030
|
}
|
|
32063
32031
|
@media screen and (min-width: 992px) {
|
|
32064
|
-
|
|
32032
|
+
:where(:root),
|
|
32033
|
+
:where(.pf-v5-c-wizard) {
|
|
32065
32034
|
--pf-v5-c-wizard__nav--Width: var(--pf-v5-c-wizard__nav--lg--Width);
|
|
32066
32035
|
--pf-v5-c-wizard__nav--BoxShadow: none;
|
|
32067
32036
|
}
|
|
32068
32037
|
}
|
|
32069
|
-
|
|
32070
|
-
|
|
32071
|
-
|
|
32072
|
-
|
|
32073
|
-
|
|
32074
|
-
|
|
32075
|
-
}
|
|
32076
|
-
@media screen and (min-width: 1200px) {
|
|
32077
|
-
.pf-v5-c-wizard {
|
|
32078
|
-
--pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-c-wizard__nav-list--xl--PaddingTop);
|
|
32079
|
-
--pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-c-wizard__nav-list--xl--PaddingRight);
|
|
32080
|
-
--pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-c-wizard__nav-list--xl--PaddingBottom);
|
|
32081
|
-
--pf-v5-c-wizard__nav-list--PaddingLeft: var(--pf-v5-c-wizard__nav-list--xl--PaddingLeft);
|
|
32082
|
-
}
|
|
32083
|
-
}
|
|
32084
|
-
@media screen and (min-width: 1200px) {
|
|
32085
|
-
.pf-v5-c-wizard {
|
|
32086
|
-
--pf-v5-c-wizard__main-body--PaddingTop: var(--pf-v5-c-wizard__main-body--xl--PaddingTop);
|
|
32087
|
-
--pf-v5-c-wizard__main-body--PaddingRight: var(--pf-v5-c-wizard__main-body--xl--PaddingRight);
|
|
32088
|
-
--pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-v5-c-wizard__main-body--xl--PaddingBottom);
|
|
32089
|
-
--pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-v5-c-wizard__main-body--xl--PaddingLeft);
|
|
32090
|
-
}
|
|
32091
|
-
}
|
|
32092
|
-
@media screen and (min-width: 1200px) {
|
|
32093
|
-
.pf-v5-c-wizard {
|
|
32094
|
-
--pf-v5-c-wizard__footer--PaddingTop: var(--pf-v5-c-wizard__footer--xl--PaddingTop);
|
|
32095
|
-
--pf-v5-c-wizard__footer--PaddingRight: var(--pf-v5-c-wizard__footer--xl--PaddingRight);
|
|
32096
|
-
--pf-v5-c-wizard__footer--PaddingBottom: var(--pf-v5-c-wizard__footer--xl--PaddingBottom);
|
|
32097
|
-
--pf-v5-c-wizard__footer--PaddingLeft: var(--pf-v5-c-wizard__footer--xl--PaddingLeft);
|
|
32098
|
-
}
|
|
32038
|
+
|
|
32039
|
+
.pf-v5-c-wizard {
|
|
32040
|
+
position: relative;
|
|
32041
|
+
display: flex;
|
|
32042
|
+
flex-direction: column;
|
|
32043
|
+
height: var(--pf-v5-c-wizard--Height);
|
|
32099
32044
|
}
|
|
32100
32045
|
.pf-v5-c-modal-box .pf-v5-c-wizard {
|
|
32101
32046
|
flex: 1 1 var(--pf-v5-c-modal-box--c-wizard--FlexBasis);
|
|
@@ -32114,7 +32059,6 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
32114
32059
|
}
|
|
32115
32060
|
|
|
32116
32061
|
.pf-v5-c-wizard__header {
|
|
32117
|
-
color: var(--pf-v5-global--Color--100);
|
|
32118
32062
|
position: relative;
|
|
32119
32063
|
z-index: var(--pf-v5-c-wizard__header--ZIndex);
|
|
32120
32064
|
padding-block-start: var(--pf-v5-c-wizard__header--PaddingTop);
|
|
@@ -32142,6 +32086,7 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
32142
32086
|
font-size: var(--pf-v5-c-wizard__title-text--FontSize);
|
|
32143
32087
|
font-weight: var(--pf-v5-c-wizard__title-text--FontWeight);
|
|
32144
32088
|
line-height: var(--pf-v5-c-wizard__title-text--LineHeight);
|
|
32089
|
+
color: var(--pf-v5-c-wizard__title-text--Color);
|
|
32145
32090
|
}
|
|
32146
32091
|
|
|
32147
32092
|
.pf-v5-c-wizard__description {
|
|
@@ -32166,18 +32111,16 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
32166
32111
|
padding-inline-start: var(--pf-v5-c-wizard__toggle--PaddingLeft);
|
|
32167
32112
|
padding-inline-end: var(--pf-v5-c-wizard__toggle--PaddingRight);
|
|
32168
32113
|
background-color: var(--pf-v5-c-wizard__toggle--BackgroundColor);
|
|
32169
|
-
border: 0;
|
|
32170
|
-
|
|
32114
|
+
border-block-start: 0;
|
|
32115
|
+
border-block-end: var(--pf-v5-c-wizard__toggle--BorderBottomWidth) solid var(--pf-v5-c-wizard__toggle--BorderBottomColor);
|
|
32116
|
+
border-inline-start: 0;
|
|
32117
|
+
border-inline-end: 0;
|
|
32171
32118
|
}
|
|
32172
32119
|
@media screen and (min-width: 992px) {
|
|
32173
32120
|
.pf-v5-c-wizard__toggle {
|
|
32174
32121
|
display: none;
|
|
32175
32122
|
}
|
|
32176
32123
|
}
|
|
32177
|
-
.pf-v5-c-wizard__toggle.pf-m-expanded {
|
|
32178
|
-
--pf-v5-c-wizard__toggle--BoxShadow: none;
|
|
32179
|
-
border-block-end: var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomWidth) solid var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomColor);
|
|
32180
|
-
}
|
|
32181
32124
|
.pf-v5-c-wizard__toggle.pf-m-expanded .pf-v5-c-wizard__toggle-icon {
|
|
32182
32125
|
transform: rotate(var(--pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate));
|
|
32183
32126
|
}
|
|
@@ -32202,6 +32145,7 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
32202
32145
|
}
|
|
32203
32146
|
|
|
32204
32147
|
.pf-v5-c-wizard__toggle-num {
|
|
32148
|
+
--pf-v5-c-wizard__nav-link--before--TranslateY: 0;
|
|
32205
32149
|
--pf-v5-c-wizard__nav-link--before--Top: var(--pf-v5-c-wizard__toggle-num--before--Top);
|
|
32206
32150
|
}
|
|
32207
32151
|
|
|
@@ -32303,20 +32247,29 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
32303
32247
|
.pf-v5-c-wizard__nav-item.pf-m-expanded > .pf-v5-c-wizard__nav-link {
|
|
32304
32248
|
--pf-v5-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate);
|
|
32305
32249
|
}
|
|
32250
|
+
.pf-v5-c-wizard__nav-item :where(:hover) {
|
|
32251
|
+
--pf-v5-c-wizard__nav-link--Color: var({$wizard}__nav-link--hover--Color);
|
|
32252
|
+
--pf-v5-c-wizard__nav-link--BackgroundColor: var({$wizard}__nav-link--hover--BackgroundColor);
|
|
32253
|
+
}
|
|
32306
32254
|
|
|
32307
32255
|
.pf-v5-c-wizard__nav-link {
|
|
32308
32256
|
position: relative;
|
|
32309
32257
|
display: inline-block;
|
|
32310
32258
|
width: 100%;
|
|
32259
|
+
padding-block-start: var(--pf-v5-c-wizard__nav-link--PaddingBlockStart);
|
|
32260
|
+
padding-block-end: var(--pf-v5-c-wizard__nav-link--PaddingBlockEnd);
|
|
32261
|
+
padding-inline-start: var(--pf-v5-c-wizard__nav-link--PaddingInlineStart);
|
|
32262
|
+
padding-inline-end: var(--pf-v5-c-wizard__nav-link--PaddingInlineEnd);
|
|
32311
32263
|
color: var(--pf-v5-c-wizard__nav-link--Color);
|
|
32312
32264
|
text-align: start;
|
|
32313
32265
|
text-decoration: var(--pf-v5-c-wizard__nav-link--TextDecoration);
|
|
32314
32266
|
word-break: break-word;
|
|
32315
32267
|
background-color: var(--pf-v5-c-wizard__nav-link--BackgroundColor);
|
|
32316
|
-
border:
|
|
32268
|
+
border: none;
|
|
32269
|
+
border-radius: var(--pf-v5-c-wizard__nav-link--BorderRadius);
|
|
32317
32270
|
}
|
|
32318
32271
|
.pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
|
|
32319
|
-
transform: translateX(var(--pf-v5-c-wizard__nav-link--before--TranslateX));
|
|
32272
|
+
transform: translateX(var(--pf-v5-c-wizard__nav-link--before--TranslateX)) translateY(var(--pf-v5-c-wizard__nav-link--before--TranslateY));
|
|
32320
32273
|
position: absolute;
|
|
32321
32274
|
inset-block-start: var(--pf-v5-c-wizard__nav-link--before--Top);
|
|
32322
32275
|
inset-inline-start: 0;
|
|
@@ -32332,33 +32285,32 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
32332
32285
|
border-radius: var(--pf-v5-c-wizard__nav-link--before--BorderRadius);
|
|
32333
32286
|
}
|
|
32334
32287
|
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
|
|
32335
|
-
transform: translateX(calc(var(--pf-v5-c-wizard__nav-link--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
|
|
32288
|
+
transform: translateX(calc(var(--pf-v5-c-wizard__nav-link--before--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-wizard__nav-link--before--TranslateY));
|
|
32336
32289
|
}
|
|
32337
32290
|
|
|
32338
32291
|
.pf-v5-c-wizard__nav-link::before {
|
|
32339
|
-
inset-block-start: 0;
|
|
32340
32292
|
content: counter(wizard-nav-count);
|
|
32341
32293
|
counter-increment: wizard-nav-count;
|
|
32342
32294
|
}
|
|
32343
|
-
.pf-v5-c-wizard__nav-link:hover {
|
|
32344
|
-
--pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--hover--Color);
|
|
32345
|
-
--pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-c-wizard__nav-link--hover__nav-link-toggle-icon--Color);
|
|
32346
|
-
}
|
|
32347
|
-
.pf-v5-c-wizard__nav-link:focus {
|
|
32348
|
-
--pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--focus--Color);
|
|
32349
|
-
--pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-c-wizard__nav-link--focus__nav-link-toggle-icon--Color);
|
|
32350
|
-
}
|
|
32351
32295
|
.pf-v5-c-wizard__nav-link.pf-m-current {
|
|
32352
32296
|
--pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-current--Color);
|
|
32353
|
-
|
|
32297
|
+
--pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-current--BackgroundColor);
|
|
32298
|
+
mix-blend-mode: var(--pf-v5-c-wizard__nav-link--m-current--MixBlendMode);
|
|
32354
32299
|
}
|
|
32355
32300
|
.pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link.pf-m-current::before {
|
|
32356
32301
|
--pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor);
|
|
32357
32302
|
--pf-v5-c-wizard__nav-link--before--Color: var(--pf-v5-c-wizard__nav-link--m-current--before--Color);
|
|
32358
32303
|
}
|
|
32359
32304
|
|
|
32305
|
+
.pf-v5-c-wizard__nav-link:where(:hover, :focus) {
|
|
32306
|
+
--pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--hover--Color);
|
|
32307
|
+
--pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--hover--BackgroundColor);
|
|
32308
|
+
mix-blend-mode: var(--pf-v5-c-wizard__nav-link--hover--MixBlendMode);
|
|
32309
|
+
}
|
|
32360
32310
|
.pf-v5-c-wizard__nav-link:disabled, .pf-v5-c-wizard__nav-link.pf-m-disabled {
|
|
32361
32311
|
--pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-disabled--Color);
|
|
32312
|
+
--pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-disabled--BackgroundColor);
|
|
32313
|
+
--pf-v5-c-wizard__nav-link--hover--MixBlendMode: var(--pf-v5-c-wizard__nav-link--m-disabled--hover--MixBlendMode);
|
|
32362
32314
|
pointer-events: none;
|
|
32363
32315
|
}
|
|
32364
32316
|
.pf-v5-c-wizard__nav-link:disabled::before, .pf-v5-c-wizard__nav-link.pf-m-disabled::before {
|
|
@@ -32414,6 +32366,7 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
32414
32366
|
padding-inline-start: var(--pf-v5-c-wizard__footer--PaddingLeft);
|
|
32415
32367
|
padding-inline-end: var(--pf-v5-c-wizard__footer--PaddingRight);
|
|
32416
32368
|
background-color: var(--pf-v5-c-wizard__footer--BackgroundColor);
|
|
32369
|
+
border-block-start: var(--pf-v5-c-wizard__footer--BorderWidth) solid var(--pf-v5-c-wizard__footer--BorderColor);
|
|
32417
32370
|
}
|
|
32418
32371
|
.pf-v5-c-wizard__footer > * {
|
|
32419
32372
|
margin-block-end: var(--pf-v5-c-wizard__footer--child--MarginBottom);
|
|
@@ -32421,26 +32374,11 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
32421
32374
|
.pf-v5-c-wizard__footer > *:not(:last-child) {
|
|
32422
32375
|
margin-inline-end: var(--pf-v5-c-wizard__footer--child--MarginRight);
|
|
32423
32376
|
}
|
|
32424
|
-
.pf-v5-c-page__main-wizard .pf-v5-c-wizard__footer, .pf-v5-c-modal-box .pf-v5-c-wizard__footer, .pf-v5-c-drawer > .pf-v5-c-wizard__footer {
|
|
32425
|
-
box-shadow: var(--pf-v5-c-wizard__footer--BoxShadow);
|
|
32426
|
-
}
|
|
32427
32377
|
|
|
32428
32378
|
.pf-v5-c-wizard__footer-cancel {
|
|
32429
32379
|
margin-inline-start: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
|
|
32430
32380
|
}
|
|
32431
32381
|
|
|
32432
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
32433
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
32434
|
-
}
|
|
32435
|
-
|
|
32436
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-wizard {
|
|
32437
|
-
--pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
|
|
32438
|
-
--pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
|
|
32439
|
-
}
|
|
32440
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
|
|
32441
|
-
color: var(--pf-v5-global--Color--100);
|
|
32442
|
-
}
|
|
32443
|
-
|
|
32444
32382
|
.pf-v5-l-bullseye {
|
|
32445
32383
|
--pf-v5-l-bullseye--Padding: 0;
|
|
32446
32384
|
display: flex;
|