@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-no-globals.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
 
@@ -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-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 {
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-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 {
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-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 {
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
 
@@ -11309,7 +11309,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11309
11309
  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
11310
11310
  }
11311
11311
 
11312
- .pf-v5-c-dual-list-selector {
11312
+ :where(:root), :where(.pf-v5-c-dual-list-selector) {
11313
11313
  --pf-v5-c-dual-list-selector__header--GridArea: pane-header;
11314
11314
  --pf-v5-c-dual-list-selector__tools--GridArea: pane-tools;
11315
11315
  --pf-v5-c-dual-list-selector__status--GridArea: pane-status;
@@ -11321,54 +11321,55 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11321
11321
  --pf-v5-c-dual-list-selector--m-chosen__menu--GridArea: pane-menu-c;
11322
11322
  --pf-v5-c-dual-list-selector--GridTemplateColumns--pane--MinMax--min: 12.5rem;
11323
11323
  --pf-v5-c-dual-list-selector--GridTemplateColumns--pane--MinMax--max: 28.125rem;
11324
- --pf-v5-c-dual-list-selector__header--MarginBottom: var(--pf-v5-global--spacer--sm);
11325
- --pf-v5-c-dual-list-selector__title-text--FontWeight: var(--pf-v5-global--FontWeight--bold);
11326
- --pf-v5-c-dual-list-selector__tools--MarginBottom: var(--pf-v5-global--spacer--md);
11327
- --pf-v5-c-dual-list-selector__tools-filter--tools-actions--MarginLeft: var(--pf-v5-global--spacer--sm);
11328
- --pf-v5-c-dual-list-selector__menu--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
11329
- --pf-v5-c-dual-list-selector__menu--BorderColor: var(--pf-v5-global--BorderColor--100);
11324
+ --pf-v5-c-dual-list-selector__header--MarginBottom: var(--pf-t--global--spacer--sm);
11325
+ --pf-v5-c-dual-list-selector__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
11326
+ --pf-v5-c-dual-list-selector__title-text--FontSize: var(--pf-t--global--font--size--body--lg);
11327
+ --pf-v5-c-dual-list-selector__tools--MarginBottom: var(--pf-t--global--spacer--md);
11328
+ --pf-v5-c-dual-list-selector__tools-filter--tools-actions--MarginLeft: var(--pf-t--global--spacer--sm);
11329
+ --pf-v5-c-dual-list-selector__menu--BorderWidth: var(--pf-t--global--border--width--regular);
11330
+ --pf-v5-c-dual-list-selector__menu--BorderColor: var(--pf-t--global--border--color--default);
11331
+ --pf-v5-c-dual-list-selector__menu--BorderRadius: var(--pf-t--global--border--radius--small);
11330
11332
  --pf-v5-c-dual-list-selector__menu--MinHeight: 12.5rem;
11331
11333
  --pf-v5-c-dual-list-selector__menu--MaxHeight: 20rem;
11332
- --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-v5-global--FontSize--sm);
11333
- --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: transparent;
11334
- --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
11335
- --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
11336
- --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
11337
- --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
11334
+ --pf-v5-c-dual-list-selector__menu--MarginBlockStart: var(--pf-t--global--spacer--md);
11335
+ --pf-v5-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
11336
+ --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
11337
+ --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
11338
+ --pf-v5-c-dual-list-selector__list-item-row--BorderRadius: var(--pf-t--global--border--radius--tiny);
11339
+ --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
11340
+ --pf-v5-c-dual-list-selector__list-item--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
11338
11341
  --pf-v5-c-dual-list-selector__list-item--m-ghost-row--Opacity: .4;
11339
- --pf-v5-c-dual-list-selector__item--PaddingTop: var(--pf-v5-global--spacer--sm);
11340
- --pf-v5-c-dual-list-selector__item--PaddingRight: var(--pf-v5-global--spacer--md);
11341
- --pf-v5-c-dual-list-selector__item--PaddingBottom: var(--pf-v5-global--spacer--sm);
11342
- --pf-v5-c-dual-list-selector__item--PaddingLeft: var(--pf-v5-global--spacer--md);
11343
- --pf-v5-c-dual-list-selector__item--m-expandable--PaddingLeft: 0;
11344
- --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));
11345
- --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));
11346
- --pf-v5-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-v5-global--spacer--xs);
11347
- --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-v5-global--Color--100);
11348
- --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-v5-global--active-color--100);
11349
- --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--FontWeight: var(--pf-v5-global--FontWeight--bold);
11350
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-v5-global--disabled-color--100);
11351
- --pf-v5-c-dual-list-selector__status--MarginBottom: var(--pf-v5-global--spacer--sm);
11352
- --pf-v5-c-dual-list-selector__status-text--FontSize: var(--pf-v5-global--FontSize--sm);
11353
- --pf-v5-c-dual-list-selector__status-text--Color: var(--pf-v5-global--Color--200);
11354
- --pf-v5-c-dual-list-selector__controls--PaddingRight: var(--pf-v5-global--spacer--md);
11355
- --pf-v5-c-dual-list-selector__controls--PaddingLeft: var(--pf-v5-global--spacer--md);
11356
- --pf-v5-c-dual-list-selector__item-toggle--PaddingTop: var(--pf-v5-global--spacer--sm);
11357
- --pf-v5-c-dual-list-selector__item-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
11358
- --pf-v5-c-dual-list-selector__item-toggle--PaddingBottom: var(--pf-v5-global--spacer--sm);
11359
- --pf-v5-c-dual-list-selector__item-toggle--PaddingLeft: var(--pf-v5-global--spacer--md);
11360
- --pf-v5-c-dual-list-selector__item-toggle--MarginTop: calc(var(--pf-v5-global--spacer--sm) * -1);
11361
- --pf-v5-c-dual-list-selector__item-toggle--MarginBottom: calc(var(--pf-v5-global--spacer--sm) * -1);
11342
+ --pf-v5-c-dual-list-selector__item--PaddingTop: var(--pf-t--global--spacer--sm);
11343
+ --pf-v5-c-dual-list-selector__item--PaddingRight: var(--pf-t--global--spacer--md);
11344
+ --pf-v5-c-dual-list-selector__item--PaddingBottom: var(--pf-t--global--spacer--sm);
11345
+ --pf-v5-c-dual-list-selector__item--PaddingLeft: var(--pf-t--global--spacer--md);
11346
+ --pf-v5-c-dual-list-selector__item--m-expandable--PaddingLeft: var(--pf-t--global--spacer--md);
11347
+ --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));
11348
+ --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));
11349
+ --pf-v5-c-dual-list-selector__draggable--item--PaddingLeft: var(--pf-t--global--spacer--xs);
11350
+ --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-t--global--text--color--subtle);
11351
+ --pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color: var(--pf-t--global--text--color--regular);
11352
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-text--Color: var(--pf-t--global--background--color--disabled--default);
11353
+ --pf-v5-c-dual-list-selector__status--MarginBottom: var(--pf-t--global--spacer--sm);
11354
+ --pf-v5-c-dual-list-selector__status-text--FontSize: var(--pf-t--global--font--size--sm);
11355
+ --pf-v5-c-dual-list-selector__status-text--Color: var(--pf-t--global--text--color--subtle);
11356
+ --pf-v5-c-dual-list-selector__controls--PaddingRight: var(--pf-t--global--spacer--md);
11357
+ --pf-v5-c-dual-list-selector__controls--PaddingLeft: var(--pf-t--global--spacer--md);
11358
+ --pf-v5-c-dual-list-selector__controls--Gap: var(--pf-t--global--spacer--sm);
11359
+ --pf-v5-c-dual-list-selector__controls--MarginBlockStart: var(--pf-t--global--spacer--md);
11360
+ --pf-v5-c-dual-list-selector__item-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
11362
11361
  --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: 0;
11363
11362
  --pf-v5-c-dual-list-selector__list__list__item-toggle--TranslateX: -100%;
11364
- --pf-v5-c-dual-list-selector__item-check--MarginRight: var(--pf-v5-global--spacer--sm);
11365
- --pf-v5-c-dual-list-selector__item-count--Marginleft: var(--pf-v5-global--spacer--sm);
11366
- --pf-v5-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-v5-global--disabled-color--200);
11363
+ --pf-v5-c-dual-list-selector__item-check--MarginRight: var(--pf-t--global--spacer--sm);
11364
+ --pf-v5-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
11367
11365
  --pf-v5-c-dual-list-selector__item-toggle-icon--Rotate: 0;
11368
11366
  --pf-v5-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
11369
11367
  --pf-v5-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-v5-global--Transition);
11370
11368
  --pf-v5-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
11371
- --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-v5-global--disabled-color--200);
11369
+ --pf-v5-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--background--color--disabled--default);
11370
+ }
11371
+
11372
+ .pf-v5-c-dual-list-selector {
11372
11373
  display: grid;
11373
11374
  grid-template-areas: "pane-header . pane-header-c" "pane-tools . pane-tools-c" "pane-status . pane-status-c" "pane-menu controls pane-menu-c";
11374
11375
  grid-template-rows: repeat(3, auto) auto;
@@ -11391,6 +11392,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11391
11392
  }
11392
11393
 
11393
11394
  .pf-v5-c-dual-list-selector__title-text {
11395
+ font-size: var(--pf-v5-c-dual-list-selector__title-text--FontSize);
11394
11396
  font-weight: var(--pf-v5-c-dual-list-selector__title-text--FontWeight);
11395
11397
  }
11396
11398
 
@@ -11427,8 +11429,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11427
11429
  grid-area: var(--pf-v5-c-dual-list-selector__menu--GridArea);
11428
11430
  min-height: var(--pf-v5-c-dual-list-selector__menu--MinHeight);
11429
11431
  max-height: var(--pf-v5-c-dual-list-selector__menu--MaxHeight);
11432
+ margin-block-start: var(--pf-v5-c-dual-list-selector__menu--MarginBlockStart);
11430
11433
  overflow: auto;
11431
11434
  border: var(--pf-v5-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v5-c-dual-list-selector__menu--BorderColor);
11435
+ border-radius: var(--pf-v5-c-dual-list-selector__menu--BorderRadius);
11432
11436
  }
11433
11437
 
11434
11438
  .pf-v5-c-dual-list-selector__list {
@@ -11443,7 +11447,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11443
11447
  .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__list .pf-v5-c-dual-list-selector__item-toggle {
11444
11448
  transform: translateX(var(--pf-v5-c-dual-list-selector__list__list__item-toggle--TranslateX));
11445
11449
  position: absolute;
11446
- inset-block-start: 0;
11447
11450
  inset-inline-start: var(--pf-v5-c-dual-list-selector__list__list__item-toggle--Left);
11448
11451
  }
11449
11452
  :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 {
@@ -11455,7 +11458,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11455
11458
  }
11456
11459
 
11457
11460
  .pf-v5-c-dual-list-selector__list-item:focus {
11458
- --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor);
11461
+ --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
11459
11462
  }
11460
11463
  .pf-v5-c-dual-list-selector__list-item.pf-m-expandable {
11461
11464
  --pf-v5-c-dual-list-selector__item--PaddingLeft: var(--pf-v5-c-dual-list-selector__item--m-expandable--PaddingLeft);
@@ -11473,6 +11476,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11473
11476
  display: flex;
11474
11477
  font-size: var(--pf-v5-c-dual-list-selector__list-item-row--FontSize);
11475
11478
  background-color: var(--pf-v5-c-dual-list-selector__list-item-row--BackgroundColor);
11479
+ border-radius: var(--pf-v5-c-dual-list-selector__list-item-row--BorderRadius);
11476
11480
  }
11477
11481
  .pf-v5-c-dual-list-selector__list-item-row:hover {
11478
11482
  --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
@@ -11484,6 +11488,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11484
11488
  --pf-v5-c-dual-list-selector__item-text--Color: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--Color);
11485
11489
  font-weight: var(--pf-v5-c-dual-list-selector__list-item-row--m-selected__text--FontWeight);
11486
11490
  }
11491
+ .pf-v5-c-dual-list-selector__list-item-row.pf-m-selected:hover {
11492
+ --pf-v5-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor);
11493
+ }
11487
11494
  .pf-v5-c-dual-list-selector__list-item-row.pf-m-check {
11488
11495
  --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: transparent;
11489
11496
  }
@@ -11524,6 +11531,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11524
11531
  padding-inline-start: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
11525
11532
  padding-inline-end: var(--pf-v5-c-dual-list-selector__item--PaddingRight);
11526
11533
  cursor: pointer;
11534
+ outline-offset: -2px;
11527
11535
  }
11528
11536
 
11529
11537
  .pf-v5-c-dual-list-selector__item-count {
@@ -11542,10 +11550,16 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11542
11550
  }
11543
11551
 
11544
11552
  .pf-v5-c-dual-list-selector__controls {
11553
+ display: flex;
11554
+ flex-direction: column;
11545
11555
  grid-area: var(--pf-v5-c-dual-list-selector__controls--GridArea);
11556
+ gap: var(--pf-v5-c-dual-list-selector__controls--Gap);
11557
+ align-items: center;
11546
11558
  align-self: center;
11559
+ justify-content: center;
11547
11560
  padding-inline-start: var(--pf-v5-c-dual-list-selector__controls--PaddingLeft);
11548
11561
  padding-inline-end: var(--pf-v5-c-dual-list-selector__controls--PaddingRight);
11562
+ margin-block-start: var(--pf-v5-c-dual-list-selector__controls--MarginBlockStart);
11549
11563
  }
11550
11564
 
11551
11565
  :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) {
@@ -11622,16 +11636,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11622
11636
  --pf-v5-c-dual-list-selector__list__list__item-toggle--Left: var(--pf-v5-c-dual-list-selector__item--PaddingLeft);
11623
11637
  }
11624
11638
 
11625
- :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 {
11626
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
11627
- }
11628
-
11629
- :where(.pf-v5-theme-dark) .pf-v5-c-dual-list-selector {
11630
- --pf-v5-c-dual-list-selector__list-item-row--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
11631
- --pf-v5-c-dual-list-selector__list-item-row--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
11632
- --pf-v5-c-dual-list-selector__list-item-row--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
11633
- }
11634
-
11635
11639
  :root,
11636
11640
  [data-theme=pf-v5-c-toolbar] {
11637
11641
  --pf-v5-c-toolbar--RowGap: var(--pf-t--global--spacer--sm);
@@ -16105,7 +16109,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16105
16109
  color: var(--pf-v5-c-dropdown__group-title--Color);
16106
16110
  }
16107
16111
 
16108
- :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 {
16112
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
16109
16113
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
16110
16114
  }
16111
16115
 
@@ -18043,7 +18047,7 @@ label.pf-v5-c-input-group__text {
18043
18047
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
18044
18048
  }
18045
18049
 
18046
- .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 {
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 {
18047
18051
  --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
18048
18052
  --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
18049
18053
  --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
@@ -18054,7 +18058,7 @@ label.pf-v5-c-input-group__text {
18054
18058
  --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
18055
18059
  --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
18056
18060
  }
18057
- .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 {
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 {
18058
18062
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
18059
18063
  }
18060
18064
 
@@ -19009,7 +19013,7 @@ ul.pf-v5-c-list {
19009
19013
  font-weight: var(--pf-v5-c-log-viewer__timestamp--FontWeight);
19010
19014
  }
19011
19015
 
19012
- :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 {
19016
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
19013
19017
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
19014
19018
  }
19015
19019
 
@@ -20307,7 +20311,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20307
20311
  border-block-start: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
20308
20312
  }
20309
20313
 
20310
- :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 {
20314
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
20311
20315
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20312
20316
  }
20313
20317
 
@@ -20719,7 +20723,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
20719
20723
  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
20720
20724
  }
20721
20725
 
20722
- :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 {
20726
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
20723
20727
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
20724
20728
  }
20725
20729
 
@@ -22112,7 +22116,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22112
22116
  color: var(--pf-v5-c-options-menu__group-title--Color);
22113
22117
  }
22114
22118
 
22115
- :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 {
22119
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
22116
22120
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
22117
22121
  }
22118
22122
 
@@ -25122,7 +25126,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
25122
25126
  box-shadow: var(--pf-v5-c-select__menu-footer--BoxShadow);
25123
25127
  }
25124
25128
 
25125
- :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 {
25129
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
25126
25130
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
25127
25131
  }
25128
25132
 
@@ -28888,7 +28892,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
28888
28892
  --pf-v5-c-table--cell--Width: 100%;
28889
28893
  }
28890
28894
 
28891
- :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 {
28895
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
28892
28896
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
28893
28897
  }
28894
28898
 
@@ -30756,7 +30760,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
30756
30760
  display: flex;
30757
30761
  }
30758
30762
 
30759
- :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 {
30763
+ :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
30760
30764
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
30761
30765
  }
30762
30766
 
@@ -31798,183 +31802,128 @@ label.pf-v5-c-tree-view__node-text {
31798
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));
31799
31803
  }
31800
31804
 
31801
- .pf-v5-c-wizard {
31805
+ :where(:root),
31806
+ :where(.pf-v5-c-wizard) {
31802
31807
  --pf-v5-c-wizard--Height: 100%;
31803
31808
  --pf-v5-c-modal-box--c-wizard--FlexBasis: 47.625rem;
31804
- --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--BackgroundColor--dark-100);
31809
+ --pf-v5-c-wizard__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
31805
31810
  --pf-v5-c-wizard__header--ZIndex: auto;
31806
- --pf-v5-c-wizard__header--PaddingTop: var(--pf-v5-global--spacer--lg);
31807
- --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-global--spacer--md);
31808
- --pf-v5-c-wizard__header--PaddingBottom: var(--pf-v5-global--spacer--lg);
31809
- --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-global--spacer--md);
31810
- --pf-v5-c-wizard__header--lg--PaddingRight: var(--pf-v5-global--spacer--md);
31811
- --pf-v5-c-wizard__header--lg--PaddingLeft: var(--pf-v5-global--spacer--md);
31812
- --pf-v5-c-wizard__header--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
31813
- --pf-v5-c-wizard__header--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
31814
- --pf-v5-c-wizard__close--Top: calc(var(--pf-v5-global--spacer--lg) - var(--pf-v5-global--spacer--form-element));
31815
- --pf-v5-c-wizard__close--Right: 0;
31816
- --pf-v5-c-wizard__close--xl--Right: var(--pf-v5-global--spacer--lg);
31817
- --pf-v5-c-wizard__close--FontSize: var(--pf-v5-global--FontSize--xl);
31818
- --pf-v5-c-wizard__title--PaddingRight: var(--pf-v5-global--spacer--2xl);
31819
- --pf-v5-c-wizard__title-text--FontSize: var(--pf-v5-global--FontSize--3xl);
31820
- --pf-v5-c-wizard__title-text--FontFamily: var(--pf-v5-global--FontFamily--heading);
31821
- --pf-v5-c-wizard__title-text--FontWeight: var(--pf-v5-global--FontWeight--normal);
31822
- --pf-v5-c-wizard__title-text--LineHeight: var(--pf-v5-global--LineHeight--sm);
31823
- --pf-v5-c-wizard__description--PaddingTop: var(--pf-v5-global--spacer--sm);
31824
- --pf-v5-c-wizard__description--Color: var(--pf-v5-global--Color--light-200);
31825
- --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-global--Color--100);
31826
- --pf-v5-c-wizard__nav-link--BackgroundColor: transparent;
31827
- --pf-v5-c-wizard__nav-link--TextDecoration: var(--pf-v5-global--link--TextDecoration);
31828
- --pf-v5-c-wizard__nav-link--hover--Color: var(--pf-v5-global--link--Color);
31829
- --pf-v5-c-wizard__nav-link--focus--Color: var(--pf-v5-global--link--Color);
31830
- --pf-v5-c-wizard__nav-link--m-current--Color: var(--pf-v5-global--link--Color);
31831
- --pf-v5-c-wizard__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
31832
- --pf-v5-c-wizard__nav-link--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
31833
- --pf-v5-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
31834
- --pf-v5-c-wizard__nav-link-toggle--PaddingRight: var(--pf-v5-global--spacer--sm);
31835
- --pf-v5-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-v5-global--spacer--sm);
31836
- --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-global--Color--200);
31837
- --pf-v5-c-wizard__nav-link--hover__nav-link-toggle-icon--Color: var(--pf-v5-global--Color--100);
31838
- --pf-v5-c-wizard__nav-link--focus__nav-link-toggle-icon--Color: var(--pf-v5-global--Color--100);
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);
31839
31846
  --pf-v5-c-wizard__nav-link-toggle-icon--Transition: var(--pf-v5-global--Transition);
31840
31847
  --pf-v5-c-wizard__nav-link-toggle-icon--Rotate: 0;
31841
31848
  --pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
31842
31849
  --pf-v5-c-wizard__nav-link--before--Width: 1.5rem;
31843
31850
  --pf-v5-c-wizard__nav-link--before--Height: 1.5rem;
31844
- --pf-v5-c-wizard__nav-link--before--Top: 0;
31845
- --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
31846
- --pf-v5-c-wizard__nav-link--before--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
31847
- --pf-v5-c-wizard__nav-link--before--Color: var(--pf-v5-global--Color--100);
31848
- --pf-v5-c-wizard__nav-link--before--FontSize: var(--pf-v5-global--FontSize--sm);
31849
- --pf-v5-c-wizard__nav-link--before--TranslateX: calc(-100% - var(--pf-v5-global--spacer--sm));
31850
- --pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-v5-global--active-color--100);
31851
- --pf-v5-c-wizard__nav-link--m-current--before--Color: var(--pf-v5-global--Color--light-100);
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);
31852
31860
  --pf-v5-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
31853
- --pf-v5-c-wizard__nav-link--m-disabled--before--Color: var(--pf-v5-global--disabled-color--100);
31854
- --pf-v5-c-wizard__toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
31855
- --pf-v5-c-wizard__toggle--ZIndex: var(--pf-v5-global--ZIndex--xs);
31856
- --pf-v5-c-wizard__toggle--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
31857
- --pf-v5-c-wizard__toggle--PaddingTop: var(--pf-v5-global--spacer--lg);
31858
- --pf-v5-c-wizard__toggle--PaddingRight: var(--pf-v5-global--spacer--md);
31859
- --pf-v5-c-wizard__toggle--PaddingBottom: var(--pf-v5-global--spacer--lg);
31860
- --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));
31861
- --pf-v5-c-wizard__toggle--m-expanded--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
31862
- --pf-v5-c-wizard__toggle--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
31863
- --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));
31864
- --pf-v5-c-wizard__toggle-num--before--Top: 0;
31865
- --pf-v5-c-wizard__toggle-list-item--not-last-child--MarginRight: var(--pf-v5-global--spacer--sm);
31866
- --pf-v5-c-wizard__toggle-list-item--MarginBottom: var(--pf-v5-global--spacer--xs);
31867
- --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);
31868
31875
  --pf-v5-c-wizard__toggle-list--MarginBottom: calc(var(--pf-v5-c-wizard__toggle-list-item--MarginBottom) * -1);
31869
- --pf-v5-c-wizard__toggle-separator--MarginLeft: var(--pf-v5-global--spacer--sm);
31870
- --pf-v5-c-wizard__toggle-separator--Color: var(--pf-v5-global--BorderColor--200);
31871
- --pf-v5-c-wizard__toggle-icon--LineHeight: var(--pf-v5-global--LineHeight--md);
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);
31872
31879
  --pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
31873
- --pf-v5-c-wizard__nav--ZIndex: var(--pf-v5-global--ZIndex--xs);
31874
- --pf-v5-c-wizard__nav--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
31875
- --pf-v5-c-wizard__nav--BoxShadow: var(--pf-v5-global--BoxShadow--md-bottom);
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);
31876
31883
  --pf-v5-c-wizard__nav--Width: 100%;
31877
31884
  --pf-v5-c-wizard__nav--lg--Width: 15.625rem;
31878
- --pf-v5-c-wizard__nav--lg--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
31879
- --pf-v5-c-wizard__nav--lg--BorderRightColor: var(--pf-v5-global--BorderColor--100);
31880
- --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-global--spacer--lg);
31881
- --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-global--spacer--md);
31882
- --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-global--spacer--lg);
31883
- --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));
31884
- --pf-v5-c-wizard__nav-list--lg--PaddingTop: var(--pf-v5-global--spacer--md);
31885
- --pf-v5-c-wizard__nav-list--lg--PaddingRight: var(--pf-v5-global--spacer--md);
31886
- --pf-v5-c-wizard__nav-list--lg--PaddingBottom: var(--pf-v5-global--spacer--md);
31887
- --pf-v5-c-wizard__nav-list--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
31888
- --pf-v5-c-wizard__nav-list--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
31889
- --pf-v5-c-wizard__nav-list--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
31890
- --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));
31891
- --pf-v5-c-wizard__nav-list--nested--MarginLeft: var(--pf-v5-global--spacer--md);
31892
- --pf-v5-c-wizard__nav-list--nested--MarginTop: var(--pf-v5-global--spacer--md);
31893
- --pf-v5-c-wizard__nav-item--MarginTop: var(--pf-v5-global--spacer--md);
31894
- --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);
31895
31895
  --pf-v5-c-wizard__outer-wrap--lg--PaddingLeft: var(--pf-v5-c-wizard__nav--Width);
31896
31896
  --pf-v5-c-wizard__outer-wrap--MinHeight: 15.625rem;
31897
31897
  --pf-v5-c-wizard__main--ZIndex: auto;
31898
- --pf-v5-c-wizard__main-body--PaddingTop: var(--pf-v5-global--spacer--md);
31899
- --pf-v5-c-wizard__main-body--PaddingRight: var(--pf-v5-global--spacer--md);
31900
- --pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-v5-global--spacer--md);
31901
- --pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-v5-global--spacer--md);
31902
- --pf-v5-c-wizard__main-body--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
31903
- --pf-v5-c-wizard__main-body--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
31904
- --pf-v5-c-wizard__main-body--xl--PaddingBottom: var(--pf-v5-global--spacer--lg);
31905
- --pf-v5-c-wizard__main-body--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
31906
- --pf-v5-c-wizard__footer--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
31907
- --pf-v5-c-wizard__footer--ZIndex: var(--pf-v5-global--ZIndex--xs);
31908
- --pf-v5-c-wizard__footer--PaddingTop: var(--pf-v5-global--spacer--md);
31909
- --pf-v5-c-wizard__footer--PaddingRight: var(--pf-v5-global--spacer--md);
31910
- --pf-v5-c-wizard__footer--PaddingBottom: var(--pf-v5-global--spacer--sm);
31911
- --pf-v5-c-wizard__footer--PaddingLeft: var(--pf-v5-global--spacer--md);
31912
- --pf-v5-c-wizard__footer--xl--PaddingTop: var(--pf-v5-global--spacer--lg);
31913
- --pf-v5-c-wizard__footer--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
31914
- --pf-v5-c-wizard__footer--xl--PaddingBottom: var(--pf-v5-global--spacer--md);
31915
- --pf-v5-c-wizard__footer--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
31916
- --pf-v5-c-wizard__footer--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
31917
- --pf-v5-c-wizard__footer--child--MarginRight: var(--pf-v5-global--spacer--md);
31918
- --pf-v5-c-wizard__footer--child--MarginBottom: var(--pf-v5-global--spacer--sm);
31919
- --pf-v5-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-v5-global--spacer--2xl) - var(--pf-v5-c-wizard__footer--child--MarginRight));
31920
- position: relative;
31921
- display: flex;
31922
- flex-direction: column;
31923
- height: var(--pf-v5-c-wizard--Height);
31924
- }
31925
- @media screen and (min-width: 992px) {
31926
- .pf-v5-c-wizard {
31927
- --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-c-wizard__header--lg--PaddingRight);
31928
- --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-c-wizard__header--lg--PaddingLeft);
31929
- }
31930
- }
31931
- @media screen and (min-width: 1200px) {
31932
- .pf-v5-c-wizard {
31933
- --pf-v5-c-wizard__header--PaddingRight: var(--pf-v5-c-wizard__header--xl--PaddingRight);
31934
- --pf-v5-c-wizard__header--PaddingLeft: var(--pf-v5-c-wizard__header--xl--PaddingLeft);
31935
- }
31936
- }
31937
- @media screen and (min-width: 1200px) {
31938
- .pf-v5-c-wizard {
31939
- --pf-v5-c-wizard__close--Right: var(--pf-v5-c-wizard__close--xl--Right);
31940
- }
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));
31941
31913
  }
31942
31914
  @media screen and (min-width: 992px) {
31943
- .pf-v5-c-wizard {
31915
+ :where(:root),
31916
+ :where(.pf-v5-c-wizard) {
31944
31917
  --pf-v5-c-wizard__nav--Width: var(--pf-v5-c-wizard__nav--lg--Width);
31945
31918
  --pf-v5-c-wizard__nav--BoxShadow: none;
31946
31919
  }
31947
31920
  }
31948
- @media screen and (min-width: 992px) {
31949
- .pf-v5-c-wizard {
31950
- --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-c-wizard__nav-list--lg--PaddingTop);
31951
- --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-c-wizard__nav-list--lg--PaddingRight);
31952
- --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-c-wizard__nav-list--lg--PaddingBottom);
31953
- }
31954
- }
31955
- @media screen and (min-width: 1200px) {
31956
- .pf-v5-c-wizard {
31957
- --pf-v5-c-wizard__nav-list--PaddingTop: var(--pf-v5-c-wizard__nav-list--xl--PaddingTop);
31958
- --pf-v5-c-wizard__nav-list--PaddingRight: var(--pf-v5-c-wizard__nav-list--xl--PaddingRight);
31959
- --pf-v5-c-wizard__nav-list--PaddingBottom: var(--pf-v5-c-wizard__nav-list--xl--PaddingBottom);
31960
- --pf-v5-c-wizard__nav-list--PaddingLeft: var(--pf-v5-c-wizard__nav-list--xl--PaddingLeft);
31961
- }
31962
- }
31963
- @media screen and (min-width: 1200px) {
31964
- .pf-v5-c-wizard {
31965
- --pf-v5-c-wizard__main-body--PaddingTop: var(--pf-v5-c-wizard__main-body--xl--PaddingTop);
31966
- --pf-v5-c-wizard__main-body--PaddingRight: var(--pf-v5-c-wizard__main-body--xl--PaddingRight);
31967
- --pf-v5-c-wizard__main-body--PaddingBottom: var(--pf-v5-c-wizard__main-body--xl--PaddingBottom);
31968
- --pf-v5-c-wizard__main-body--PaddingLeft: var(--pf-v5-c-wizard__main-body--xl--PaddingLeft);
31969
- }
31970
- }
31971
- @media screen and (min-width: 1200px) {
31972
- .pf-v5-c-wizard {
31973
- --pf-v5-c-wizard__footer--PaddingTop: var(--pf-v5-c-wizard__footer--xl--PaddingTop);
31974
- --pf-v5-c-wizard__footer--PaddingRight: var(--pf-v5-c-wizard__footer--xl--PaddingRight);
31975
- --pf-v5-c-wizard__footer--PaddingBottom: var(--pf-v5-c-wizard__footer--xl--PaddingBottom);
31976
- --pf-v5-c-wizard__footer--PaddingLeft: var(--pf-v5-c-wizard__footer--xl--PaddingLeft);
31977
- }
31921
+
31922
+ .pf-v5-c-wizard {
31923
+ position: relative;
31924
+ display: flex;
31925
+ flex-direction: column;
31926
+ height: var(--pf-v5-c-wizard--Height);
31978
31927
  }
31979
31928
  .pf-v5-c-modal-box .pf-v5-c-wizard {
31980
31929
  flex: 1 1 var(--pf-v5-c-modal-box--c-wizard--FlexBasis);
@@ -31993,7 +31942,6 @@ label.pf-v5-c-tree-view__node-text {
31993
31942
  }
31994
31943
 
31995
31944
  .pf-v5-c-wizard__header {
31996
- color: var(--pf-v5-global--Color--100);
31997
31945
  position: relative;
31998
31946
  z-index: var(--pf-v5-c-wizard__header--ZIndex);
31999
31947
  padding-block-start: var(--pf-v5-c-wizard__header--PaddingTop);
@@ -32021,6 +31969,7 @@ label.pf-v5-c-tree-view__node-text {
32021
31969
  font-size: var(--pf-v5-c-wizard__title-text--FontSize);
32022
31970
  font-weight: var(--pf-v5-c-wizard__title-text--FontWeight);
32023
31971
  line-height: var(--pf-v5-c-wizard__title-text--LineHeight);
31972
+ color: var(--pf-v5-c-wizard__title-text--Color);
32024
31973
  }
32025
31974
 
32026
31975
  .pf-v5-c-wizard__description {
@@ -32045,18 +31994,16 @@ label.pf-v5-c-tree-view__node-text {
32045
31994
  padding-inline-start: var(--pf-v5-c-wizard__toggle--PaddingLeft);
32046
31995
  padding-inline-end: var(--pf-v5-c-wizard__toggle--PaddingRight);
32047
31996
  background-color: var(--pf-v5-c-wizard__toggle--BackgroundColor);
32048
- border: 0;
32049
- box-shadow: var(--pf-v5-c-wizard__toggle--BoxShadow);
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;
32050
32001
  }
32051
32002
  @media screen and (min-width: 992px) {
32052
32003
  .pf-v5-c-wizard__toggle {
32053
32004
  display: none;
32054
32005
  }
32055
32006
  }
32056
- .pf-v5-c-wizard__toggle.pf-m-expanded {
32057
- --pf-v5-c-wizard__toggle--BoxShadow: none;
32058
- border-block-end: var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomWidth) solid var(--pf-v5-c-wizard__toggle--m-expanded--BorderBottomColor);
32059
- }
32060
32007
  .pf-v5-c-wizard__toggle.pf-m-expanded .pf-v5-c-wizard__toggle-icon {
32061
32008
  transform: rotate(var(--pf-v5-c-wizard__toggle--m-expanded__toggle-icon--Rotate));
32062
32009
  }
@@ -32081,6 +32028,7 @@ label.pf-v5-c-tree-view__node-text {
32081
32028
  }
32082
32029
 
32083
32030
  .pf-v5-c-wizard__toggle-num {
32031
+ --pf-v5-c-wizard__nav-link--before--TranslateY: 0;
32084
32032
  --pf-v5-c-wizard__nav-link--before--Top: var(--pf-v5-c-wizard__toggle-num--before--Top);
32085
32033
  }
32086
32034
 
@@ -32182,20 +32130,29 @@ label.pf-v5-c-tree-view__node-text {
32182
32130
  .pf-v5-c-wizard__nav-item.pf-m-expanded > .pf-v5-c-wizard__nav-link {
32183
32131
  --pf-v5-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-v5-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate);
32184
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
+ }
32185
32137
 
32186
32138
  .pf-v5-c-wizard__nav-link {
32187
32139
  position: relative;
32188
32140
  display: inline-block;
32189
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);
32190
32146
  color: var(--pf-v5-c-wizard__nav-link--Color);
32191
32147
  text-align: start;
32192
32148
  text-decoration: var(--pf-v5-c-wizard__nav-link--TextDecoration);
32193
32149
  word-break: break-word;
32194
32150
  background-color: var(--pf-v5-c-wizard__nav-link--BackgroundColor);
32195
- border: 0;
32151
+ border: none;
32152
+ border-radius: var(--pf-v5-c-wizard__nav-link--BorderRadius);
32196
32153
  }
32197
32154
  .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
32198
- 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));
32199
32156
  position: absolute;
32200
32157
  inset-block-start: var(--pf-v5-c-wizard__nav-link--before--Top);
32201
32158
  inset-inline-start: 0;
@@ -32211,33 +32168,32 @@ label.pf-v5-c-tree-view__node-text {
32211
32168
  border-radius: var(--pf-v5-c-wizard__nav-link--before--BorderRadius);
32212
32169
  }
32213
32170
  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
32214
- 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));
32215
32172
  }
32216
32173
 
32217
32174
  .pf-v5-c-wizard__nav-link::before {
32218
- inset-block-start: 0;
32219
32175
  content: counter(wizard-nav-count);
32220
32176
  counter-increment: wizard-nav-count;
32221
32177
  }
32222
- .pf-v5-c-wizard__nav-link:hover {
32223
- --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--hover--Color);
32224
- --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-c-wizard__nav-link--hover__nav-link-toggle-icon--Color);
32225
- }
32226
- .pf-v5-c-wizard__nav-link:focus {
32227
- --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--focus--Color);
32228
- --pf-v5-c-wizard__nav-link-toggle--Color: var(--pf-v5-c-wizard__nav-link--focus__nav-link-toggle-icon--Color);
32229
- }
32230
32178
  .pf-v5-c-wizard__nav-link.pf-m-current {
32231
32179
  --pf-v5-c-wizard__nav-link--Color: var(--pf-v5-c-wizard__nav-link--m-current--Color);
32232
- font-weight: var(--pf-v5-c-wizard__nav-link--m-current--FontWeight);
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);
32233
32182
  }
32234
32183
  .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link.pf-m-current::before {
32235
32184
  --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor);
32236
32185
  --pf-v5-c-wizard__nav-link--before--Color: var(--pf-v5-c-wizard__nav-link--m-current--before--Color);
32237
32186
  }
32238
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
+ }
32239
32193
  .pf-v5-c-wizard__nav-link:disabled, .pf-v5-c-wizard__nav-link.pf-m-disabled {
32240
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);
32241
32197
  pointer-events: none;
32242
32198
  }
32243
32199
  .pf-v5-c-wizard__nav-link:disabled::before, .pf-v5-c-wizard__nav-link.pf-m-disabled::before {
@@ -32293,6 +32249,7 @@ label.pf-v5-c-tree-view__node-text {
32293
32249
  padding-inline-start: var(--pf-v5-c-wizard__footer--PaddingLeft);
32294
32250
  padding-inline-end: var(--pf-v5-c-wizard__footer--PaddingRight);
32295
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);
32296
32253
  }
32297
32254
  .pf-v5-c-wizard__footer > * {
32298
32255
  margin-block-end: var(--pf-v5-c-wizard__footer--child--MarginBottom);
@@ -32300,26 +32257,11 @@ label.pf-v5-c-tree-view__node-text {
32300
32257
  .pf-v5-c-wizard__footer > *:not(:last-child) {
32301
32258
  margin-inline-end: var(--pf-v5-c-wizard__footer--child--MarginRight);
32302
32259
  }
32303
- .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 {
32304
- box-shadow: var(--pf-v5-c-wizard__footer--BoxShadow);
32305
- }
32306
32260
 
32307
32261
  .pf-v5-c-wizard__footer-cancel {
32308
32262
  margin-inline-start: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
32309
32263
  }
32310
32264
 
32311
- :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 {
32312
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
32313
- }
32314
-
32315
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard {
32316
- --pf-v5-c-wizard__header--BackgroundColor: var(--pf-v5-global--palette--black-1000);
32317
- --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--pf-v5-global--palette--black-500);
32318
- }
32319
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
32320
- color: var(--pf-v5-global--Color--100);
32321
- }
32322
-
32323
32265
  .pf-v5-l-bullseye {
32324
32266
  --pf-v5-l-bullseye--Padding: 0;
32325
32267
  display: flex;