@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
|
@@ -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
|
|
|
@@ -7111,7 +7111,7 @@ html .ws-preview {
|
|
|
7111
7111
|
color: var(--pf-v5-c-app-launcher__group-title--Color);
|
|
7112
7112
|
}
|
|
7113
7113
|
|
|
7114
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
7114
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
7115
7115
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
7116
7116
|
}
|
|
7117
7117
|
|
|
@@ -9103,7 +9103,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
9103
9103
|
line-height: 1;
|
|
9104
9104
|
}
|
|
9105
9105
|
|
|
9106
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
9106
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
9107
9107
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
9108
9108
|
}
|
|
9109
9109
|
|
|
@@ -10098,7 +10098,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
10098
10098
|
pointer-events: none;
|
|
10099
10099
|
}
|
|
10100
10100
|
|
|
10101
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
10101
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
10102
10102
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
10103
10103
|
}
|
|
10104
10104
|
|
|
@@ -16109,7 +16109,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
16109
16109
|
color: var(--pf-v5-c-dropdown__group-title--Color);
|
|
16110
16110
|
}
|
|
16111
16111
|
|
|
16112
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
16112
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
16113
16113
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
16114
16114
|
}
|
|
16115
16115
|
|
|
@@ -18047,7 +18047,7 @@ label.pf-v5-c-input-group__text {
|
|
|
18047
18047
|
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
|
|
18048
18048
|
}
|
|
18049
18049
|
|
|
18050
|
-
.pf-v5-c-
|
|
18050
|
+
.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 {
|
|
18051
18051
|
--pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
|
|
18052
18052
|
--pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
|
|
18053
18053
|
--pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
|
|
@@ -18058,7 +18058,7 @@ label.pf-v5-c-input-group__text {
|
|
|
18058
18058
|
--pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
|
|
18059
18059
|
--pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
|
|
18060
18060
|
}
|
|
18061
|
-
.pf-v5-c-
|
|
18061
|
+
.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 {
|
|
18062
18062
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
|
|
18063
18063
|
}
|
|
18064
18064
|
|
|
@@ -19013,7 +19013,7 @@ ul.pf-v5-c-list {
|
|
|
19013
19013
|
font-weight: var(--pf-v5-c-log-viewer__timestamp--FontWeight);
|
|
19014
19014
|
}
|
|
19015
19015
|
|
|
19016
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
19016
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
19017
19017
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
19018
19018
|
}
|
|
19019
19019
|
|
|
@@ -20311,7 +20311,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20311
20311
|
border-block-start: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
|
|
20312
20312
|
}
|
|
20313
20313
|
|
|
20314
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
20314
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
20315
20315
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
20316
20316
|
}
|
|
20317
20317
|
|
|
@@ -20723,7 +20723,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20723
20723
|
color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
|
|
20724
20724
|
}
|
|
20725
20725
|
|
|
20726
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
20726
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
20727
20727
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
20728
20728
|
}
|
|
20729
20729
|
|
|
@@ -22116,7 +22116,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
22116
22116
|
color: var(--pf-v5-c-options-menu__group-title--Color);
|
|
22117
22117
|
}
|
|
22118
22118
|
|
|
22119
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
22119
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
22120
22120
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
22121
22121
|
}
|
|
22122
22122
|
|
|
@@ -25126,7 +25126,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
25126
25126
|
box-shadow: var(--pf-v5-c-select__menu-footer--BoxShadow);
|
|
25127
25127
|
}
|
|
25128
25128
|
|
|
25129
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
25129
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
25130
25130
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
25131
25131
|
}
|
|
25132
25132
|
|
|
@@ -28892,7 +28892,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
28892
28892
|
--pf-v5-c-table--cell--Width: 100%;
|
|
28893
28893
|
}
|
|
28894
28894
|
|
|
28895
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
28895
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
28896
28896
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
28897
28897
|
}
|
|
28898
28898
|
|
|
@@ -30760,7 +30760,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
30760
30760
|
display: flex;
|
|
30761
30761
|
}
|
|
30762
30762
|
|
|
30763
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-
|
|
30763
|
+
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
30764
30764
|
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
30765
30765
|
}
|
|
30766
30766
|
|
|
@@ -31802,183 +31802,128 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
31802
31802
|
--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));
|
|
31803
31803
|
}
|
|
31804
31804
|
|
|
31805
|
-
|
|
31805
|
+
:where(:root),
|
|
31806
|
+
:where(.pf-v5-c-wizard) {
|
|
31806
31807
|
--pf-v5-c-wizard--Height: 100%;
|
|
31807
31808
|
--pf-v5-c-modal-box--c-wizard--FlexBasis: 47.625rem;
|
|
31808
|
-
--pf-v5-c-wizard__header--BackgroundColor: var(--pf-
|
|
31809
|
+
--pf-v5-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
31809
31810
|
--pf-v5-c-wizard__header--ZIndex: auto;
|
|
31810
|
-
--pf-v5-c-wizard__header--PaddingTop: var(--pf-
|
|
31811
|
-
--pf-v5-c-wizard__header--PaddingRight: var(--pf-
|
|
31812
|
-
--pf-v5-c-wizard__header--PaddingBottom: var(--pf-
|
|
31813
|
-
--pf-v5-c-wizard__header--PaddingLeft: var(--pf-
|
|
31814
|
-
--pf-v5-c-
|
|
31815
|
-
--pf-v5-c-
|
|
31816
|
-
--pf-v5-c-
|
|
31817
|
-
--pf-v5-c-
|
|
31818
|
-
--pf-v5-c-
|
|
31819
|
-
--pf-v5-c-
|
|
31820
|
-
--pf-v5-c-
|
|
31821
|
-
--pf-v5-c-
|
|
31822
|
-
--pf-v5-c-wizard__title--
|
|
31823
|
-
--pf-v5-c-
|
|
31824
|
-
--pf-v5-c-
|
|
31825
|
-
--pf-v5-c-
|
|
31826
|
-
--pf-v5-c-
|
|
31827
|
-
--pf-v5-c-
|
|
31828
|
-
--pf-v5-c-
|
|
31829
|
-
--pf-v5-c-wizard__nav-link--Color: var(--pf-
|
|
31830
|
-
--pf-v5-c-wizard__nav-link--
|
|
31831
|
-
--pf-v5-c-wizard__nav-link--
|
|
31832
|
-
--pf-v5-c-wizard__nav-link--
|
|
31833
|
-
--pf-v5-c-wizard__nav-link--
|
|
31834
|
-
--pf-v5-c-wizard__nav-link--
|
|
31835
|
-
--pf-v5-c-wizard__nav-link--
|
|
31836
|
-
--pf-v5-c-wizard__nav-link--m-
|
|
31837
|
-
--pf-v5-c-wizard__nav-
|
|
31838
|
-
--pf-v5-c-wizard__nav-link-
|
|
31839
|
-
--pf-v5-c-wizard__nav-link-
|
|
31840
|
-
--pf-v5-c-wizard__nav-link-
|
|
31841
|
-
--pf-v5-c-wizard__nav-link--
|
|
31842
|
-
--pf-v5-c-wizard__nav-link
|
|
31811
|
+
--pf-v5-c-wizard__header--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
31812
|
+
--pf-v5-c-wizard__header--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
31813
|
+
--pf-v5-c-wizard__header--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
31814
|
+
--pf-v5-c-wizard__header--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
31815
|
+
--pf-v5-c-wizard__close--Top: calc(var(--pf-t--global--spacer--lg) - var(--pf-v5-c-button--m-plain--PaddingTop));
|
|
31816
|
+
--pf-v5-c-wizard__close--Right: var(--pf-t--global--spacer--sm);
|
|
31817
|
+
--pf-v5-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
|
|
31818
|
+
--pf-v5-c-wizard__title--PaddingRight: var(--pf-t--global--spacer--2xl);
|
|
31819
|
+
--pf-v5-c-wizard__title-text--FontSize: var(--pf-t--global--font--size--3xl);
|
|
31820
|
+
--pf-v5-c-wizard__title-text--FontFamily: var(--pf-t--global--font--family--heading);
|
|
31821
|
+
--pf-v5-c-wizard__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
31822
|
+
--pf-v5-c-wizard__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
31823
|
+
--pf-v5-c-wizard__title-text--Color: var(--pf-t--global--text--color--regular);
|
|
31824
|
+
--pf-v5-c-wizard__description--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
31825
|
+
--pf-v5-c-wizard__description--Color: var(--pf-t--global--text--color--subtle);
|
|
31826
|
+
--pf-v5-c-wizard__nav-link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
31827
|
+
--pf-v5-c-wizard__nav-link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
31828
|
+
--pf-v5-c-wizard__nav-link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
31829
|
+
--pf-v5-c-wizard__nav-link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
31830
|
+
--pf-v5-c-wizard__nav-link--Color: var(--pf-t--global--text--color--subtle);
|
|
31831
|
+
--pf-v5-c-wizard__nav-link--TextDecoration: none;
|
|
31832
|
+
--pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
31833
|
+
--pf-v5-c-wizard__nav-link--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
31834
|
+
--pf-v5-c-wizard__nav-link--hover--Color: var(--pf-t--global--text--color--subtle);
|
|
31835
|
+
--pf-v5-c-wizard__nav-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
31836
|
+
--pf-v5-c-wizard__nav-link--hover--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
|
|
31837
|
+
--pf-v5-c-wizard__nav-link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
31838
|
+
--pf-v5-c-wizard__nav-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
31839
|
+
--pf-v5-c-wizard__nav-link--m-current--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
|
|
31840
|
+
--pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
31841
|
+
--pf-v5-c-wizard__nav-link--m-disabled--BackgroundColor: transparent;
|
|
31842
|
+
--pf-v5-c-wizard__nav-link--m-disabled--hover--MixBlendMode: normal;
|
|
31843
|
+
--pf-v5-c-wizard__nav-link-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
31844
|
+
--pf-v5-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
31845
|
+
--pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
31843
31846
|
--pf-v5-c-wizard__nav-link-toggle-icon--Transition: var(--pf-v5-global--Transition);
|
|
31844
31847
|
--pf-v5-c-wizard__nav-link-toggle-icon--Rotate: 0;
|
|
31845
31848
|
--pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
|
|
31846
31849
|
--pf-v5-c-wizard__nav-link--before--Width: 1.5rem;
|
|
31847
31850
|
--pf-v5-c-wizard__nav-link--before--Height: 1.5rem;
|
|
31848
|
-
--pf-v5-c-wizard__nav-link--before--Top:
|
|
31849
|
-
--pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-
|
|
31850
|
-
--pf-v5-c-wizard__nav-link--before--BorderRadius: var(--pf-
|
|
31851
|
-
--pf-v5-c-wizard__nav-link--before--Color: var(--pf-
|
|
31852
|
-
--pf-v5-c-wizard__nav-link--before--FontSize: var(--pf-
|
|
31853
|
-
--pf-v5-c-wizard__nav-link--before--TranslateX: calc(-100% - var(--pf-
|
|
31854
|
-
--pf-v5-c-wizard__nav-link--
|
|
31855
|
-
--pf-v5-c-wizard__nav-link--m-current--before--
|
|
31851
|
+
--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);
|
|
31852
|
+
--pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
31853
|
+
--pf-v5-c-wizard__nav-link--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
31854
|
+
--pf-v5-c-wizard__nav-link--before--Color: var(--pf-t--global--text--color--regular);
|
|
31855
|
+
--pf-v5-c-wizard__nav-link--before--FontSize: var(--pf-t--global--font--size--body--default);
|
|
31856
|
+
--pf-v5-c-wizard__nav-link--before--TranslateX: calc(-100% - var(--pf-t--global--spacer--xs));
|
|
31857
|
+
--pf-v5-c-wizard__nav-link--before--TranslateY: -50%;
|
|
31858
|
+
--pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
31859
|
+
--pf-v5-c-wizard__nav-link--m-current--before--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
31856
31860
|
--pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
|
|
31857
|
-
--pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-
|
|
31858
|
-
--pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-
|
|
31859
|
-
--pf-v5-c-wizard__toggle--ZIndex: var(--pf-
|
|
31860
|
-
--pf-v5-c-wizard__toggle--
|
|
31861
|
-
--pf-v5-c-wizard__toggle--
|
|
31862
|
-
--pf-v5-c-wizard__toggle--
|
|
31863
|
-
--pf-v5-c-wizard__toggle--
|
|
31864
|
-
--pf-v5-c-wizard__toggle--
|
|
31865
|
-
--pf-v5-c-wizard__toggle--
|
|
31866
|
-
--pf-v5-c-
|
|
31867
|
-
--pf-v5-c-
|
|
31868
|
-
--pf-v5-c-wizard__toggle-
|
|
31869
|
-
--pf-v5-c-wizard__toggle-list-item--
|
|
31870
|
-
--pf-v5-c-wizard__toggle-list
|
|
31871
|
-
--pf-v5-c-wizard__toggle-list--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
31861
|
+
--pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
|
|
31862
|
+
--pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
31863
|
+
--pf-v5-c-wizard__toggle--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
31864
|
+
--pf-v5-c-wizard__toggle--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
31865
|
+
--pf-v5-c-wizard__toggle--PaddingRight: var(--pf-t--global--spacer--md);
|
|
31866
|
+
--pf-v5-c-wizard__toggle--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
31867
|
+
--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));
|
|
31868
|
+
--pf-v5-c-wizard__toggle--BorderBottomWidth: var(--pf-t--global--border--width--regular);
|
|
31869
|
+
--pf-v5-c-wizard__toggle--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
31870
|
+
--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));
|
|
31871
|
+
--pf-v5-c-wizard__toggle-num--before--Top: -0.125rem;
|
|
31872
|
+
--pf-v5-c-wizard__toggle-list-item--not-last-child--MarginRight: var(--pf-t--global--spacer--sm);
|
|
31873
|
+
--pf-v5-c-wizard__toggle-list-item--MarginBottom: var(--pf-t--global--spacer--xs);
|
|
31874
|
+
--pf-v5-c-wizard__toggle-list--MarginRight: var(--pf-t--global--spacer--sm);
|
|
31872
31875
|
--pf-v5-c-wizard__toggle-list--MarginBottom: calc(var(--pf-v5-c-wizard__toggle-list-item--MarginBottom) * -1);
|
|
31873
|
-
--pf-v5-c-wizard__toggle-separator--MarginLeft: var(--pf-
|
|
31874
|
-
--pf-v5-c-wizard__toggle-separator--Color: var(--pf-
|
|
31875
|
-
--pf-v5-c-wizard__toggle-icon--LineHeight: var(--pf-
|
|
31876
|
+
--pf-v5-c-wizard__toggle-separator--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
31877
|
+
--pf-v5-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
|
|
31878
|
+
--pf-v5-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
31876
31879
|
--pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
|
|
31877
|
-
--pf-v5-c-wizard__nav--ZIndex: var(--pf-
|
|
31878
|
-
--pf-v5-c-wizard__nav--BackgroundColor: var(--pf-
|
|
31879
|
-
--pf-v5-c-wizard__nav--BoxShadow: var(--pf-
|
|
31880
|
+
--pf-v5-c-wizard__nav--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
31881
|
+
--pf-v5-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
31882
|
+
--pf-v5-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
31880
31883
|
--pf-v5-c-wizard__nav--Width: 100%;
|
|
31881
31884
|
--pf-v5-c-wizard__nav--lg--Width: 15.625rem;
|
|
31882
|
-
--pf-v5-c-wizard__nav--lg--BorderRightWidth: var(--pf-
|
|
31883
|
-
--pf-v5-c-wizard__nav--lg--BorderRightColor: var(--pf-
|
|
31884
|
-
--pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-
|
|
31885
|
-
--pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-
|
|
31886
|
-
--pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-
|
|
31887
|
-
--pf-v5-c-wizard__nav-list--PaddingLeft: calc(var(--pf-
|
|
31888
|
-
--pf-v5-c-wizard__nav-list--
|
|
31889
|
-
--pf-v5-c-wizard__nav-list--
|
|
31890
|
-
--pf-v5-c-wizard__nav-
|
|
31891
|
-
--pf-v5-c-
|
|
31892
|
-
--pf-v5-c-wizard__nav-list--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
31893
|
-
--pf-v5-c-wizard__nav-list--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
|
|
31894
|
-
--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));
|
|
31895
|
-
--pf-v5-c-wizard__nav-list--nested--MarginLeft: var(--pf-v5-global--spacer--md);
|
|
31896
|
-
--pf-v5-c-wizard__nav-list--nested--MarginTop: var(--pf-v5-global--spacer--md);
|
|
31897
|
-
--pf-v5-c-wizard__nav-item--MarginTop: var(--pf-v5-global--spacer--md);
|
|
31898
|
-
--pf-v5-c-wizard__outer-wrap--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
31885
|
+
--pf-v5-c-wizard__nav--lg--BorderRightWidth: var(--pf-t--global--border--width--regular);
|
|
31886
|
+
--pf-v5-c-wizard__nav--lg--BorderRightColor: var(--pf-t--global--border--color--default);
|
|
31887
|
+
--pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
31888
|
+
--pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
31889
|
+
--pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
31890
|
+
--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));
|
|
31891
|
+
--pf-v5-c-wizard__nav-list--nested--MarginLeft: var(--pf-t--global--spacer--md);
|
|
31892
|
+
--pf-v5-c-wizard__nav-list--nested--MarginTop: var(--pf-t--global--spacer--md);
|
|
31893
|
+
--pf-v5-c-wizard__nav-item--MarginTop: var(--pf-t--global--spacer--md);
|
|
31894
|
+
--pf-v5-c-wizard__outer-wrap--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
31899
31895
|
--pf-v5-c-wizard__outer-wrap--lg--PaddingLeft: var(--pf-v5-c-wizard__nav--Width);
|
|
31900
31896
|
--pf-v5-c-wizard__outer-wrap--MinHeight: 15.625rem;
|
|
31901
31897
|
--pf-v5-c-wizard__main--ZIndex: auto;
|
|
31902
|
-
--pf-v5-c-wizard__main-body--PaddingTop: var(--pf-
|
|
31903
|
-
--pf-v5-c-wizard__main-body--PaddingRight: var(--pf-
|
|
31904
|
-
--pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-
|
|
31905
|
-
--pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-
|
|
31906
|
-
--pf-v5-c-
|
|
31907
|
-
--pf-v5-c-
|
|
31908
|
-
--pf-v5-c-
|
|
31909
|
-
--pf-v5-c-
|
|
31910
|
-
--pf-v5-c-wizard__footer--
|
|
31911
|
-
--pf-v5-c-wizard__footer--
|
|
31912
|
-
--pf-v5-c-wizard__footer--
|
|
31913
|
-
--pf-v5-c-wizard__footer--
|
|
31914
|
-
--pf-v5-c-wizard__footer--
|
|
31915
|
-
--pf-v5-c-wizard__footer--
|
|
31916
|
-
--pf-v5-c-wizard__footer--
|
|
31917
|
-
--pf-v5-c-wizard__footer--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
31918
|
-
--pf-v5-c-wizard__footer--xl--PaddingBottom: var(--pf-v5-global--spacer--md);
|
|
31919
|
-
--pf-v5-c-wizard__footer--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
31920
|
-
--pf-v5-c-wizard__footer--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
|
|
31921
|
-
--pf-v5-c-wizard__footer--child--MarginRight: var(--pf-v5-global--spacer--md);
|
|
31922
|
-
--pf-v5-c-wizard__footer--child--MarginBottom: var(--pf-v5-global--spacer--sm);
|
|
31923
|
-
--pf-v5-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-v5-global--spacer--2xl) - var(--pf-v5-c-wizard__footer--child--MarginRight));
|
|
31924
|
-
position: relative;
|
|
31925
|
-
display: flex;
|
|
31926
|
-
flex-direction: column;
|
|
31927
|
-
height: var(--pf-v5-c-wizard--Height);
|
|
31928
|
-
}
|
|
31929
|
-
@media screen and (min-width: 992px) {
|
|
31930
|
-
.pf-v5-c-wizard {
|
|
31931
|
-
--pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-c-wizard__header--lg--PaddingRight);
|
|
31932
|
-
--pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-c-wizard__header--lg--PaddingLeft);
|
|
31933
|
-
}
|
|
31934
|
-
}
|
|
31935
|
-
@media screen and (min-width: 1200px) {
|
|
31936
|
-
.pf-v5-c-wizard {
|
|
31937
|
-
--pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-c-wizard__header--xl--PaddingRight);
|
|
31938
|
-
--pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-c-wizard__header--xl--PaddingLeft);
|
|
31939
|
-
}
|
|
31940
|
-
}
|
|
31941
|
-
@media screen and (min-width: 1200px) {
|
|
31942
|
-
.pf-v5-c-wizard {
|
|
31943
|
-
--pf-v5-c-wizard__close--Right: var(--pf-v5-c-wizard__close--xl--Right);
|
|
31944
|
-
}
|
|
31898
|
+
--pf-v5-c-wizard__main-body--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
31899
|
+
--pf-v5-c-wizard__main-body--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
31900
|
+
--pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-t--global--spacer--lg);
|
|
31901
|
+
--pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
31902
|
+
--pf-v5-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
31903
|
+
--pf-v5-c-wizard__footer--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
31904
|
+
--pf-v5-c-wizard__footer--PaddingTop: var(--pf-t--global--spacer--lg);
|
|
31905
|
+
--pf-v5-c-wizard__footer--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
31906
|
+
--pf-v5-c-wizard__footer--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
31907
|
+
--pf-v5-c-wizard__footer--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
31908
|
+
--pf-v5-c-wizard__footer--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
31909
|
+
--pf-v5-c-wizard__footer--BorderColor: var(--pf-t--global--border--color--default);
|
|
31910
|
+
--pf-v5-c-wizard__footer--child--MarginRight: var(--pf-t--global--spacer--md);
|
|
31911
|
+
--pf-v5-c-wizard__footer--child--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
31912
|
+
--pf-v5-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-t--global--spacer--2xl) - var(--pf-v5-c-wizard__footer--child--MarginRight));
|
|
31945
31913
|
}
|
|
31946
31914
|
@media screen and (min-width: 992px) {
|
|
31947
|
-
|
|
31915
|
+
:where(:root),
|
|
31916
|
+
:where(.pf-v5-c-wizard) {
|
|
31948
31917
|
--pf-v5-c-wizard__nav--Width: var(--pf-v5-c-wizard__nav--lg--Width);
|
|
31949
31918
|
--pf-v5-c-wizard__nav--BoxShadow: none;
|
|
31950
31919
|
}
|
|
31951
31920
|
}
|
|
31952
|
-
|
|
31953
|
-
|
|
31954
|
-
|
|
31955
|
-
|
|
31956
|
-
|
|
31957
|
-
|
|
31958
|
-
}
|
|
31959
|
-
@media screen and (min-width: 1200px) {
|
|
31960
|
-
.pf-v5-c-wizard {
|
|
31961
|
-
--pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-c-wizard__nav-list--xl--PaddingTop);
|
|
31962
|
-
--pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-c-wizard__nav-list--xl--PaddingRight);
|
|
31963
|
-
--pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-c-wizard__nav-list--xl--PaddingBottom);
|
|
31964
|
-
--pf-v5-c-wizard__nav-list--PaddingLeft: var(--pf-v5-c-wizard__nav-list--xl--PaddingLeft);
|
|
31965
|
-
}
|
|
31966
|
-
}
|
|
31967
|
-
@media screen and (min-width: 1200px) {
|
|
31968
|
-
.pf-v5-c-wizard {
|
|
31969
|
-
--pf-v5-c-wizard__main-body--PaddingTop: var(--pf-v5-c-wizard__main-body--xl--PaddingTop);
|
|
31970
|
-
--pf-v5-c-wizard__main-body--PaddingRight: var(--pf-v5-c-wizard__main-body--xl--PaddingRight);
|
|
31971
|
-
--pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-v5-c-wizard__main-body--xl--PaddingBottom);
|
|
31972
|
-
--pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-v5-c-wizard__main-body--xl--PaddingLeft);
|
|
31973
|
-
}
|
|
31974
|
-
}
|
|
31975
|
-
@media screen and (min-width: 1200px) {
|
|
31976
|
-
.pf-v5-c-wizard {
|
|
31977
|
-
--pf-v5-c-wizard__footer--PaddingTop: var(--pf-v5-c-wizard__footer--xl--PaddingTop);
|
|
31978
|
-
--pf-v5-c-wizard__footer--PaddingRight: var(--pf-v5-c-wizard__footer--xl--PaddingRight);
|
|
31979
|
-
--pf-v5-c-wizard__footer--PaddingBottom: var(--pf-v5-c-wizard__footer--xl--PaddingBottom);
|
|
31980
|
-
--pf-v5-c-wizard__footer--PaddingLeft: var(--pf-v5-c-wizard__footer--xl--PaddingLeft);
|
|
31981
|
-
}
|
|
31921
|
+
|
|
31922
|
+
.pf-v5-c-wizard {
|
|
31923
|
+
position: relative;
|
|
31924
|
+
display: flex;
|
|
31925
|
+
flex-direction: column;
|
|
31926
|
+
height: var(--pf-v5-c-wizard--Height);
|
|
31982
31927
|
}
|
|
31983
31928
|
.pf-v5-c-modal-box .pf-v5-c-wizard {
|
|
31984
31929
|
flex: 1 1 var(--pf-v5-c-modal-box--c-wizard--FlexBasis);
|
|
@@ -31997,7 +31942,6 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
31997
31942
|
}
|
|
31998
31943
|
|
|
31999
31944
|
.pf-v5-c-wizard__header {
|
|
32000
|
-
color: var(--pf-v5-global--Color--100);
|
|
32001
31945
|
position: relative;
|
|
32002
31946
|
z-index: var(--pf-v5-c-wizard__header--ZIndex);
|
|
32003
31947
|
padding-block-start: var(--pf-v5-c-wizard__header--PaddingTop);
|
|
@@ -32025,6 +31969,7 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
32025
31969
|
font-size: var(--pf-v5-c-wizard__title-text--FontSize);
|
|
32026
31970
|
font-weight: var(--pf-v5-c-wizard__title-text--FontWeight);
|
|
32027
31971
|
line-height: var(--pf-v5-c-wizard__title-text--LineHeight);
|
|
31972
|
+
color: var(--pf-v5-c-wizard__title-text--Color);
|
|
32028
31973
|
}
|
|
32029
31974
|
|
|
32030
31975
|
.pf-v5-c-wizard__description {
|
|
@@ -32049,18 +31994,16 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
32049
31994
|
padding-inline-start: var(--pf-v5-c-wizard__toggle--PaddingLeft);
|
|
32050
31995
|
padding-inline-end: var(--pf-v5-c-wizard__toggle--PaddingRight);
|
|
32051
31996
|
background-color: var(--pf-v5-c-wizard__toggle--BackgroundColor);
|
|
32052
|
-
border: 0;
|
|
32053
|
-
|
|
31997
|
+
border-block-start: 0;
|
|
31998
|
+
border-block-end: var(--pf-v5-c-wizard__toggle--BorderBottomWidth) solid var(--pf-v5-c-wizard__toggle--BorderBottomColor);
|
|
31999
|
+
border-inline-start: 0;
|
|
32000
|
+
border-inline-end: 0;
|
|
32054
32001
|
}
|
|
32055
32002
|
@media screen and (min-width: 992px) {
|
|
32056
32003
|
.pf-v5-c-wizard__toggle {
|
|
32057
32004
|
display: none;
|
|
32058
32005
|
}
|
|
32059
32006
|
}
|
|
32060
|
-
.pf-v5-c-wizard__toggle.pf-m-expanded {
|
|
32061
|
-
--pf-v5-c-wizard__toggle--BoxShadow: none;
|
|
32062
|
-
border-block-end: var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomWidth) solid var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomColor);
|
|
32063
|
-
}
|
|
32064
32007
|
.pf-v5-c-wizard__toggle.pf-m-expanded .pf-v5-c-wizard__toggle-icon {
|
|
32065
32008
|
transform: rotate(var(--pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate));
|
|
32066
32009
|
}
|
|
@@ -32085,6 +32028,7 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
32085
32028
|
}
|
|
32086
32029
|
|
|
32087
32030
|
.pf-v5-c-wizard__toggle-num {
|
|
32031
|
+
--pf-v5-c-wizard__nav-link--before--TranslateY: 0;
|
|
32088
32032
|
--pf-v5-c-wizard__nav-link--before--Top: var(--pf-v5-c-wizard__toggle-num--before--Top);
|
|
32089
32033
|
}
|
|
32090
32034
|
|
|
@@ -32186,20 +32130,29 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
32186
32130
|
.pf-v5-c-wizard__nav-item.pf-m-expanded > .pf-v5-c-wizard__nav-link {
|
|
32187
32131
|
--pf-v5-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate);
|
|
32188
32132
|
}
|
|
32133
|
+
.pf-v5-c-wizard__nav-item :where(:hover) {
|
|
32134
|
+
--pf-v5-c-wizard__nav-link--Color: var({$wizard}__nav-link--hover--Color);
|
|
32135
|
+
--pf-v5-c-wizard__nav-link--BackgroundColor: var({$wizard}__nav-link--hover--BackgroundColor);
|
|
32136
|
+
}
|
|
32189
32137
|
|
|
32190
32138
|
.pf-v5-c-wizard__nav-link {
|
|
32191
32139
|
position: relative;
|
|
32192
32140
|
display: inline-block;
|
|
32193
32141
|
width: 100%;
|
|
32142
|
+
padding-block-start: var(--pf-v5-c-wizard__nav-link--PaddingBlockStart);
|
|
32143
|
+
padding-block-end: var(--pf-v5-c-wizard__nav-link--PaddingBlockEnd);
|
|
32144
|
+
padding-inline-start: var(--pf-v5-c-wizard__nav-link--PaddingInlineStart);
|
|
32145
|
+
padding-inline-end: var(--pf-v5-c-wizard__nav-link--PaddingInlineEnd);
|
|
32194
32146
|
color: var(--pf-v5-c-wizard__nav-link--Color);
|
|
32195
32147
|
text-align: start;
|
|
32196
32148
|
text-decoration: var(--pf-v5-c-wizard__nav-link--TextDecoration);
|
|
32197
32149
|
word-break: break-word;
|
|
32198
32150
|
background-color: var(--pf-v5-c-wizard__nav-link--BackgroundColor);
|
|
32199
|
-
border:
|
|
32151
|
+
border: none;
|
|
32152
|
+
border-radius: var(--pf-v5-c-wizard__nav-link--BorderRadius);
|
|
32200
32153
|
}
|
|
32201
32154
|
.pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
|
|
32202
|
-
transform: translateX(var(--pf-v5-c-wizard__nav-link--before--TranslateX));
|
|
32155
|
+
transform: translateX(var(--pf-v5-c-wizard__nav-link--before--TranslateX)) translateY(var(--pf-v5-c-wizard__nav-link--before--TranslateY));
|
|
32203
32156
|
position: absolute;
|
|
32204
32157
|
inset-block-start: var(--pf-v5-c-wizard__nav-link--before--Top);
|
|
32205
32158
|
inset-inline-start: 0;
|
|
@@ -32215,33 +32168,32 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
32215
32168
|
border-radius: var(--pf-v5-c-wizard__nav-link--before--BorderRadius);
|
|
32216
32169
|
}
|
|
32217
32170
|
:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
|
|
32218
|
-
transform: translateX(calc(var(--pf-v5-c-wizard__nav-link--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
|
|
32171
|
+
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));
|
|
32219
32172
|
}
|
|
32220
32173
|
|
|
32221
32174
|
.pf-v5-c-wizard__nav-link::before {
|
|
32222
|
-
inset-block-start: 0;
|
|
32223
32175
|
content: counter(wizard-nav-count);
|
|
32224
32176
|
counter-increment: wizard-nav-count;
|
|
32225
32177
|
}
|
|
32226
|
-
.pf-v5-c-wizard__nav-link:hover {
|
|
32227
|
-
--pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--hover--Color);
|
|
32228
|
-
--pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-c-wizard__nav-link--hover__nav-link-toggle-icon--Color);
|
|
32229
|
-
}
|
|
32230
|
-
.pf-v5-c-wizard__nav-link:focus {
|
|
32231
|
-
--pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--focus--Color);
|
|
32232
|
-
--pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-c-wizard__nav-link--focus__nav-link-toggle-icon--Color);
|
|
32233
|
-
}
|
|
32234
32178
|
.pf-v5-c-wizard__nav-link.pf-m-current {
|
|
32235
32179
|
--pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-current--Color);
|
|
32236
|
-
|
|
32180
|
+
--pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-current--BackgroundColor);
|
|
32181
|
+
mix-blend-mode: var(--pf-v5-c-wizard__nav-link--m-current--MixBlendMode);
|
|
32237
32182
|
}
|
|
32238
32183
|
.pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link.pf-m-current::before {
|
|
32239
32184
|
--pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor);
|
|
32240
32185
|
--pf-v5-c-wizard__nav-link--before--Color: var(--pf-v5-c-wizard__nav-link--m-current--before--Color);
|
|
32241
32186
|
}
|
|
32242
32187
|
|
|
32188
|
+
.pf-v5-c-wizard__nav-link:where(:hover, :focus) {
|
|
32189
|
+
--pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--hover--Color);
|
|
32190
|
+
--pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--hover--BackgroundColor);
|
|
32191
|
+
mix-blend-mode: var(--pf-v5-c-wizard__nav-link--hover--MixBlendMode);
|
|
32192
|
+
}
|
|
32243
32193
|
.pf-v5-c-wizard__nav-link:disabled, .pf-v5-c-wizard__nav-link.pf-m-disabled {
|
|
32244
32194
|
--pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-disabled--Color);
|
|
32195
|
+
--pf-v5-c-wizard__nav-link--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-disabled--BackgroundColor);
|
|
32196
|
+
--pf-v5-c-wizard__nav-link--hover--MixBlendMode: var(--pf-v5-c-wizard__nav-link--m-disabled--hover--MixBlendMode);
|
|
32245
32197
|
pointer-events: none;
|
|
32246
32198
|
}
|
|
32247
32199
|
.pf-v5-c-wizard__nav-link:disabled::before, .pf-v5-c-wizard__nav-link.pf-m-disabled::before {
|
|
@@ -32297,6 +32249,7 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
32297
32249
|
padding-inline-start: var(--pf-v5-c-wizard__footer--PaddingLeft);
|
|
32298
32250
|
padding-inline-end: var(--pf-v5-c-wizard__footer--PaddingRight);
|
|
32299
32251
|
background-color: var(--pf-v5-c-wizard__footer--BackgroundColor);
|
|
32252
|
+
border-block-start: var(--pf-v5-c-wizard__footer--BorderWidth) solid var(--pf-v5-c-wizard__footer--BorderColor);
|
|
32300
32253
|
}
|
|
32301
32254
|
.pf-v5-c-wizard__footer > * {
|
|
32302
32255
|
margin-block-end: var(--pf-v5-c-wizard__footer--child--MarginBottom);
|
|
@@ -32304,26 +32257,11 @@ label.pf-v5-c-tree-view__node-text {
|
|
|
32304
32257
|
.pf-v5-c-wizard__footer > *:not(:last-child) {
|
|
32305
32258
|
margin-inline-end: var(--pf-v5-c-wizard__footer--child--MarginRight);
|
|
32306
32259
|
}
|
|
32307
|
-
.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 {
|
|
32308
|
-
box-shadow: var(--pf-v5-c-wizard__footer--BoxShadow);
|
|
32309
|
-
}
|
|
32310
32260
|
|
|
32311
32261
|
.pf-v5-c-wizard__footer-cancel {
|
|
32312
32262
|
margin-inline-start: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
|
|
32313
32263
|
}
|
|
32314
32264
|
|
|
32315
|
-
: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 {
|
|
32316
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
32317
|
-
}
|
|
32318
|
-
|
|
32319
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-wizard {
|
|
32320
|
-
--pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
|
|
32321
|
-
--pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
|
|
32322
|
-
}
|
|
32323
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
|
|
32324
|
-
color: var(--pf-v5-global--Color--100);
|
|
32325
|
-
}
|
|
32326
|
-
|
|
32327
32265
|
.pf-v5-l-bullseye {
|
|
32328
32266
|
--pf-v5-l-bullseye--Padding: 0;
|
|
32329
32267
|
display: flex;
|