@patternfly/patternfly 6.0.0-alpha.80 → 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.
Files changed (14) hide show
  1. package/components/DualListSelector/dual-list-selector.css +56 -48
  2. package/components/DualListSelector/dual-list-selector.scss +57 -50
  3. package/components/Wizard/wizard.css +128 -205
  4. package/components/Wizard/wizard.scss +128 -180
  5. package/docs/components/Wizard/examples/Wizard.md +31 -7
  6. package/docs/demos/Wizard/examples/Wizard.md +108 -18
  7. package/package.json +1 -1
  8. package/patternfly-no-globals.css +199 -257
  9. package/patternfly-theme-dark-unversioned.css +199 -257
  10. package/patternfly.css +199 -257
  11. package/patternfly.min.css +1 -1
  12. package/patternfly.min.css.map +1 -1
  13. package/components/DualListSelector/themes/dark/dual-list-selector.scss +0 -9
  14. 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-wizard__header, .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 {
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-wizard__header .pf-v5-c-button, .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 {
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-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 {
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-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 {
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-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 {
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
 
@@ -11426,7 +11426,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11426
11426
  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
11427
11427
  }
11428
11428
 
11429
- .pf-v5-c-dual-list-selector {
11429
+ :where(:root), :where(.pf-v5-c-dual-list-selector) {
11430
11430
  --pf-v5-c-dual-list-selector__header--GridArea: pane-header;
11431
11431
  --pf-v5-c-dual-list-selector__tools--GridArea: pane-tools;
11432
11432
  --pf-v5-c-dual-list-selector__status--GridArea: pane-status;
@@ -11438,54 +11438,55 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11438
11438
  --pf-v5-c-dual-list-selector--m-chosen__menu--GridArea: pane-menu-c;
11439
11439
  --pf-v5-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min: 12.5rem;
11440
11440
  --pf-v5-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max: 28.125rem;
11441
- --pf-v5-c-dual-list-selector__header--MarginBottom: var(--pf-v5-global--spacer--sm);
11442
- --pf-v5-c-dual-list-selector__title-text--FontWeight: var(--pf-v5-global--FontWeight--bold);
11443
- --pf-v5-c-dual-list-selector__tools--MarginBottom: var(--pf-v5-global--spacer--md);
11444
- --pf-v5-c-dual-list-selector__tools-filter--tools-actions--MarginLeft: var(--pf-v5-global--spacer--sm);
11445
- --pf-v5-c-dual-list-selector__menu--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
11446
- --pf-v5-c-dual-list-selector__menu--BorderColor: var(--pf-v5-global--BorderColor--100);
11441
+ --pf-v5-c-dual-list-selector__header--MarginBottom: var(--pf-t--global--spacer--sm);
11442
+ --pf-v5-c-dual-list-selector__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
11443
+ --pf-v5-c-dual-list-selector__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
11444
+ --pf-v5-c-dual-list-selector__tools--MarginBottom: var(--pf-t--global--spacer--md);
11445
+ --pf-v5-c-dual-list-selector__tools-filter--tools-actions--MarginLeft: var(--pf-t--global--spacer--sm);
11446
+ --pf-v5-c-dual-list-selector__menu--BorderWidth: var(--pf-t--global--border--width--regular);
11447
+ --pf-v5-c-dual-list-selector__menu--BorderColor: var(--pf-t--global--border--color--default);
11448
+ --pf-v5-c-dual-list-selector__menu--BorderRadius: var(--pf-t--global--border--radius--small);
11447
11449
  --pf-v5-c-dual-list-selector__menu--MinHeight: 12.5rem;
11448
11450
  --pf-v5-c-dual-list-selector__menu--MaxHeight: 20rem;
11449
- --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-v5-global--FontSize--sm);
11450
- --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: transparent;
11451
- --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
11452
- --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
11453
- --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
11454
- --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
11451
+ --pf-v5-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
11452
+ --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
11453
+ --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
11454
+ --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
11455
+ --pf-v5-c-dual-list-selector__list-item-row--BorderRadius: var(--pf-t--global--border--radius--tiny);
11456
+ --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
11457
+ --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
11455
11458
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
11456
- --pf-v5-c-dual-list-selector__item--PaddingTop: var(--pf-v5-global--spacer--sm);
11457
- --pf-v5-c-dual-list-selector__item--PaddingRight: var(--pf-v5-global--spacer--md);
11458
- --pf-v5-c-dual-list-selector__item--PaddingBottom: var(--pf-v5-global--spacer--sm);
11459
- --pf-v5-c-dual-list-selector__item--PaddingLeft: var(--pf-v5-global--spacer--md);
11460
- --pf-v5-c-dual-list-selector__item--m-expandable--PaddingLeft: 0;
11461
- --pf-v5-c-dual-list-selector__item--indent--base: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-global--spacer--sm) + var(--pf-v5-c-dual-list-selector__list-item-row--FontSize));
11462
- --pf-v5-c-dual-list-selector__item--nested-indent--base: calc(var(--pf-v5-c-dual-list-selector__item--indent--base) - var(--pf-v5-global--spacer--md));
11463
- --pf-v5-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-v5-global--spacer--xs);
11464
- --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-v5-global--Color--100);
11465
- --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-v5-global--active-color--100);
11466
- --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--FontWeight: var(--pf-v5-global--FontWeight--bold);
11467
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-v5-global--disabled-color--100);
11468
- --pf-v5-c-dual-list-selector__status--MarginBottom: var(--pf-v5-global--spacer--sm);
11469
- --pf-v5-c-dual-list-selector__status-text--FontSize: var(--pf-v5-global--FontSize--sm);
11470
- --pf-v5-c-dual-list-selector__status-text--Color: var(--pf-v5-global--Color--200);
11471
- --pf-v5-c-dual-list-selector__controls--PaddingRight: var(--pf-v5-global--spacer--md);
11472
- --pf-v5-c-dual-list-selector__controls--PaddingLeft: var(--pf-v5-global--spacer--md);
11473
- --pf-v5-c-dual-list-selector__item-toggle--PaddingTop: var(--pf-v5-global--spacer--sm);
11474
- --pf-v5-c-dual-list-selector__item-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
11475
- --pf-v5-c-dual-list-selector__item-toggle--PaddingBottom: var(--pf-v5-global--spacer--sm);
11476
- --pf-v5-c-dual-list-selector__item-toggle--PaddingLeft: var(--pf-v5-global--spacer--md);
11477
- --pf-v5-c-dual-list-selector__item-toggle--MarginTop: calc(var(--pf-v5-global--spacer--sm) * -1);
11478
- --pf-v5-c-dual-list-selector__item-toggle--MarginBottom: calc(var(--pf-v5-global--spacer--sm) * -1);
11459
+ --pf-v5-c-dual-list-selector__item--PaddingTop: var(--pf-t--global--spacer--sm);
11460
+ --pf-v5-c-dual-list-selector__item--PaddingRight: var(--pf-t--global--spacer--md);
11461
+ --pf-v5-c-dual-list-selector__item--PaddingBottom: var(--pf-t--global--spacer--sm);
11462
+ --pf-v5-c-dual-list-selector__item--PaddingLeft: var(--pf-t--global--spacer--md);
11463
+ --pf-v5-c-dual-list-selector__item--m-expandable--PaddingLeft: var(--pf-t--global--spacer--md);
11464
+ --pf-v5-c-dual-list-selector__item--indent--base: calc(var(--pf-t--global--spacer--md) + var(--pf-t--global--spacer--sm) + var(--pf-v5-c-dual-list-selector__list-item-row--FontSize));
11465
+ --pf-v5-c-dual-list-selector__item--nested-indent--base: calc(var(--pf-v5-c-dual-list-selector__item--indent--base) - var(--pf-t--global--spacer--md));
11466
+ --pf-v5-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-t--global--spacer--xs);
11467
+ --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-t--global--text--color--subtle);
11468
+ --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-t--global--text--color--regular);
11469
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-t--global--background--color--disabled--default);
11470
+ --pf-v5-c-dual-list-selector__status--MarginBottom: var(--pf-t--global--spacer--sm);
11471
+ --pf-v5-c-dual-list-selector__status-text--FontSize: var(--pf-t--global--font--size--sm);
11472
+ --pf-v5-c-dual-list-selector__status-text--Color: var(--pf-t--global--text--color--subtle);
11473
+ --pf-v5-c-dual-list-selector__controls--PaddingRight: var(--pf-t--global--spacer--md);
11474
+ --pf-v5-c-dual-list-selector__controls--PaddingLeft: var(--pf-t--global--spacer--md);
11475
+ --pf-v5-c-dual-list-selector__controls--Gap: var(--pf-t--global--spacer--sm);
11476
+ --pf-v5-c-dual-list-selector__controls--MarginBlockStart: var(--pf-t--global--spacer--md);
11477
+ --pf-v5-c-dual-list-selector__item-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
11479
11478
  --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: 0;
11480
11479
  --pf-v5-c-dual-list-selector__list__list__item-toggle--TranslateX: -100%;
11481
- --pf-v5-c-dual-list-selector__item-check--MarginRight: var(--pf-v5-global--spacer--sm);
11482
- --pf-v5-c-dual-list-selector__item-count--Marginleft: var(--pf-v5-global--spacer--sm);
11483
- --pf-v5-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-v5-global--disabled-color--200);
11480
+ --pf-v5-c-dual-list-selector__item-check--MarginRight: var(--pf-t--global--spacer--sm);
11481
+ --pf-v5-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
11484
11482
  --pf-v5-c-dual-list-selector__item-toggle-icon--Rotate: 0;
11485
11483
  --pf-v5-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
11486
11484
  --pf-v5-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-v5-global--Transition);
11487
11485
  --pf-v5-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
11488
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-v5-global--disabled-color--200);
11486
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--background--color--disabled--default);
11487
+ }
11488
+
11489
+ .pf-v5-c-dual-list-selector {
11489
11490
  display: grid;
11490
11491
  grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
11491
11492
  grid-template-rows: repeat(3, auto) auto;
@@ -11508,6 +11509,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11508
11509
  }
11509
11510
 
11510
11511
  .pf-v5-c-dual-list-selector__title-text {
11512
+ font-size: var(--pf-v5-c-dual-list-selector__title-text--FontSize);
11511
11513
  font-weight: var(--pf-v5-c-dual-list-selector__title-text--FontWeight);
11512
11514
  }
11513
11515
 
@@ -11544,8 +11546,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11544
11546
  grid-area: var(--pf-v5-c-dual-list-selector__menu--GridArea);
11545
11547
  min-height: var(--pf-v5-c-dual-list-selector__menu--MinHeight);
11546
11548
  max-height: var(--pf-v5-c-dual-list-selector__menu--MaxHeight);
11549
+ margin-block-start: var(--pf-v5-c-dual-list-selector__menu--MarginBlockStart);
11547
11550
  overflow: auto;
11548
11551
  border: var(--pf-v5-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v5-c-dual-list-selector__menu--BorderColor);
11552
+ border-radius: var(--pf-v5-c-dual-list-selector__menu--BorderRadius);
11549
11553
  }
11550
11554
 
11551
11555
  .pf-v5-c-dual-list-selector__list {
@@ -11560,7 +11564,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11560
11564
  .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__item-toggle {
11561
11565
  transform: translateX(var(--pf-v5-c-dual-list-selector__list__list__item-toggle--TranslateX));
11562
11566
  position: absolute;
11563
- inset-block-start: 0;
11564
11567
  inset-inline-start: var(--pf-v5-c-dual-list-selector__list__list__item-toggle--Left);
11565
11568
  }
11566
11569
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__item-toggle {
@@ -11572,7 +11575,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11572
11575
  }
11573
11576
 
11574
11577
  .pf-v5-c-dual-list-selector__list-item:focus {
11575
- --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor);
11578
+ --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
11576
11579
  }
11577
11580
  .pf-v5-c-dual-list-selector__list-item.pf-m-expandable {
11578
11581
  --pf-v5-c-dual-list-selector__item--PaddingLeft: var(--pf-v5-c-dual-list-selector__item--m-expandable--PaddingLeft);
@@ -11590,6 +11593,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11590
11593
  display: flex;
11591
11594
  font-size: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
11592
11595
  background-color: var(--pf-v5-c-dual-list-selector__list-item-row--BackgroundColor);
11596
+ border-radius: var(--pf-v5-c-dual-list-selector__list-item-row--BorderRadius);
11593
11597
  }
11594
11598
  .pf-v5-c-dual-list-selector__list-item-row:hover {
11595
11599
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
@@ -11601,6 +11605,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11601
11605
  --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color);
11602
11606
  font-weight: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
11603
11607
  }
11608
+ .pf-v5-c-dual-list-selector__list-item-row.pf-m-selected:hover {
11609
+ --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
11610
+ }
11604
11611
  .pf-v5-c-dual-list-selector__list-item-row.pf-m-check {
11605
11612
  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
11606
11613
  }
@@ -11641,6 +11648,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11641
11648
  padding-inline-start: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
11642
11649
  padding-inline-end: var(--pf-v5-c-dual-list-selector__item--PaddingRight);
11643
11650
  cursor: pointer;
11651
+ outline-offset: -2px;
11644
11652
  }
11645
11653
 
11646
11654
  .pf-v5-c-dual-list-selector__item-count {
@@ -11659,10 +11667,16 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11659
11667
  }
11660
11668
 
11661
11669
  .pf-v5-c-dual-list-selector__controls {
11670
+ display: flex;
11671
+ flex-direction: column;
11662
11672
  grid-area: var(--pf-v5-c-dual-list-selector__controls--GridArea);
11673
+ gap: var(--pf-v5-c-dual-list-selector__controls--Gap);
11674
+ align-items: center;
11663
11675
  align-self: center;
11676
+ justify-content: center;
11664
11677
  padding-inline-start: var(--pf-v5-c-dual-list-selector__controls--PaddingLeft);
11665
11678
  padding-inline-end: var(--pf-v5-c-dual-list-selector__controls--PaddingRight);
11679
+ margin-block-start: var(--pf-v5-c-dual-list-selector__controls--MarginBlockStart);
11666
11680
  }
11667
11681
 
11668
11682
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) :is(.pf-v5-c-dual-list-selector__controls-item, .pf-v5-c-dual-list-selector__item-toggle-icon) {
@@ -11739,16 +11753,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11739
11753
  --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
11740
11754
  }
11741
11755
 
11742
- :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 {
11743
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
11744
- }
11745
-
11746
- :where(.pf-v5-theme-dark) .pf-v5-c-dual-list-selector {
11747
- --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
11748
- --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
11749
- --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
11750
- }
11751
-
11752
11756
  :root,
11753
11757
  [data-theme=pf-v5-c-toolbar] {
11754
11758
  --pf-v5-c-toolbar--RowGap: var(--pf-t--global--spacer--sm);
@@ -16222,7 +16226,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16222
16226
  color: var(--pf-v5-c-dropdown__group-title--Color);
16223
16227
  }
16224
16228
 
16225
- :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 {
16229
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
16226
16230
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
16227
16231
  }
16228
16232
 
@@ -18160,7 +18164,7 @@ label.pf-v5-c-input-group__text {
18160
18164
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
18161
18165
  }
18162
18166
 
18163
- .pf-v5-c-wizard__header, .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 {
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 {
18164
18168
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
18165
18169
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
18166
18170
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
@@ -18171,7 +18175,7 @@ label.pf-v5-c-input-group__text {
18171
18175
  --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
18172
18176
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
18173
18177
  }
18174
- .pf-v5-c-wizard__header .pf-v5-c-button, .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 {
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 {
18175
18179
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
18176
18180
  }
18177
18181
 
@@ -19126,7 +19130,7 @@ ul.pf-v5-c-list {
19126
19130
  font-weight: var(--pf-v5-c-log-viewer__timestamp--FontWeight);
19127
19131
  }
19128
19132
 
19129
- :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 {
19133
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
19130
19134
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
19131
19135
  }
19132
19136
 
@@ -20424,7 +20428,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20424
20428
  border-block-start: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
20425
20429
  }
20426
20430
 
20427
- :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 {
20431
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
20428
20432
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20429
20433
  }
20430
20434
 
@@ -20836,7 +20840,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20836
20840
  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
20837
20841
  }
20838
20842
 
20839
- :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 {
20843
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
20840
20844
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20841
20845
  }
20842
20846
 
@@ -22229,7 +22233,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22229
22233
  color: var(--pf-v5-c-options-menu__group-title--Color);
22230
22234
  }
22231
22235
 
22232
- :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 {
22236
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
22233
22237
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
22234
22238
  }
22235
22239
 
@@ -25239,7 +25243,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
25239
25243
  box-shadow: var(--pf-v5-c-select__menu-footer--BoxShadow);
25240
25244
  }
25241
25245
 
25242
- :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 {
25246
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
25243
25247
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
25244
25248
  }
25245
25249
 
@@ -29005,7 +29009,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29005
29009
  --pf-v5-c-table--cell--Width: 100%;
29006
29010
  }
29007
29011
 
29008
- :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 {
29012
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
29009
29013
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
29010
29014
  }
29011
29015
 
@@ -30873,7 +30877,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30873
30877
  display: flex;
30874
30878
  }
30875
30879
 
30876
- :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 {
30880
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
30877
30881
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
30878
30882
  }
30879
30883
 
@@ -31915,183 +31919,128 @@ label.pf-v5-c-tree-view__node-text {
31915
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));
31916
31920
  }
31917
31921
 
31918
- .pf-v5-c-wizard {
31922
+ :where(:root),
31923
+ :where(.pf-v5-c-wizard) {
31919
31924
  --pf-v5-c-wizard--Height: 100%;
31920
31925
  --pf-v5-c-modal-box--c-wizard--FlexBasis: 47.625rem;
31921
- --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
31926
+ --pf-v5-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
31922
31927
  --pf-v5-c-wizard__header--ZIndex: auto;
31923
- --pf-v5-c-wizard__header--PaddingTop: var(--pf-v5-global--spacer--lg);
31924
- --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-global--spacer--md);
31925
- --pf-v5-c-wizard__header--PaddingBottom: var(--pf-v5-global--spacer--lg);
31926
- --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-global--spacer--md);
31927
- --pf-v5-c-wizard__header--lg--PaddingRight: var(--pf-v5-global--spacer--md);
31928
- --pf-v5-c-wizard__header--lg--PaddingLeft: var(--pf-v5-global--spacer--md);
31929
- --pf-v5-c-wizard__header--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
31930
- --pf-v5-c-wizard__header--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
31931
- --pf-v5-c-wizard__close--Top: calc(var(--pf-v5-global--spacer--lg) - var(--pf-v5-global--spacer--form-element));
31932
- --pf-v5-c-wizard__close--Right: 0;
31933
- --pf-v5-c-wizard__close--xl--Right: var(--pf-v5-global--spacer--lg);
31934
- --pf-v5-c-wizard__close--FontSize: var(--pf-v5-global--FontSize--xl);
31935
- --pf-v5-c-wizard__title--PaddingRight: var(--pf-v5-global--spacer--2xl);
31936
- --pf-v5-c-wizard__title-text--FontSize: var(--pf-v5-global--FontSize--3xl);
31937
- --pf-v5-c-wizard__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
31938
- --pf-v5-c-wizard__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
31939
- --pf-v5-c-wizard__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
31940
- --pf-v5-c-wizard__description--PaddingTop: var(--pf-v5-global--spacer--sm);
31941
- --pf-v5-c-wizard__description--Color: var(--pf-v5-global--Color--light-200);
31942
- --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-global--Color--100);
31943
- --pf-v5-c-wizard__nav-link--BackgroundColor: transparent;
31944
- --pf-v5-c-wizard__nav-link--TextDecoration: var(--pf-v5-global--link--TextDecoration);
31945
- --pf-v5-c-wizard__nav-link--hover--Color: var(--pf-v5-global--link--Color);
31946
- --pf-v5-c-wizard__nav-link--focus--Color: var(--pf-v5-global--link--Color);
31947
- --pf-v5-c-wizard__nav-link--m-current--Color: var(--pf-v5-global--link--Color);
31948
- --pf-v5-c-wizard__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
31949
- --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
31950
- --pf-v5-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
31951
- --pf-v5-c-wizard__nav-link-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
31952
- --pf-v5-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
31953
- --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-global--Color--200);
31954
- --pf-v5-c-wizard__nav-link--hover__nav-link-toggle-icon--Color: var(--pf-v5-global--Color--100);
31955
- --pf-v5-c-wizard__nav-link--focus__nav-link-toggle-icon--Color: var(--pf-v5-global--Color--100);
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);
31956
31963
  --pf-v5-c-wizard__nav-link-toggle-icon--Transition: var(--pf-v5-global--Transition);
31957
31964
  --pf-v5-c-wizard__nav-link-toggle-icon--Rotate: 0;
31958
31965
  --pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
31959
31966
  --pf-v5-c-wizard__nav-link--before--Width: 1.5rem;
31960
31967
  --pf-v5-c-wizard__nav-link--before--Height: 1.5rem;
31961
- --pf-v5-c-wizard__nav-link--before--Top: 0;
31962
- --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
31963
- --pf-v5-c-wizard__nav-link--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
31964
- --pf-v5-c-wizard__nav-link--before--Color: var(--pf-v5-global--Color--100);
31965
- --pf-v5-c-wizard__nav-link--before--FontSize: var(--pf-v5-global--FontSize--sm);
31966
- --pf-v5-c-wizard__nav-link--before--TranslateX: calc(-100% - var(--pf-v5-global--spacer--sm));
31967
- --pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-v5-global--active-color--100);
31968
- --pf-v5-c-wizard__nav-link--m-current--before--Color: var(--pf-v5-global--Color--light-100);
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);
31969
31977
  --pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
31970
- --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--disabled-color--100);
31971
- --pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
31972
- --pf-v5-c-wizard__toggle--ZIndex: var(--pf-v5-global--ZIndex--xs);
31973
- --pf-v5-c-wizard__toggle--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
31974
- --pf-v5-c-wizard__toggle--PaddingTop: var(--pf-v5-global--spacer--lg);
31975
- --pf-v5-c-wizard__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
31976
- --pf-v5-c-wizard__toggle--PaddingBottom: var(--pf-v5-global--spacer--lg);
31977
- --pf-v5-c-wizard__toggle--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-v5-global--spacer--sm));
31978
- --pf-v5-c-wizard__toggle--m-expanded--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
31979
- --pf-v5-c-wizard__toggle--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
31980
- --pf-v5-c-wizard--m-in-page__toggle--xl--PaddingLeft: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-v5-global--spacer--sm));
31981
- --pf-v5-c-wizard__toggle-num--before--Top: 0;
31982
- --pf-v5-c-wizard__toggle-list-item--not-last-child--MarginRight: var(--pf-v5-global--spacer--sm);
31983
- --pf-v5-c-wizard__toggle-list-item--MarginBottom: var(--pf-v5-global--spacer--xs);
31984
- --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);
31985
31992
  --pf-v5-c-wizard__toggle-list--MarginBottom: calc(var(--pf-v5-c-wizard__toggle-list-item--MarginBottom) * -1);
31986
- --pf-v5-c-wizard__toggle-separator--MarginLeft: var(--pf-v5-global--spacer--sm);
31987
- --pf-v5-c-wizard__toggle-separator--Color: var(--pf-v5-global--BorderColor--200);
31988
- --pf-v5-c-wizard__toggle-icon--LineHeight: var(--pf-v5-global--LineHeight--md);
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);
31989
31996
  --pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
31990
- --pf-v5-c-wizard__nav--ZIndex: var(--pf-v5-global--ZIndex--xs);
31991
- --pf-v5-c-wizard__nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
31992
- --pf-v5-c-wizard__nav--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
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);
31993
32000
  --pf-v5-c-wizard__nav--Width: 100%;
31994
32001
  --pf-v5-c-wizard__nav--lg--Width: 15.625rem;
31995
- --pf-v5-c-wizard__nav--lg--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
31996
- --pf-v5-c-wizard__nav--lg--BorderRightColor: var(--pf-v5-global--BorderColor--100);
31997
- --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-global--spacer--lg);
31998
- --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-global--spacer--md);
31999
- --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-global--spacer--lg);
32000
- --pf-v5-c-wizard__nav-list--PaddingLeft: calc(var(--pf-v5-global--spacer--md) + var(--pf-v5-c-wizard__nav-link--before--Width) + var(--pf-v5-global--spacer--sm));
32001
- --pf-v5-c-wizard__nav-list--lg--PaddingTop: var(--pf-v5-global--spacer--md);
32002
- --pf-v5-c-wizard__nav-list--lg--PaddingRight: var(--pf-v5-global--spacer--md);
32003
- --pf-v5-c-wizard__nav-list--lg--PaddingBottom: var(--pf-v5-global--spacer--md);
32004
- --pf-v5-c-wizard__nav-list--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
32005
- --pf-v5-c-wizard__nav-list--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
32006
- --pf-v5-c-wizard__nav-list--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
32007
- --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));
32008
- --pf-v5-c-wizard__nav-list--nested--MarginLeft: var(--pf-v5-global--spacer--md);
32009
- --pf-v5-c-wizard__nav-list--nested--MarginTop: var(--pf-v5-global--spacer--md);
32010
- --pf-v5-c-wizard__nav-item--MarginTop: var(--pf-v5-global--spacer--md);
32011
- --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);
32012
32012
  --pf-v5-c-wizard__outer-wrap--lg--PaddingLeft: var(--pf-v5-c-wizard__nav--Width);
32013
32013
  --pf-v5-c-wizard__outer-wrap--MinHeight: 15.625rem;
32014
32014
  --pf-v5-c-wizard__main--ZIndex: auto;
32015
- --pf-v5-c-wizard__main-body--PaddingTop: var(--pf-v5-global--spacer--md);
32016
- --pf-v5-c-wizard__main-body--PaddingRight: var(--pf-v5-global--spacer--md);
32017
- --pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-v5-global--spacer--md);
32018
- --pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-v5-global--spacer--md);
32019
- --pf-v5-c-wizard__main-body--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
32020
- --pf-v5-c-wizard__main-body--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
32021
- --pf-v5-c-wizard__main-body--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
32022
- --pf-v5-c-wizard__main-body--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
32023
- --pf-v5-c-wizard__footer--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
32024
- --pf-v5-c-wizard__footer--ZIndex: var(--pf-v5-global--ZIndex--xs);
32025
- --pf-v5-c-wizard__footer--PaddingTop: var(--pf-v5-global--spacer--md);
32026
- --pf-v5-c-wizard__footer--PaddingRight: var(--pf-v5-global--spacer--md);
32027
- --pf-v5-c-wizard__footer--PaddingBottom: var(--pf-v5-global--spacer--sm);
32028
- --pf-v5-c-wizard__footer--PaddingLeft: var(--pf-v5-global--spacer--md);
32029
- --pf-v5-c-wizard__footer--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
32030
- --pf-v5-c-wizard__footer--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
32031
- --pf-v5-c-wizard__footer--xl--PaddingBottom: var(--pf-v5-global--spacer--md);
32032
- --pf-v5-c-wizard__footer--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
32033
- --pf-v5-c-wizard__footer--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
32034
- --pf-v5-c-wizard__footer--child--MarginRight: var(--pf-v5-global--spacer--md);
32035
- --pf-v5-c-wizard__footer--child--MarginBottom: var(--pf-v5-global--spacer--sm);
32036
- --pf-v5-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-v5-global--spacer--2xl) - var(--pf-v5-c-wizard__footer--child--MarginRight));
32037
- position: relative;
32038
- display: flex;
32039
- flex-direction: column;
32040
- height: var(--pf-v5-c-wizard--Height);
32041
- }
32042
- @media screen and (min-width: 992px) {
32043
- .pf-v5-c-wizard {
32044
- --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-c-wizard__header--lg--PaddingRight);
32045
- --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-c-wizard__header--lg--PaddingLeft);
32046
- }
32047
- }
32048
- @media screen and (min-width: 1200px) {
32049
- .pf-v5-c-wizard {
32050
- --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-c-wizard__header--xl--PaddingRight);
32051
- --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-c-wizard__header--xl--PaddingLeft);
32052
- }
32053
- }
32054
- @media screen and (min-width: 1200px) {
32055
- .pf-v5-c-wizard {
32056
- --pf-v5-c-wizard__close--Right: var(--pf-v5-c-wizard__close--xl--Right);
32057
- }
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));
32058
32030
  }
32059
32031
  @media screen and (min-width: 992px) {
32060
- .pf-v5-c-wizard {
32032
+ :where(:root),
32033
+ :where(.pf-v5-c-wizard) {
32061
32034
  --pf-v5-c-wizard__nav--Width: var(--pf-v5-c-wizard__nav--lg--Width);
32062
32035
  --pf-v5-c-wizard__nav--BoxShadow: none;
32063
32036
  }
32064
32037
  }
32065
- @media screen and (min-width: 992px) {
32066
- .pf-v5-c-wizard {
32067
- --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-c-wizard__nav-list--lg--PaddingTop);
32068
- --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-c-wizard__nav-list--lg--PaddingRight);
32069
- --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-c-wizard__nav-list--lg--PaddingBottom);
32070
- }
32071
- }
32072
- @media screen and (min-width: 1200px) {
32073
- .pf-v5-c-wizard {
32074
- --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-c-wizard__nav-list--xl--PaddingTop);
32075
- --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-c-wizard__nav-list--xl--PaddingRight);
32076
- --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-c-wizard__nav-list--xl--PaddingBottom);
32077
- --pf-v5-c-wizard__nav-list--PaddingLeft: var(--pf-v5-c-wizard__nav-list--xl--PaddingLeft);
32078
- }
32079
- }
32080
- @media screen and (min-width: 1200px) {
32081
- .pf-v5-c-wizard {
32082
- --pf-v5-c-wizard__main-body--PaddingTop: var(--pf-v5-c-wizard__main-body--xl--PaddingTop);
32083
- --pf-v5-c-wizard__main-body--PaddingRight: var(--pf-v5-c-wizard__main-body--xl--PaddingRight);
32084
- --pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-v5-c-wizard__main-body--xl--PaddingBottom);
32085
- --pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-v5-c-wizard__main-body--xl--PaddingLeft);
32086
- }
32087
- }
32088
- @media screen and (min-width: 1200px) {
32089
- .pf-v5-c-wizard {
32090
- --pf-v5-c-wizard__footer--PaddingTop: var(--pf-v5-c-wizard__footer--xl--PaddingTop);
32091
- --pf-v5-c-wizard__footer--PaddingRight: var(--pf-v5-c-wizard__footer--xl--PaddingRight);
32092
- --pf-v5-c-wizard__footer--PaddingBottom: var(--pf-v5-c-wizard__footer--xl--PaddingBottom);
32093
- --pf-v5-c-wizard__footer--PaddingLeft: var(--pf-v5-c-wizard__footer--xl--PaddingLeft);
32094
- }
32038
+
32039
+ .pf-v5-c-wizard {
32040
+ position: relative;
32041
+ display: flex;
32042
+ flex-direction: column;
32043
+ height: var(--pf-v5-c-wizard--Height);
32095
32044
  }
32096
32045
  .pf-v5-c-modal-box .pf-v5-c-wizard {
32097
32046
  flex: 1 1 var(--pf-v5-c-modal-box--c-wizard--FlexBasis);
@@ -32110,7 +32059,6 @@ label.pf-v5-c-tree-view__node-text {
32110
32059
  }
32111
32060
 
32112
32061
  .pf-v5-c-wizard__header {
32113
- color: var(--pf-v5-global--Color--100);
32114
32062
  position: relative;
32115
32063
  z-index: var(--pf-v5-c-wizard__header--ZIndex);
32116
32064
  padding-block-start: var(--pf-v5-c-wizard__header--PaddingTop);
@@ -32138,6 +32086,7 @@ label.pf-v5-c-tree-view__node-text {
32138
32086
  font-size: var(--pf-v5-c-wizard__title-text--FontSize);
32139
32087
  font-weight: var(--pf-v5-c-wizard__title-text--FontWeight);
32140
32088
  line-height: var(--pf-v5-c-wizard__title-text--LineHeight);
32089
+ color: var(--pf-v5-c-wizard__title-text--Color);
32141
32090
  }
32142
32091
 
32143
32092
  .pf-v5-c-wizard__description {
@@ -32162,18 +32111,16 @@ label.pf-v5-c-tree-view__node-text {
32162
32111
  padding-inline-start: var(--pf-v5-c-wizard__toggle--PaddingLeft);
32163
32112
  padding-inline-end: var(--pf-v5-c-wizard__toggle--PaddingRight);
32164
32113
  background-color: var(--pf-v5-c-wizard__toggle--BackgroundColor);
32165
- border: 0;
32166
- box-shadow: var(--pf-v5-c-wizard__toggle--BoxShadow);
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;
32167
32118
  }
32168
32119
  @media screen and (min-width: 992px) {
32169
32120
  .pf-v5-c-wizard__toggle {
32170
32121
  display: none;
32171
32122
  }
32172
32123
  }
32173
- .pf-v5-c-wizard__toggle.pf-m-expanded {
32174
- --pf-v5-c-wizard__toggle--BoxShadow: none;
32175
- border-block-end: var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomWidth) solid var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomColor);
32176
- }
32177
32124
  .pf-v5-c-wizard__toggle.pf-m-expanded .pf-v5-c-wizard__toggle-icon {
32178
32125
  transform: rotate(var(--pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate));
32179
32126
  }
@@ -32198,6 +32145,7 @@ label.pf-v5-c-tree-view__node-text {
32198
32145
  }
32199
32146
 
32200
32147
  .pf-v5-c-wizard__toggle-num {
32148
+ --pf-v5-c-wizard__nav-link--before--TranslateY: 0;
32201
32149
  --pf-v5-c-wizard__nav-link--before--Top: var(--pf-v5-c-wizard__toggle-num--before--Top);
32202
32150
  }
32203
32151
 
@@ -32299,20 +32247,29 @@ label.pf-v5-c-tree-view__node-text {
32299
32247
  .pf-v5-c-wizard__nav-item.pf-m-expanded > .pf-v5-c-wizard__nav-link {
32300
32248
  --pf-v5-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate);
32301
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
+ }
32302
32254
 
32303
32255
  .pf-v5-c-wizard__nav-link {
32304
32256
  position: relative;
32305
32257
  display: inline-block;
32306
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);
32307
32263
  color: var(--pf-v5-c-wizard__nav-link--Color);
32308
32264
  text-align: start;
32309
32265
  text-decoration: var(--pf-v5-c-wizard__nav-link--TextDecoration);
32310
32266
  word-break: break-word;
32311
32267
  background-color: var(--pf-v5-c-wizard__nav-link--BackgroundColor);
32312
- border: 0;
32268
+ border: none;
32269
+ border-radius: var(--pf-v5-c-wizard__nav-link--BorderRadius);
32313
32270
  }
32314
32271
  .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
32315
- 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));
32316
32273
  position: absolute;
32317
32274
  inset-block-start: var(--pf-v5-c-wizard__nav-link--before--Top);
32318
32275
  inset-inline-start: 0;
@@ -32328,33 +32285,32 @@ label.pf-v5-c-tree-view__node-text {
32328
32285
  border-radius: var(--pf-v5-c-wizard__nav-link--before--BorderRadius);
32329
32286
  }
32330
32287
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
32331
- 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));
32332
32289
  }
32333
32290
 
32334
32291
  .pf-v5-c-wizard__nav-link::before {
32335
- inset-block-start: 0;
32336
32292
  content: counter(wizard-nav-count);
32337
32293
  counter-increment: wizard-nav-count;
32338
32294
  }
32339
- .pf-v5-c-wizard__nav-link:hover {
32340
- --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--hover--Color);
32341
- --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-c-wizard__nav-link--hover__nav-link-toggle-icon--Color);
32342
- }
32343
- .pf-v5-c-wizard__nav-link:focus {
32344
- --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--focus--Color);
32345
- --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-c-wizard__nav-link--focus__nav-link-toggle-icon--Color);
32346
- }
32347
32295
  .pf-v5-c-wizard__nav-link.pf-m-current {
32348
32296
  --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-current--Color);
32349
- font-weight: var(--pf-v5-c-wizard__nav-link--m-current--FontWeight);
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);
32350
32299
  }
32351
32300
  .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link.pf-m-current::before {
32352
32301
  --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor);
32353
32302
  --pf-v5-c-wizard__nav-link--before--Color: var(--pf-v5-c-wizard__nav-link--m-current--before--Color);
32354
32303
  }
32355
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
+ }
32356
32310
  .pf-v5-c-wizard__nav-link:disabled, .pf-v5-c-wizard__nav-link.pf-m-disabled {
32357
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);
32358
32314
  pointer-events: none;
32359
32315
  }
32360
32316
  .pf-v5-c-wizard__nav-link:disabled::before, .pf-v5-c-wizard__nav-link.pf-m-disabled::before {
@@ -32410,6 +32366,7 @@ label.pf-v5-c-tree-view__node-text {
32410
32366
  padding-inline-start: var(--pf-v5-c-wizard__footer--PaddingLeft);
32411
32367
  padding-inline-end: var(--pf-v5-c-wizard__footer--PaddingRight);
32412
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);
32413
32370
  }
32414
32371
  .pf-v5-c-wizard__footer > * {
32415
32372
  margin-block-end: var(--pf-v5-c-wizard__footer--child--MarginBottom);
@@ -32417,26 +32374,11 @@ label.pf-v5-c-tree-view__node-text {
32417
32374
  .pf-v5-c-wizard__footer > *:not(:last-child) {
32418
32375
  margin-inline-end: var(--pf-v5-c-wizard__footer--child--MarginRight);
32419
32376
  }
32420
- .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 {
32421
- box-shadow: var(--pf-v5-c-wizard__footer--BoxShadow);
32422
- }
32423
32377
 
32424
32378
  .pf-v5-c-wizard__footer-cancel {
32425
32379
  margin-inline-start: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
32426
32380
  }
32427
32381
 
32428
- :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 {
32429
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
32430
- }
32431
-
32432
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard {
32433
- --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
32434
- --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
32435
- }
32436
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
32437
- color: var(--pf-v5-global--Color--100);
32438
- }
32439
-
32440
32382
  .pf-v5-l-bullseye {
32441
32383
  --pf-v5-l-bullseye--Padding: 0;
32442
32384
  display: flex;