@patternfly/react-table 4.52.4 → 4.52.8

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 (3) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/dist/umd/react-table.min.css +781 -781
  3. package/package.json +6 -6
package/dist/umd/react-table.min.css CHANGED
@@ -24351,1014 +24351,1014 @@ label.pf-c-radio, .pf-c-radio__label,
24351
24351
  font-size: var(--pf-c-number-input__icon--FontSize);
24352
24352
  }
24353
24353
 
24354
- .pf-c-wizard__header {
24355
- --pf-global--Color--100: var(--pf-global--Color--light-100);
24356
- --pf-global--Color--200: var(--pf-global--Color--light-200);
24357
- --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
24358
- --pf-global--primary-color--100: var(--pf-global--primary-color--light-100);
24359
- --pf-global--link--Color: var(--pf-global--link--Color--light);
24360
- --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
24361
- --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
24354
+ .pf-c-tree-view {
24355
+ --pf-c-tree-view--PaddingTop: var(--pf-global--spacer--sm);
24356
+ --pf-c-tree-view--PaddingBottom: var(--pf-global--spacer--sm);
24357
+ --pf-c-tree-view__node--indent--base: calc(var(--pf-global--spacer--md) * 2 + var(--pf-c-tree-view__node-toggle-icon--MinWidth));
24358
+ --pf-c-tree-view__node--nested-indent--base: calc(var(--pf-c-tree-view__node--indent--base) - var(--pf-global--spacer--md));
24359
+ --pf-c-tree-view__node--PaddingTop--base: var(--pf-global--spacer--sm);
24360
+ --pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view__node--PaddingTop--base);
24361
+ --pf-c-tree-view__node--PaddingRight: var(--pf-global--spacer--sm);
24362
+ --pf-c-tree-view__node--PaddingBottom: var(--pf-global--spacer--sm);
24363
+ --pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view__node--indent--base);
24364
+ --pf-c-tree-view__node--Color: var(--pf-global--Color--100);
24365
+ --pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
24366
+ --pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
24367
+ --pf-c-tree-view__node-container--Display: contents;
24368
+ --pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
24369
+ --pf-c-tree-view__node-content--Overflow: visible;
24370
+ --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
24371
+ --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--palette--black-200);
24372
+ --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
24373
+ --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
24374
+ --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
24375
+ --pf-c-tree-view__node-toggle--Position: absolute;
24376
+ --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
24377
+ --pf-c-tree-view__node-toggle-icon--Transition: var(--pf-global--Transition);
24378
+ --pf-c-tree-view__node-toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
24379
+ --pf-c-tree-view__node-toggle-button--PaddingRight: var(--pf-global--spacer--md);
24380
+ --pf-c-tree-view__node-toggle-button--PaddingBottom: var(--pf-global--spacer--form-element);
24381
+ --pf-c-tree-view__node-toggle-button--PaddingLeft: var(--pf-global--spacer--md);
24382
+ --pf-c-tree-view__node-toggle-button--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
24383
+ --pf-c-tree-view__node-toggle-button--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
24384
+ --pf-c-tree-view__node-check--MarginRight: var(--pf-global--spacer--sm);
24385
+ --pf-c-tree-view__node-count--MarginLeft: var(--pf-global--spacer--sm);
24386
+ --pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor: var(--pf-global--disabled-color--200);
24387
+ --pf-c-tree-view__search--PaddingTop: var(--pf-global--spacer--sm);
24388
+ --pf-c-tree-view__search--PaddingRight: var(--pf-global--spacer--sm);
24389
+ --pf-c-tree-view__search--PaddingBottom: var(--pf-global--spacer--sm);
24390
+ --pf-c-tree-view__search--PaddingLeft: var(--pf-global--spacer--sm);
24391
+ --pf-c-tree-view__node-icon--PaddingRight: var(--pf-global--spacer--sm);
24392
+ --pf-c-tree-view__node-icon--Color: var(--pf-global--icon--Color--light);
24393
+ --pf-c-tree-view__node-toggle-icon--base--Rotate: 0;
24394
+ --pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__node-toggle-icon--base--Rotate);
24395
+ --pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
24396
+ --pf-c-tree-view__node-text--max-lines: 1;
24397
+ --pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
24398
+ --pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
24399
+ --pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
24400
+ --pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
24401
+ --pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
24402
+ --pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
24403
+ --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
24404
+ --pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
24405
+ --pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
24406
+ --pf-c-tree-view--m-guides--guide-left--base: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides__list-node--guide-width--base));
24407
+ --pf-c-tree-view--m-guides--guide-left--base--offset: calc(var(--pf-c-tree-view__list-item__list-item__node-toggle--Left) + var(--pf-c-tree-view__node-toggle-icon--MinWidth) / 2);
24408
+ --pf-c-tree-view--m-guides__list-node--guide-width--base: var(--pf-global--spacer--lg);
24409
+ --pf-c-tree-view--m-guides__list-item--before--Top: 0;
24410
+ --pf-c-tree-view--m-guides__list-item--before--Width: var(--pf-c-tree-view--m-guides--guide-width--base);
24411
+ --pf-c-tree-view--m-guides__list-item--before--Height: 100%;
24412
+ --pf-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
24413
+ --pf-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-c-tree-view--m-guides__node--before--Top);
24414
+ --pf-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-c-tree-view--m-guides__list-item--last-child--before--Top);
24415
+ --pf-c-tree-view--m-guides__node--before--Width: 1rem;
24416
+ --pf-c-tree-view--m-guides__node--before--Height: var(--pf-c-tree-view--m-guides--guide-width--base);
24417
+ --pf-c-tree-view--m-guides__node--before--Top: 1.125rem;
24418
+ --pf-c-tree-view--m-guides__node--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
24419
+ --pf-c-tree-view--m-compact--base-border--Left--offset: var(--pf-global--spacer--md);
24420
+ --pf-c-tree-view--m-compact--base-border--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
24421
+ --pf-c-tree-view--m-compact__node--indent--base: var(--pf-c-tree-view__node--indent--base);
24422
+ --pf-c-tree-view--m-compact__node--nested-indent--base: var(--pf-global--spacer--lg);
24423
+ --pf-c-tree-view--m-compact--border--Left: var(--pf-c-tree-view--m-compact--base-border--Left);
24424
+ --pf-c-tree-view--m-compact__node--PaddingTop: 0;
24425
+ --pf-c-tree-view--m-compact__node--PaddingBottom: 0;
24426
+ --pf-c-tree-view--m-compact__node--nested--PaddingTop: var(--pf-global--spacer--sm);
24427
+ --pf-c-tree-view--m-compact__node--nested--PaddingBottom: var(--pf-global--spacer--sm);
24428
+ --pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top: calc(var(--pf-c-tree-view--m-compact__node-container--PaddingTop));
24429
+ --pf-c-tree-view--m-compact__list-item--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
24430
+ --pf-c-tree-view--m-compact__list-item--BorderBottomColor: var(--pf-global--BorderColor--100);
24431
+ --pf-c-tree-view--m-compact__list-item--before--Top: 0;
24432
+ --pf-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-c-tree-view--m-compact__node--before--Top);
24433
+ --pf-c-tree-view--m-compact__list-item--nested--before--Top: calc(var(--pf-c-tree-view__node--PaddingTop--base) * -1);
24434
+ --pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height: calc(var(--pf-c-tree-view--m-compact__node--before--Top) + var(--pf-c-tree-view__node--PaddingTop--base));
24435
+ --pf-c-tree-view--m-compact__node--PaddingLeft: var(--pf-c-tree-view--m-compact__node--indent--base);
24436
+ --pf-c-tree-view--m-compact__node--before--Top: calc(var(--pf-c-tree-view--m-compact__node-container--PaddingTop) + var(--pf-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
24437
+ --pf-c-tree-view--m-compact__node--level-2--PaddingLeft: var(--pf-c-tree-view--m-compact__node--indent--base);
24438
+ --pf-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(var(--pf-c-tree-view__node-toggle-button--PaddingLeft) * -.5);
24439
+ --pf-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(var(--pf-c-tree-view__node-toggle-button--PaddingLeft) * -1.5);
24440
+ --pf-c-tree-view--m-compact__node-container--Display: flex;
24441
+ --pf-c-tree-view--m-compact__node-container--PaddingBottom--base: var(--pf-global--spacer--lg);
24442
+ --pf-c-tree-view--m-compact__node-container--PaddingTop: var(--pf-global--spacer--lg);
24443
+ --pf-c-tree-view--m-compact__node-container--PaddingRight: var(--pf-global--spacer--lg);
24444
+ --pf-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-c-tree-view--m-compact__node-container--PaddingBottom--base);
24445
+ --pf-c-tree-view--m-compact__node-container--PaddingLeft: var(--pf-global--spacer--xs);
24446
+ --pf-c-tree-view--m-compact__node-container--nested--PaddingTop: var(--pf-global--spacer--md);
24447
+ --pf-c-tree-view--m-compact__node-container--nested--PaddingRight: var(--pf-global--spacer--lg);
24448
+ --pf-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(--pf-global--spacer--md);
24449
+ --pf-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(--pf-global--spacer--lg);
24450
+ --pf-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-global--BackgroundColor--200);
24451
+ --pf-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom: 0;
24452
+ --pf-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
24453
+ --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(--pf-global--spacer--sm);
24454
+ --pf-c-tree-view--m-compact--m-no-background--base-border--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
24455
+ --pf-c-tree-view--m-compact--m-no-background__node--indent--base: var(--pf-c-tree-view__node--indent--base);
24456
+ --pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(--pf-global--spacer--2xl);
24457
+ --pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop: 0;
24458
+ --pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom: 0;
24459
+ --pf-c-tree-view--m-compact--m-no-background__node--before--Top: calc(var(--pf-c-tree-view--m-compact__node-container--nested--PaddingTop) + var(--pf-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
24460
+ padding-top: var(--pf-c-tree-view--PaddingTop);
24461
+ padding-bottom: var(--pf-c-tree-view--PaddingBottom);
24362
24462
  }
24363
24463
 
24364
- .pf-c-wizard__header .pf-c-card {
24365
- --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
24464
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item {
24465
+ position: relative;
24366
24466
  }
24367
24467
 
24368
- .pf-c-wizard__header .pf-c-button {
24369
- --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
24370
- --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
24371
- --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
24372
- --pf-c-button--m-primary--active--Color: var(--pf-global--primary-color--dark-100);
24373
- --pf-c-button--m-primary--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
24374
- --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
24375
- --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
24376
- --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
24377
- --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100);
24378
- --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100);
24379
- --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100);
24380
- --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100);
24381
- --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100);
24382
- --pf-c-button--m-secondary--hover--BorderColor: var(--pf-global--Color--light-100);
24383
- --pf-c-button--m-secondary--focus--BorderColor: var(--pf-global--Color--light-100);
24384
- --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--Color--light-100);
24468
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before,
24469
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before,
24470
+ .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before {
24471
+ position: absolute;
24472
+ left: var(--pf-c-tree-view--m-guides--guide--Left);
24473
+ content: "";
24385
24474
  }
24386
24475
 
24387
- .pf-c-wizard {
24388
- --pf-c-wizard--Height: 100%;
24389
- --pf-c-modal-box--c-wizard--FlexBasis: 47.625rem;
24390
- --pf-c-wizard__header--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
24391
- --pf-c-wizard__header--ZIndex: var(--pf-global--ZIndex--md);
24392
- --pf-c-wizard__header--PaddingTop: var(--pf-global--spacer--lg);
24393
- --pf-c-wizard__header--PaddingRight: var(--pf-global--spacer--md);
24394
- --pf-c-wizard__header--PaddingBottom: var(--pf-global--spacer--lg);
24395
- --pf-c-wizard__header--PaddingLeft: var(--pf-global--spacer--md);
24396
- --pf-c-wizard__header--lg--PaddingRight: var(--pf-global--spacer--md);
24397
- --pf-c-wizard__header--lg--PaddingLeft: var(--pf-global--spacer--md);
24398
- --pf-c-wizard__header--xl--PaddingRight: var(--pf-global--spacer--lg);
24399
- --pf-c-wizard__header--xl--PaddingLeft: var(--pf-global--spacer--lg);
24400
- --pf-c-wizard__close--Top: calc(var(--pf-global--spacer--lg) - var(--pf-global--spacer--form-element));
24401
- --pf-c-wizard__close--Right: 0;
24402
- --pf-c-wizard__close--xl--Right: var(--pf-global--spacer--lg);
24403
- --pf-c-wizard__close--FontSize: var(--pf-global--FontSize--xl);
24404
- --pf-c-wizard__title--PaddingRight: var(--pf-global--spacer--2xl);
24405
- --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
24406
- --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
24407
- --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
24408
- --pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
24409
- --pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
24410
- --pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
24411
- --pf-c-wizard__nav-link--m-current--Color: var(--pf-global--link--Color);
24412
- --pf-c-wizard__nav-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
24413
- --pf-c-wizard__nav-link--m-disabled--Color: var(--pf-global--Color--dark-200);
24414
- --pf-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
24415
- --pf-c-wizard__nav-link-toggle--PaddingRight: var(--pf-global--spacer--sm);
24416
- --pf-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-global--spacer--sm);
24417
- --pf-c-wizard__nav-link-toggle--Color: var(--pf-global--Color--200);
24418
- --pf-c-wizard__nav-link--hover__nav-link-toggle-icon--Color: var(--pf-global--Color--100);
24419
- --pf-c-wizard__nav-link--focus__nav-link-toggle-icon--Color: var(--pf-global--Color--100);
24420
- --pf-c-wizard__nav-link-toggle-icon--Transition: var(--pf-global--Transition);
24421
- --pf-c-wizard__nav-link-toggle-icon--Rotate: 0;
24422
- --pf-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
24423
- --pf-c-wizard__nav-link--before--Width: 1.5rem;
24424
- --pf-c-wizard__nav-link--before--Height: 1.5rem;
24425
- --pf-c-wizard__nav-link--before--Top: 0;
24426
- --pf-c-wizard__nav-link--before--BackgroundColor: var(--pf-global--BackgroundColor--200);
24427
- --pf-c-wizard__nav-link--before--BorderRadius: var(--pf-global--BorderRadius--lg);
24428
- --pf-c-wizard__nav-link--before--Color: var(--pf-global--Color--100);
24429
- --pf-c-wizard__nav-link--before--FontSize: var(--pf-global--FontSize--sm);
24430
- --pf-c-wizard__nav-link--before--TranslateX: calc(-100% - var(--pf-global--spacer--sm));
24431
- --pf-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-global--active-color--100);
24432
- --pf-c-wizard__nav-link--m-current--before--Color: var(--pf-global--Color--light-100);
24433
- --pf-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
24434
- --pf-c-wizard__nav-link--m-disabled--before--Color: var(--pf-global--Color--dark-200);
24435
- --pf-c-wizard__toggle--BackgroundColor: var(--pf-global--BackgroundColor--100);
24436
- --pf-c-wizard__toggle--ZIndex: var(--pf-global--ZIndex--md);
24437
- --pf-c-wizard__toggle--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
24438
- --pf-c-wizard__toggle--PaddingTop: var(--pf-global--spacer--lg);
24439
- --pf-c-wizard__toggle--PaddingRight: var(--pf-global--spacer--md);
24440
- --pf-c-wizard__toggle--PaddingBottom: var(--pf-global--spacer--lg);
24441
- --pf-c-wizard__toggle--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-wizard__nav-link--before--Width) + var(--pf-global--spacer--sm));
24442
- --pf-c-wizard__toggle--m-expanded--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
24443
- --pf-c-wizard__toggle--m-expanded--BorderBottomColor: var(--pf-global--BorderColor--100);
24444
- --pf-c-wizard--m-in-page__toggle--xl--PaddingLeft: calc(var(--pf-global--spacer--xl) + var(--pf-c-wizard__nav-link--before--Width) + var(--pf-global--spacer--sm));
24445
- --pf-c-wizard__toggle-num--before--Top: 0;
24446
- --pf-c-wizard__toggle-list-item--not-last-child--MarginRight: var(--pf-global--spacer--sm);
24447
- --pf-c-wizard__toggle-list-item--MarginBottom: var(--pf-global--spacer--xs);
24448
- --pf-c-wizard__toggle-list--MarginRight: var(--pf-global--spacer--sm);
24449
- --pf-c-wizard__toggle-list--MarginBottom: calc(var(--pf-c-wizard__toggle-list-item--MarginBottom) * -1);
24450
- --pf-c-wizard__toggle-separator--MarginLeft: var(--pf-global--spacer--sm);
24451
- --pf-c-wizard__toggle-separator--Color: var(--pf-global--BorderColor--200);
24452
- --pf-c-wizard__toggle-icon--LineHeight: var(--pf-global--LineHeight--md);
24453
- --pf-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
24454
- --pf-c-wizard__nav--ZIndex: var(--pf-global--ZIndex--sm);
24455
- --pf-c-wizard__nav--BackgroundColor: var(--pf-global--BackgroundColor--100);
24456
- --pf-c-wizard__nav--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
24457
- --pf-c-wizard__nav--Width: 100%;
24458
- --pf-c-wizard__nav--lg--Width: 15.625rem;
24459
- --pf-c-wizard__nav--lg--BorderRightWidth: var(--pf-global--BorderWidth--sm);
24460
- --pf-c-wizard__nav--lg--BorderRightColor: var(--pf-global--BorderColor--100);
24461
- --pf-c-wizard__nav-list--PaddingTop: var(--pf-global--spacer--lg);
24462
- --pf-c-wizard__nav-list--PaddingRight: var(--pf-global--spacer--md);
24463
- --pf-c-wizard__nav-list--PaddingBottom: var(--pf-global--spacer--lg);
24464
- --pf-c-wizard__nav-list--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-wizard__nav-link--before--Width) + var(--pf-global--spacer--sm));
24465
- --pf-c-wizard__nav-list--lg--PaddingTop: var(--pf-global--spacer--md);
24466
- --pf-c-wizard__nav-list--lg--PaddingRight: var(--pf-global--spacer--md);
24467
- --pf-c-wizard__nav-list--lg--PaddingBottom: var(--pf-global--spacer--md);
24468
- --pf-c-wizard__nav-list--xl--PaddingTop: var(--pf-global--spacer--lg);
24469
- --pf-c-wizard__nav-list--xl--PaddingRight: var(--pf-global--spacer--lg);
24470
- --pf-c-wizard__nav-list--xl--PaddingBottom: var(--pf-global--spacer--lg);
24471
- --pf-c-wizard__nav-list--xl--PaddingLeft: calc(var(--pf-global--spacer--lg) + var(--pf-c-wizard__nav-link--before--Width) + var(--pf-global--spacer--sm));
24472
- --pf-c-wizard__nav-list--nested--MarginLeft: var(--pf-global--spacer--md);
24473
- --pf-c-wizard__nav-list--nested--MarginTop: var(--pf-global--spacer--md);
24474
- --pf-c-wizard__nav-item--MarginTop: var(--pf-global--spacer--md);
24475
- --pf-c-wizard__outer-wrap--BackgroundColor: var(--pf-global--BackgroundColor--100);
24476
- --pf-c-wizard__outer-wrap--lg--PaddingLeft: var(--pf-c-wizard__nav--Width);
24477
- --pf-c-wizard__outer-wrap--MinHeight: 15.625rem;
24478
- --pf-c-wizard__main--ZIndex: var(--pf-global--ZIndex--xs);
24479
- --pf-c-wizard__main-body--PaddingTop: var(--pf-global--spacer--md);
24480
- --pf-c-wizard__main-body--PaddingRight: var(--pf-global--spacer--md);
24481
- --pf-c-wizard__main-body--PaddingBottom: var(--pf-global--spacer--md);
24482
- --pf-c-wizard__main-body--PaddingLeft: var(--pf-global--spacer--md);
24483
- --pf-c-wizard__main-body--xl--PaddingTop: var(--pf-global--spacer--lg);
24484
- --pf-c-wizard__main-body--xl--PaddingRight: var(--pf-global--spacer--lg);
24485
- --pf-c-wizard__main-body--xl--PaddingBottom: var(--pf-global--spacer--lg);
24486
- --pf-c-wizard__main-body--xl--PaddingLeft: var(--pf-global--spacer--lg);
24487
- --pf-c-wizard__footer--BackgroundColor: var(--pf-global--BackgroundColor--100);
24488
- --pf-c-wizard__footer--ZIndex: var(--pf-global--ZIndex--sm);
24489
- --pf-c-wizard__footer--PaddingTop: var(--pf-global--spacer--md);
24490
- --pf-c-wizard__footer--PaddingRight: var(--pf-global--spacer--md);
24491
- --pf-c-wizard__footer--PaddingBottom: var(--pf-global--spacer--sm);
24492
- --pf-c-wizard__footer--PaddingLeft: var(--pf-global--spacer--md);
24493
- --pf-c-wizard__footer--xl--PaddingTop: var(--pf-global--spacer--lg);
24494
- --pf-c-wizard__footer--xl--PaddingRight: var(--pf-global--spacer--lg);
24495
- --pf-c-wizard__footer--xl--PaddingBottom: var(--pf-global--spacer--md);
24496
- --pf-c-wizard__footer--xl--PaddingLeft: var(--pf-global--spacer--lg);
24497
- --pf-c-wizard__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
24498
- --pf-c-wizard__footer--child--MarginRight: var(--pf-global--spacer--md);
24499
- --pf-c-wizard__footer--child--MarginBottom: var(--pf-global--spacer--sm);
24500
- --pf-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-global--spacer--2xl) - var(--pf-c-wizard__footer--child--MarginRight));
24501
- position: relative;
24502
- display: flex;
24503
- flex-direction: column;
24504
- height: var(--pf-c-wizard--Height);
24476
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before {
24477
+ top: var(--pf-c-tree-view--m-guides__list-item--before--Top);
24478
+ width: var(--pf-c-tree-view--m-guides__list-item--before--Width);
24479
+ height: var(--pf-c-tree-view--m-guides__list-item--before--Height);
24480
+ background-color: var(--pf-c-tree-view--m-guides__list-item--before--BackgroundColor);
24505
24481
  }
24506
24482
 
24507
- @media screen and (min-width: 992px) {
24508
- .pf-c-wizard {
24509
- --pf-c-wizard__header--PaddingRight: var(--pf-c-wizard__header--lg--PaddingRight);
24510
- --pf-c-wizard__header--PaddingLeft: var(--pf-c-wizard__header--lg--PaddingLeft);
24511
- }
24512
- }
24513
- @media screen and (min-width: 1200px) {
24514
- .pf-c-wizard {
24515
- --pf-c-wizard__header--PaddingRight: var(--pf-c-wizard__header--xl--PaddingRight);
24516
- --pf-c-wizard__header--PaddingLeft: var(--pf-c-wizard__header--xl--PaddingLeft);
24517
- }
24518
- }
24519
- @media screen and (min-width: 1200px) {
24520
- .pf-c-wizard {
24521
- --pf-c-wizard__close--Right: var(--pf-c-wizard__close--xl--Right);
24522
- }
24483
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before {
24484
+ top: var(--pf-c-tree-view--m-guides__node--before--Top);
24485
+ width: var(--pf-c-tree-view--m-guides__node--before--Width);
24486
+ height: var(--pf-c-tree-view--m-guides__node--before--Height);
24487
+ background-color: var(--pf-c-tree-view--m-guides__node--before--BackgroundColor);
24523
24488
  }
24524
- @media screen and (min-width: 992px) {
24525
- .pf-c-wizard {
24526
- --pf-c-wizard__nav--Width: var(--pf-c-wizard__nav--lg--Width);
24527
- --pf-c-wizard__nav--BoxShadow: none;
24528
- }
24489
+
24490
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:last-child::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item:last-child::before {
24491
+ height: var(--pf-c-tree-view--m-guides__list-item--last-child--before--Height);
24529
24492
  }
24530
- @media screen and (min-width: 992px) {
24531
- .pf-c-wizard {
24532
- --pf-c-wizard__nav-list--PaddingTop: var(--pf-c-wizard__nav-list--lg--PaddingTop);
24533
- --pf-c-wizard__nav-list--PaddingRight: var(--pf-c-wizard__nav-list--lg--PaddingRight);
24534
- --pf-c-wizard__nav-list--PaddingBottom: var(--pf-c-wizard__nav-list--lg--PaddingBottom);
24535
- }
24493
+
24494
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
24495
+ --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--border--nested--Left);
24536
24496
  }
24537
- @media screen and (min-width: 1200px) {
24538
- .pf-c-wizard {
24539
- --pf-c-wizard__nav-list--PaddingTop: var(--pf-c-wizard__nav-list--xl--PaddingTop);
24540
- --pf-c-wizard__nav-list--PaddingRight: var(--pf-c-wizard__nav-list--xl--PaddingRight);
24541
- --pf-c-wizard__nav-list--PaddingBottom: var(--pf-c-wizard__nav-list--xl--PaddingBottom);
24542
- --pf-c-wizard__nav-list--PaddingLeft: var(--pf-c-wizard__nav-list--xl--PaddingLeft);
24543
- }
24497
+
24498
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item:last-child, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item:last-child {
24499
+ --pf-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
24544
24500
  }
24545
- @media screen and (min-width: 1200px) {
24546
- .pf-c-wizard {
24547
- --pf-c-wizard__main-body--PaddingTop: var(--pf-c-wizard__main-body--xl--PaddingTop);
24548
- --pf-c-wizard__main-body--PaddingRight: var(--pf-c-wizard__main-body--xl--PaddingRight);
24549
- --pf-c-wizard__main-body--PaddingBottom: var(--pf-c-wizard__main-body--xl--PaddingBottom);
24550
- --pf-c-wizard__main-body--PaddingLeft: var(--pf-c-wizard__main-body--xl--PaddingLeft);
24551
- }
24501
+
24502
+ .pf-c-tree-view.pf-m-compact {
24503
+ --pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view--m-compact__node--PaddingTop);
24504
+ --pf-c-tree-view__node--PaddingBottom: var(--pf-c-tree-view--m-compact__node--PaddingBottom);
24505
+ --pf-c-tree-view__node-container--Display: var(--pf-c-tree-view--m-compact__node-container--Display);
24506
+ --pf-c-tree-view__node--hover--BackgroundColor: transparent;
24507
+ --pf-c-tree-view__node--focus--BackgroundColor: transparent;
24508
+ --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top);
24552
24509
  }
24553
- @media screen and (min-width: 1200px) {
24554
- .pf-c-wizard {
24555
- --pf-c-wizard__footer--PaddingTop: var(--pf-c-wizard__footer--xl--PaddingTop);
24556
- --pf-c-wizard__footer--PaddingRight: var(--pf-c-wizard__footer--xl--PaddingRight);
24557
- --pf-c-wizard__footer--PaddingBottom: var(--pf-c-wizard__footer--xl--PaddingBottom);
24558
- --pf-c-wizard__footer--PaddingLeft: var(--pf-c-wizard__footer--xl--PaddingLeft);
24559
- }
24510
+
24511
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item {
24512
+ border-bottom: var(--pf-c-tree-view--m-compact__list-item--BorderBottomWidth) solid var(--pf-c-tree-view--m-compact__list-item--BorderBottomColor);
24560
24513
  }
24561
- .pf-c-modal-box .pf-c-wizard {
24562
- flex: 1 1 var(--pf-c-modal-box--c-wizard--FlexBasis);
24563
- min-height: 0;
24514
+
24515
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item.pf-m-expanded {
24516
+ --pf-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom);
24564
24517
  }
24565
24518
 
24566
- .pf-c-wizard > *:not(.pf-c-wizard__outer-wrap) {
24567
- flex-shrink: 0;
24519
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
24520
+ --pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view--m-compact__node--nested--PaddingTop);
24521
+ --pf-c-tree-view__node--PaddingBottom: var(--pf-c-tree-view--m-compact__node--nested--PaddingBottom);
24522
+ --pf-c-tree-view__node-toggle--Position: static;
24523
+ --pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view--m-compact__node--level-2--PaddingLeft);
24524
+ --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: 0;
24525
+ --pf-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
24526
+ --pf-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-c-tree-view--m-compact__node-container--PaddingBottom--base);
24568
24527
  }
24569
24528
 
24570
- .pf-c-wizard.pf-m-finished {
24571
- --pf-c-wizard__outer-wrap--lg--PaddingLeft: 0;
24529
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before,
24530
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before {
24531
+ left: var(--pf-c-tree-view--m-compact--border--Left);
24572
24532
  }
24573
24533
 
24574
- .pf-c-wizard.pf-m-finished .pf-c-wizard__nav,
24575
- .pf-c-wizard.pf-m-finished .pf-c-wizard__footer,
24576
- .pf-c-wizard.pf-m-finished .pf-c-wizard__toggle {
24577
- display: none;
24578
- visibility: hidden;
24534
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before {
24535
+ top: var(--pf-c-tree-view--m-compact__list-item--before--Top);
24579
24536
  }
24580
24537
 
24581
- .pf-c-wizard__header {
24582
- color: var(--pf-global--Color--100);
24583
- position: relative;
24584
- z-index: var(--pf-c-wizard__header--ZIndex);
24585
- padding: var(--pf-c-wizard__header--PaddingTop) var(--pf-c-wizard__header--PaddingRight) var(--pf-c-wizard__header--PaddingBottom) var(--pf-c-wizard__header--PaddingLeft);
24586
- background-color: var(--pf-c-wizard__header--BackgroundColor);
24538
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before {
24539
+ top: var(--pf-c-tree-view--m-compact__node--before--Top);
24587
24540
  }
24588
24541
 
24589
- .pf-c-wizard__header .pf-c-wizard__close {
24590
- position: absolute;
24591
- top: var(--pf-c-wizard__close--Top);
24592
- right: var(--pf-c-wizard__close--Right);
24593
- font-size: var(--pf-c-wizard__close--FontSize);
24542
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:last-child::before {
24543
+ height: var(--pf-c-tree-view--m-compact__list-item--last-child--before--Height);
24594
24544
  }
24595
24545
 
24596
- .pf-c-wizard__title {
24597
- padding-right: var(--pf-c-wizard__title--PaddingRight);
24598
- word-wrap: break-word;
24546
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
24547
+ --pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view--m-compact__node--PaddingLeft);
24548
+ --pf-c-tree-view--m-compact--border--Left: var(--pf-c-tree-view--m-compact--border--nested--Left);
24549
+ --pf-c-tree-view--m-compact__list-item--before--Top: var(--pf-c-tree-view--m-compact__list-item--nested--before--Top);
24550
+ --pf-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height);
24599
24551
  }
24600
24552
 
24601
- .pf-c-wizard__description {
24602
- display: none;
24603
- padding-top: var(--pf-c-wizard__description--PaddingTop);
24604
- color: var(--pf-c-wizard__description--Color);
24605
- visibility: hidden;
24553
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node-container {
24554
+ padding: var(--pf-c-tree-view--m-compact__node-container--nested--PaddingTop) var(--pf-c-tree-view--m-compact__node-container--nested--PaddingRight) var(--pf-c-tree-view--m-compact__node-container--nested--PaddingBottom) var(--pf-c-tree-view--m-compact__node-container--nested--PaddingLeft);
24555
+ background-color: var(--pf-c-tree-view--m-compact__node-container--nested--BackgroundColor);
24606
24556
  }
24607
24557
 
24608
- @media screen and (min-width: 992px) {
24609
- .pf-c-wizard__description {
24610
- display: block;
24611
- visibility: visible;
24612
- }
24558
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node-toggle {
24559
+ margin-right: var(--pf-c-tree-view--m-compact__node-toggle--nested--MarginRight);
24560
+ margin-left: var(--pf-c-tree-view--m-compact__node-toggle--nested--MarginLeft);
24613
24561
  }
24614
- .pf-c-wizard__toggle {
24615
- position: relative;
24616
- z-index: var(--pf-c-wizard__toggle--ZIndex);
24617
- display: flex;
24618
- justify-content: space-between;
24619
- width: 100%;
24620
- padding: var(--pf-c-wizard__toggle--PaddingTop) var(--pf-c-wizard__toggle--PaddingRight) var(--pf-c-wizard__toggle--PaddingBottom) var(--pf-c-wizard__toggle--PaddingLeft);
24621
- background-color: var(--pf-c-wizard__toggle--BackgroundColor);
24622
- border: 0;
24623
- box-shadow: var(--pf-c-wizard__toggle--BoxShadow);
24562
+
24563
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__node-container {
24564
+ padding: var(--pf-c-tree-view--m-compact__node-container--PaddingTop) var(--pf-c-tree-view--m-compact__node-container--PaddingRight) var(--pf-c-tree-view--m-compact__node-container--PaddingBottom) var(--pf-c-tree-view--m-compact__node-container--PaddingLeft);
24624
24565
  }
24625
24566
 
24626
- @media screen and (min-width: 992px) {
24627
- .pf-c-wizard__toggle {
24628
- display: none;
24629
- visibility: hidden;
24630
- }
24567
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item:not([aria-expanded]) > .pf-c-tree-view__content > .pf-c-tree-view__node,
24568
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item:not([aria-expanded]) > .pf-c-tree-view__content > .pf-c-tree-view__node > .pf-c-tree-view__node-container {
24569
+ cursor: default;
24631
24570
  }
24632
- .pf-c-wizard__toggle.pf-m-expanded {
24633
- --pf-c-wizard__toggle--BoxShadow: none;
24634
- border-bottom: var(--pf-c-wizard__toggle--m-expanded--BorderBottomWidth) solid var(--pf-c-wizard__toggle--m-expanded--BorderBottomColor);
24571
+
24572
+ .pf-c-tree-view.pf-m-compact.pf-m-no-background {
24573
+ --pf-c-tree-view--m-compact__node--before--Top: var(--pf-c-tree-view--m-compact--m-no-background__node--before--Top);
24635
24574
  }
24636
24575
 
24637
- .pf-c-wizard__toggle.pf-m-expanded .pf-c-wizard__toggle-icon {
24638
- transform: rotate(var(--pf-c-wizard__toggle--m-expanded__toggle-icon--Rotate));
24576
+ .pf-c-tree-view.pf-m-compact.pf-m-no-background .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
24577
+ --pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop);
24578
+ --pf-c-tree-view__node--PaddingBottom: var(--pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom);
24639
24579
  }
24640
24580
 
24641
- .pf-c-wizard__toggle-list {
24642
- position: relative;
24643
- display: flex;
24644
- flex-wrap: wrap;
24645
- align-items: baseline;
24646
- margin-right: var(--pf-c-wizard__toggle-list--MarginRight);
24647
- margin-bottom: var(--pf-c-wizard__toggle-list--MarginBottom);
24648
- list-style: none;
24581
+ .pf-c-tree-view.pf-m-compact.pf-m-no-background .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
24582
+ --pf-c-tree-view--m-compact--border--Left: var(--pf-c-tree-view--m-compact--m-no-background--border--nested--Left);
24583
+ --pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft);
24649
24584
  }
24650
24585
 
24651
- .pf-c-wizard__toggle-list-item {
24652
- margin-bottom: var(--pf-c-wizard__toggle-list-item--MarginBottom);
24653
- text-align: left;
24654
- word-break: break-word;
24586
+ .pf-c-tree-view.pf-m-no-background {
24587
+ --pf-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-c-tree-view--m-no-background__node-container--BackgroundColor);
24655
24588
  }
24656
24589
 
24657
- .pf-c-wizard__toggle-list-item:not(:last-child) {
24658
- margin-right: var(--pf-c-wizard__toggle-list-item--not-last-child--MarginRight);
24590
+ .pf-c-tree-view__node-toggle-icon {
24591
+ display: inline-block;
24592
+ min-width: var(--pf-c-tree-view__node-toggle-icon--MinWidth);
24593
+ text-align: center;
24594
+ transition: var(--pf-c-tree-view__node-toggle-icon--Transition);
24595
+ transform: rotate(var(--pf-c-tree-view__node-toggle-icon--Rotate));
24659
24596
  }
24660
24597
 
24661
- .pf-c-wizard__toggle-num {
24662
- --pf-c-wizard__nav-link--before--Top: var(--pf-c-wizard__toggle-num--before--Top);
24598
+ .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
24599
+ --pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__node-toggle-icon--base--Rotate);
24663
24600
  }
24664
24601
 
24665
- .pf-c-wizard__toggle-separator {
24666
- margin-left: var(--pf-c-wizard__toggle-separator--MarginLeft);
24667
- color: var(--pf-c-wizard__toggle-separator--Color);
24602
+ .pf-c-tree-view__list-item.pf-m-expanded {
24603
+ --pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
24668
24604
  }
24669
24605
 
24670
- .pf-c-wizard__toggle-icon {
24671
- line-height: var(--pf-c-wizard__toggle-icon--LineHeight);
24606
+ .pf-c-tree-view__node,
24607
+ .pf-c-tree-view__node-container {
24608
+ flex: 1 1;
24609
+ align-items: flex-start;
24610
+ min-width: 0;
24611
+ text-align: left;
24612
+ cursor: pointer;
24613
+ border: 0;
24672
24614
  }
24673
24615
 
24674
- .pf-c-wizard__outer-wrap {
24616
+ .pf-c-tree-view__node {
24675
24617
  position: relative;
24676
24618
  display: flex;
24677
- flex-direction: column;
24678
- flex-grow: 1;
24679
- min-height: var(--pf-c-wizard__outer-wrap--MinHeight);
24680
- background-color: var(--pf-c-wizard__outer-wrap--BackgroundColor);
24619
+ padding: var(--pf-c-tree-view__node--PaddingTop) var(--pf-c-tree-view__node--PaddingRight) var(--pf-c-tree-view__node--PaddingBottom) var(--pf-c-tree-view__node--PaddingLeft);
24620
+ color: var(--pf-c-tree-view__node--Color);
24681
24621
  }
24682
24622
 
24683
- @media screen and (min-width: 992px) {
24684
- .pf-c-wizard__outer-wrap {
24685
- padding-left: var(--pf-c-wizard__outer-wrap--lg--PaddingLeft);
24686
- }
24623
+ .pf-c-tree-view__node.pf-m-current {
24624
+ --pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
24625
+ font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
24687
24626
  }
24688
- .pf-c-wizard__inner-wrap {
24689
- position: relative;
24690
- display: flex;
24691
- flex-direction: column;
24692
- flex-grow: 1;
24693
- min-height: 0;
24627
+
24628
+ .pf-c-tree-view__node:focus {
24629
+ background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
24694
24630
  }
24695
24631
 
24696
- @media screen and (min-width: 992px) {
24697
- .pf-c-wizard__inner-wrap {
24698
- position: static;
24699
- }
24632
+ .pf-c-tree-view__node .pf-c-tree-view__node-count {
24633
+ margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
24700
24634
  }
24701
- .pf-c-wizard__nav {
24702
- position: absolute;
24703
- top: 0;
24704
- left: 0;
24705
- z-index: var(--pf-c-wizard__nav--ZIndex);
24706
- display: none;
24707
- width: var(--pf-c-wizard__nav--Width);
24708
- max-height: 100%;
24709
- overflow-y: auto;
24710
- -webkit-overflow-scrolling: touch;
24711
- visibility: hidden;
24712
- background-color: var(--pf-c-wizard__nav--BackgroundColor);
24713
- box-shadow: var(--pf-c-wizard__nav--BoxShadow);
24635
+
24636
+ .pf-c-tree-view__node .pf-c-tree-view__node-count .pf-c-badge.pf-m-read {
24637
+ --pf-c-badge--m-read--BackgroundColor: var(--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
24714
24638
  }
24715
24639
 
24716
- .pf-c-wizard__nav.pf-m-expanded {
24717
- display: block;
24718
- visibility: visible;
24640
+ .pf-c-tree-view__node-container {
24641
+ display: var(--pf-c-tree-view__node-container--Display);
24642
+ flex-grow: 1;
24643
+ }
24644
+
24645
+ .pf-c-tree-view__node-content {
24646
+ display: flex;
24647
+ flex-direction: column;
24648
+ overflow: var(--pf-c-tree-view__node-content--Overflow);
24719
24649
  }
24720
24650
 
24721
- @media screen and (min-width: 992px) {
24722
- .pf-c-wizard__nav {
24723
- display: block;
24724
- height: 100%;
24725
- visibility: visible;
24726
- border-right: var(--pf-c-wizard__nav--lg--BorderRightWidth) solid var(--pf-c-wizard__nav--lg--BorderRightColor);
24727
- }
24651
+ .pf-c-tree-view__node-content > * + * {
24652
+ margin-top: var(--pf-c-tree-view__node-content--RowGap);
24728
24653
  }
24729
- .pf-c-wizard__nav-list {
24730
- padding-top: var(--pf-c-wizard__nav-list--PaddingTop);
24731
- padding-right: var(--pf-c-wizard__nav-list--PaddingRight);
24732
- padding-bottom: var(--pf-c-wizard__nav-list--PaddingBottom);
24733
- padding-left: var(--pf-c-wizard__nav-list--PaddingLeft);
24734
- list-style: none;
24735
- counter-reset: wizard-nav-count;
24654
+
24655
+ .pf-c-tree-view__node-check {
24656
+ margin-right: var(--pf-c-tree-view__node-check--MarginRight);
24736
24657
  }
24737
24658
 
24738
- .pf-c-wizard__nav-list .pf-c-wizard__nav-list {
24739
- padding: 0;
24740
- margin-top: var(--pf-c-wizard__nav-list--nested--MarginTop);
24741
- margin-left: var(--pf-c-wizard__nav-list--nested--MarginLeft);
24659
+ .pf-c-tree-view__node-toggle {
24660
+ position: var(--pf-c-tree-view__node-toggle--Position);
24661
+ top: var(--pf-c-tree-view__list-item__list-item__node-toggle--Top);
24662
+ left: var(--pf-c-tree-view__list-item__list-item__node-toggle--Left);
24663
+ display: inline-flex;
24664
+ align-items: center;
24665
+ justify-content: center;
24666
+ padding: var(--pf-c-tree-view__node-toggle-button--PaddingTop) var(--pf-c-tree-view__node-toggle-button--PaddingRight) var(--pf-c-tree-view__node-toggle-button--PaddingBottom) var(--pf-c-tree-view__node-toggle-button--PaddingLeft);
24667
+ margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
24668
+ margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
24669
+ border: 0;
24670
+ transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
24742
24671
  }
24743
24672
 
24744
- .pf-c-wizard__nav-list .pf-c-wizard__nav-list .pf-c-wizard__nav-link::before {
24745
- content: none;
24673
+ .pf-c-tree-view__node-title.pf-m-truncate,
24674
+ .pf-c-tree-view__node-text.pf-m-truncate {
24675
+ --pf-c-tree-view__node-content--Overflow: hidden;
24676
+ overflow: hidden;
24677
+ text-overflow: ellipsis;
24678
+ white-space: nowrap;
24746
24679
  }
24747
24680
 
24748
- .pf-c-wizard__nav-list .pf-c-wizard__nav-list .pf-c-wizard__nav-link.pf-m-current {
24749
- font-weight: var(--pf-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight);
24681
+ .pf-c-tree-view.pf-m-truncate .pf-c-tree-view__node-title,
24682
+ .pf-c-tree-view.pf-m-truncate .pf-c-tree-view__node-text {
24683
+ --pf-c-tree-view__node-content--Overflow: hidden;
24684
+ overflow: hidden;
24685
+ text-overflow: ellipsis;
24686
+ white-space: nowrap;
24750
24687
  }
24751
24688
 
24752
- .pf-c-wizard__nav-item + .pf-c-wizard__nav-item {
24753
- margin-top: var(--pf-c-wizard__nav-item--MarginTop);
24689
+ .pf-c-tree-view__node-title {
24690
+ font-weight: var(--pf-c-tree-view__node-title--FontWeight);
24754
24691
  }
24755
24692
 
24756
- .pf-c-wizard__nav-item.pf-m-expandable > .pf-c-wizard__nav-link {
24757
- display: flex;
24693
+ .pf-c-tree-view__search {
24694
+ padding: var(--pf-c-tree-view__search--PaddingTop) var(--pf-c-tree-view__search--PaddingRight) var(--pf-c-tree-view__search--PaddingBottom) var(--pf-c-tree-view__search--PaddingLeft);
24758
24695
  }
24759
24696
 
24760
- .pf-c-wizard__nav-item.pf-m-expandable > .pf-c-wizard__nav-list {
24761
- display: none;
24762
- visibility: hidden;
24697
+ .pf-c-tree-view__node-icon {
24698
+ padding-right: var(--pf-c-tree-view__node-icon--PaddingRight);
24699
+ color: var(--pf-c-tree-view__node-icon--Color);
24763
24700
  }
24764
24701
 
24765
- .pf-c-wizard__nav-item.pf-m-expanded > .pf-c-wizard__nav-list {
24766
- display: block;
24767
- visibility: visible;
24702
+ .pf-c-tree-view__content {
24703
+ display: flex;
24704
+ align-items: center;
24768
24705
  }
24769
24706
 
24770
- .pf-c-wizard__nav-item.pf-m-expanded > .pf-c-wizard__nav-link {
24771
- --pf-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate);
24707
+ .pf-c-tree-view__content:hover,
24708
+ .pf-c-tree-view__content:focus-within {
24709
+ background-color: var(--pf-c-tree-view__node--hover--BackgroundColor);
24772
24710
  }
24773
24711
 
24774
- .pf-c-wizard__nav-link {
24775
- position: relative;
24776
- display: inline-block;
24777
- width: 100%;
24778
- color: var(--pf-c-wizard__nav-link--Color);
24779
- text-align: left;
24780
- text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
24781
- word-break: break-word;
24712
+ .pf-c-tree-view__action {
24713
+ margin-left: var(--pf-c-tree-view__action--MarginLeft);
24714
+ color: var(--pf-c-tree-view__action--Color);
24782
24715
  border: 0;
24783
24716
  }
24784
24717
 
24785
- .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
24786
- position: absolute;
24787
- top: var(--pf-c-wizard__nav-link--before--Top);
24788
- left: 0;
24789
- display: inline-flex;
24790
- align-items: center;
24791
- justify-content: center;
24792
- width: var(--pf-c-wizard__nav-link--before--Width);
24793
- height: var(--pf-c-wizard__nav-link--before--Height);
24794
- font-size: var(--pf-c-wizard__nav-link--before--FontSize);
24795
- line-height: 1;
24796
- color: var(--pf-c-wizard__nav-link--before--Color);
24797
- background-color: var(--pf-c-wizard__nav-link--before--BackgroundColor);
24798
- border-radius: var(--pf-c-wizard__nav-link--before--BorderRadius);
24799
- transform: translateX(var(--pf-c-wizard__nav-link--before--TranslateX));
24718
+ .pf-c-tree-view__action:hover {
24719
+ --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
24800
24720
  }
24801
24721
 
24802
- .pf-c-wizard__nav-link::before {
24803
- top: 0;
24804
- content: counter(wizard-nav-count);
24805
- counter-increment: wizard-nav-count;
24722
+ .pf-c-tree-view__action:focus {
24723
+ --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
24724
+ background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
24806
24725
  }
24807
24726
 
24808
- .pf-c-wizard__nav-link:hover {
24809
- --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--hover--Color);
24810
- --pf-c-wizard__nav-link-toggle--Color: var(--pf-c-wizard__nav-link--hover__nav-link-toggle-icon--Color);
24727
+ .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
24728
+ --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
24729
+ --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 1 + var(--pf-c-tree-view__node--indent--base));
24730
+ --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
24811
24731
  }
24812
24732
 
24813
- .pf-c-wizard__nav-link:focus {
24814
- --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--focus--Color);
24815
- --pf-c-wizard__nav-link-toggle--Color: var(--pf-c-wizard__nav-link--focus__nav-link-toggle-icon--Color);
24733
+ .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
24734
+ --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
24735
+ --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 2 + var(--pf-c-tree-view__node--indent--base));
24736
+ --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
24737
+ --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 1 + var(--pf-c-tree-view--m-compact__node--indent--base));
24738
+ --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
24739
+ --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 1 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
24740
+ --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
24816
24741
  }
24817
24742
 
24818
- .pf-c-wizard__nav-link.pf-m-current {
24819
- --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--m-current--Color);
24820
- font-weight: var(--pf-c-wizard__nav-link--m-current--FontWeight);
24743
+ .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
24744
+ --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
24745
+ --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 3 + var(--pf-c-tree-view__node--indent--base));
24746
+ --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
24747
+ --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 2 + var(--pf-c-tree-view--m-compact__node--indent--base));
24748
+ --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
24749
+ --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 2 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
24750
+ --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
24821
24751
  }
24822
24752
 
24823
- .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link.pf-m-current::before {
24824
- --pf-c-wizard__nav-link--before--BackgroundColor: var(--pf-c-wizard__nav-link--m-current--before--BackgroundColor);
24825
- --pf-c-wizard__nav-link--before--Color: var(--pf-c-wizard__nav-link--m-current--before--Color);
24753
+ .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
24754
+ --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
24755
+ --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 4 + var(--pf-c-tree-view__node--indent--base));
24756
+ --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
24757
+ --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 3 + var(--pf-c-tree-view--m-compact__node--indent--base));
24758
+ --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
24759
+ --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 3 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
24760
+ --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
24826
24761
  }
24827
24762
 
24828
- .pf-c-wizard__nav-link:disabled, .pf-c-wizard__nav-link.pf-m-disabled {
24829
- --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--m-disabled--Color);
24830
- pointer-events: none;
24763
+ .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
24764
+ --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
24765
+ --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 5 + var(--pf-c-tree-view__node--indent--base));
24766
+ --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
24767
+ --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 4 + var(--pf-c-tree-view--m-compact__node--indent--base));
24768
+ --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
24769
+ --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 4 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
24770
+ --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
24831
24771
  }
24832
24772
 
24833
- .pf-c-wizard__nav-link:disabled::before, .pf-c-wizard__nav-link.pf-m-disabled::before {
24834
- --pf-c-wizard__nav-link--before--BackgroundColor: var(--pf-c-wizard__nav-link--m-disabled--before--BackgroundColor);
24835
- --pf-c-wizard__nav-link--before--Color: var(--pf-c-wizard__nav-link--m-disabled--before--Color);
24773
+ .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
24774
+ --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
24775
+ --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 6 + var(--pf-c-tree-view__node--indent--base));
24776
+ --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
24777
+ --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 5 + var(--pf-c-tree-view--m-compact__node--indent--base));
24778
+ --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
24779
+ --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 5 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
24780
+ --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
24836
24781
  }
24837
24782
 
24838
- .pf-c-wizard__nav-link-text {
24839
- flex-grow: 1;
24783
+ .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
24784
+ --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
24785
+ --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 7 + var(--pf-c-tree-view__node--indent--base));
24786
+ --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
24787
+ --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 6 + var(--pf-c-tree-view--m-compact__node--indent--base));
24788
+ --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
24789
+ --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 6 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
24790
+ --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
24840
24791
  }
24841
24792
 
24842
- .pf-c-wizard__nav-link-toggle {
24843
- padding-right: var(--pf-c-wizard__nav-link-toggle--PaddingRight);
24844
- padding-left: var(--pf-c-wizard__nav-link-toggle--PaddingLeft);
24845
- color: var(--pf-c-wizard__nav-link-toggle--Color);
24793
+ .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
24794
+ --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
24795
+ --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 8 + var(--pf-c-tree-view__node--indent--base));
24796
+ --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
24797
+ --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 7 + var(--pf-c-tree-view--m-compact__node--indent--base));
24798
+ --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
24799
+ --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 7 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
24800
+ --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
24846
24801
  }
24847
24802
 
24848
- .pf-c-wizard__nav-link-toggle-icon {
24849
- display: inline-block;
24850
- transition: var(--pf-c-wizard__nav-link-toggle-icon--Transition);
24851
- transform: rotate(var(--pf-c-wizard__nav-link-toggle-icon--Rotate));
24803
+ .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
24804
+ --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
24805
+ --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 9 + var(--pf-c-tree-view__node--indent--base));
24806
+ --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
24807
+ --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 8 + var(--pf-c-tree-view--m-compact__node--indent--base));
24808
+ --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
24809
+ --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 8 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
24810
+ --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
24852
24811
  }
24853
24812
 
24854
- .pf-c-wizard__main {
24855
- z-index: var(--pf-c-wizard__main--ZIndex);
24856
- flex: 1 1 auto;
24857
- overflow-x: hidden;
24858
- overflow-y: auto;
24859
- word-break: break-word;
24813
+ .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
24814
+ --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
24815
+ --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 10 + var(--pf-c-tree-view__node--indent--base));
24816
+ --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
24817
+ --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 9 + var(--pf-c-tree-view--m-compact__node--indent--base));
24818
+ --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
24819
+ --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 9 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
24820
+ --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
24860
24821
  }
24861
24822
 
24862
- .pf-c-wizard__main-body {
24863
- padding: var(--pf-c-wizard__main-body--PaddingTop) var(--pf-c-wizard__main-body--PaddingRight) var(--pf-c-wizard__main-body--PaddingBottom) var(--pf-c-wizard__main-body--PaddingLeft);
24823
+ .pf-c-wizard__header {
24824
+ --pf-global--Color--100: var(--pf-global--Color--light-100);
24825
+ --pf-global--Color--200: var(--pf-global--Color--light-200);
24826
+ --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
24827
+ --pf-global--primary-color--100: var(--pf-global--primary-color--light-100);
24828
+ --pf-global--link--Color: var(--pf-global--link--Color--light);
24829
+ --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
24830
+ --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
24864
24831
  }
24865
24832
 
24866
- .pf-c-wizard__main-body.pf-m-no-padding {
24867
- padding: 0;
24833
+ .pf-c-wizard__header .pf-c-card {
24834
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
24868
24835
  }
24869
24836
 
24870
- .pf-c-wizard__footer {
24871
- z-index: var(--pf-c-wizard__footer--ZIndex);
24872
- display: flex;
24873
- flex-wrap: wrap;
24874
- flex-shrink: 0;
24875
- padding: var(--pf-c-wizard__footer--PaddingTop) var(--pf-c-wizard__footer--PaddingRight) var(--pf-c-wizard__footer--PaddingBottom) var(--pf-c-wizard__footer--PaddingLeft);
24876
- background-color: var(--pf-c-wizard__footer--BackgroundColor);
24837
+ .pf-c-wizard__header .pf-c-button {
24838
+ --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
24839
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
24840
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
24841
+ --pf-c-button--m-primary--active--Color: var(--pf-global--primary-color--dark-100);
24842
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
24843
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
24844
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
24845
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
24846
+ --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100);
24847
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100);
24848
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100);
24849
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100);
24850
+ --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100);
24851
+ --pf-c-button--m-secondary--hover--BorderColor: var(--pf-global--Color--light-100);
24852
+ --pf-c-button--m-secondary--focus--BorderColor: var(--pf-global--Color--light-100);
24853
+ --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--Color--light-100);
24877
24854
  }
24878
24855
 
24879
- .pf-c-wizard__footer > * {
24880
- margin-bottom: var(--pf-c-wizard__footer--child--MarginBottom);
24856
+ .pf-c-wizard {
24857
+ --pf-c-wizard--Height: 100%;
24858
+ --pf-c-modal-box--c-wizard--FlexBasis: 47.625rem;
24859
+ --pf-c-wizard__header--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
24860
+ --pf-c-wizard__header--ZIndex: var(--pf-global--ZIndex--md);
24861
+ --pf-c-wizard__header--PaddingTop: var(--pf-global--spacer--lg);
24862
+ --pf-c-wizard__header--PaddingRight: var(--pf-global--spacer--md);
24863
+ --pf-c-wizard__header--PaddingBottom: var(--pf-global--spacer--lg);
24864
+ --pf-c-wizard__header--PaddingLeft: var(--pf-global--spacer--md);
24865
+ --pf-c-wizard__header--lg--PaddingRight: var(--pf-global--spacer--md);
24866
+ --pf-c-wizard__header--lg--PaddingLeft: var(--pf-global--spacer--md);
24867
+ --pf-c-wizard__header--xl--PaddingRight: var(--pf-global--spacer--lg);
24868
+ --pf-c-wizard__header--xl--PaddingLeft: var(--pf-global--spacer--lg);
24869
+ --pf-c-wizard__close--Top: calc(var(--pf-global--spacer--lg) - var(--pf-global--spacer--form-element));
24870
+ --pf-c-wizard__close--Right: 0;
24871
+ --pf-c-wizard__close--xl--Right: var(--pf-global--spacer--lg);
24872
+ --pf-c-wizard__close--FontSize: var(--pf-global--FontSize--xl);
24873
+ --pf-c-wizard__title--PaddingRight: var(--pf-global--spacer--2xl);
24874
+ --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
24875
+ --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
24876
+ --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
24877
+ --pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
24878
+ --pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
24879
+ --pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
24880
+ --pf-c-wizard__nav-link--m-current--Color: var(--pf-global--link--Color);
24881
+ --pf-c-wizard__nav-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
24882
+ --pf-c-wizard__nav-link--m-disabled--Color: var(--pf-global--Color--dark-200);
24883
+ --pf-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
24884
+ --pf-c-wizard__nav-link-toggle--PaddingRight: var(--pf-global--spacer--sm);
24885
+ --pf-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-global--spacer--sm);
24886
+ --pf-c-wizard__nav-link-toggle--Color: var(--pf-global--Color--200);
24887
+ --pf-c-wizard__nav-link--hover__nav-link-toggle-icon--Color: var(--pf-global--Color--100);
24888
+ --pf-c-wizard__nav-link--focus__nav-link-toggle-icon--Color: var(--pf-global--Color--100);
24889
+ --pf-c-wizard__nav-link-toggle-icon--Transition: var(--pf-global--Transition);
24890
+ --pf-c-wizard__nav-link-toggle-icon--Rotate: 0;
24891
+ --pf-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
24892
+ --pf-c-wizard__nav-link--before--Width: 1.5rem;
24893
+ --pf-c-wizard__nav-link--before--Height: 1.5rem;
24894
+ --pf-c-wizard__nav-link--before--Top: 0;
24895
+ --pf-c-wizard__nav-link--before--BackgroundColor: var(--pf-global--BackgroundColor--200);
24896
+ --pf-c-wizard__nav-link--before--BorderRadius: var(--pf-global--BorderRadius--lg);
24897
+ --pf-c-wizard__nav-link--before--Color: var(--pf-global--Color--100);
24898
+ --pf-c-wizard__nav-link--before--FontSize: var(--pf-global--FontSize--sm);
24899
+ --pf-c-wizard__nav-link--before--TranslateX: calc(-100% - var(--pf-global--spacer--sm));
24900
+ --pf-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-global--active-color--100);
24901
+ --pf-c-wizard__nav-link--m-current--before--Color: var(--pf-global--Color--light-100);
24902
+ --pf-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
24903
+ --pf-c-wizard__nav-link--m-disabled--before--Color: var(--pf-global--Color--dark-200);
24904
+ --pf-c-wizard__toggle--BackgroundColor: var(--pf-global--BackgroundColor--100);
24905
+ --pf-c-wizard__toggle--ZIndex: var(--pf-global--ZIndex--md);
24906
+ --pf-c-wizard__toggle--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
24907
+ --pf-c-wizard__toggle--PaddingTop: var(--pf-global--spacer--lg);
24908
+ --pf-c-wizard__toggle--PaddingRight: var(--pf-global--spacer--md);
24909
+ --pf-c-wizard__toggle--PaddingBottom: var(--pf-global--spacer--lg);
24910
+ --pf-c-wizard__toggle--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-wizard__nav-link--before--Width) + var(--pf-global--spacer--sm));
24911
+ --pf-c-wizard__toggle--m-expanded--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
24912
+ --pf-c-wizard__toggle--m-expanded--BorderBottomColor: var(--pf-global--BorderColor--100);
24913
+ --pf-c-wizard--m-in-page__toggle--xl--PaddingLeft: calc(var(--pf-global--spacer--xl) + var(--pf-c-wizard__nav-link--before--Width) + var(--pf-global--spacer--sm));
24914
+ --pf-c-wizard__toggle-num--before--Top: 0;
24915
+ --pf-c-wizard__toggle-list-item--not-last-child--MarginRight: var(--pf-global--spacer--sm);
24916
+ --pf-c-wizard__toggle-list-item--MarginBottom: var(--pf-global--spacer--xs);
24917
+ --pf-c-wizard__toggle-list--MarginRight: var(--pf-global--spacer--sm);
24918
+ --pf-c-wizard__toggle-list--MarginBottom: calc(var(--pf-c-wizard__toggle-list-item--MarginBottom) * -1);
24919
+ --pf-c-wizard__toggle-separator--MarginLeft: var(--pf-global--spacer--sm);
24920
+ --pf-c-wizard__toggle-separator--Color: var(--pf-global--BorderColor--200);
24921
+ --pf-c-wizard__toggle-icon--LineHeight: var(--pf-global--LineHeight--md);
24922
+ --pf-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
24923
+ --pf-c-wizard__nav--ZIndex: var(--pf-global--ZIndex--sm);
24924
+ --pf-c-wizard__nav--BackgroundColor: var(--pf-global--BackgroundColor--100);
24925
+ --pf-c-wizard__nav--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
24926
+ --pf-c-wizard__nav--Width: 100%;
24927
+ --pf-c-wizard__nav--lg--Width: 15.625rem;
24928
+ --pf-c-wizard__nav--lg--BorderRightWidth: var(--pf-global--BorderWidth--sm);
24929
+ --pf-c-wizard__nav--lg--BorderRightColor: var(--pf-global--BorderColor--100);
24930
+ --pf-c-wizard__nav-list--PaddingTop: var(--pf-global--spacer--lg);
24931
+ --pf-c-wizard__nav-list--PaddingRight: var(--pf-global--spacer--md);
24932
+ --pf-c-wizard__nav-list--PaddingBottom: var(--pf-global--spacer--lg);
24933
+ --pf-c-wizard__nav-list--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-wizard__nav-link--before--Width) + var(--pf-global--spacer--sm));
24934
+ --pf-c-wizard__nav-list--lg--PaddingTop: var(--pf-global--spacer--md);
24935
+ --pf-c-wizard__nav-list--lg--PaddingRight: var(--pf-global--spacer--md);
24936
+ --pf-c-wizard__nav-list--lg--PaddingBottom: var(--pf-global--spacer--md);
24937
+ --pf-c-wizard__nav-list--xl--PaddingTop: var(--pf-global--spacer--lg);
24938
+ --pf-c-wizard__nav-list--xl--PaddingRight: var(--pf-global--spacer--lg);
24939
+ --pf-c-wizard__nav-list--xl--PaddingBottom: var(--pf-global--spacer--lg);
24940
+ --pf-c-wizard__nav-list--xl--PaddingLeft: calc(var(--pf-global--spacer--lg) + var(--pf-c-wizard__nav-link--before--Width) + var(--pf-global--spacer--sm));
24941
+ --pf-c-wizard__nav-list--nested--MarginLeft: var(--pf-global--spacer--md);
24942
+ --pf-c-wizard__nav-list--nested--MarginTop: var(--pf-global--spacer--md);
24943
+ --pf-c-wizard__nav-item--MarginTop: var(--pf-global--spacer--md);
24944
+ --pf-c-wizard__outer-wrap--BackgroundColor: var(--pf-global--BackgroundColor--100);
24945
+ --pf-c-wizard__outer-wrap--lg--PaddingLeft: var(--pf-c-wizard__nav--Width);
24946
+ --pf-c-wizard__outer-wrap--MinHeight: 15.625rem;
24947
+ --pf-c-wizard__main--ZIndex: var(--pf-global--ZIndex--xs);
24948
+ --pf-c-wizard__main-body--PaddingTop: var(--pf-global--spacer--md);
24949
+ --pf-c-wizard__main-body--PaddingRight: var(--pf-global--spacer--md);
24950
+ --pf-c-wizard__main-body--PaddingBottom: var(--pf-global--spacer--md);
24951
+ --pf-c-wizard__main-body--PaddingLeft: var(--pf-global--spacer--md);
24952
+ --pf-c-wizard__main-body--xl--PaddingTop: var(--pf-global--spacer--lg);
24953
+ --pf-c-wizard__main-body--xl--PaddingRight: var(--pf-global--spacer--lg);
24954
+ --pf-c-wizard__main-body--xl--PaddingBottom: var(--pf-global--spacer--lg);
24955
+ --pf-c-wizard__main-body--xl--PaddingLeft: var(--pf-global--spacer--lg);
24956
+ --pf-c-wizard__footer--BackgroundColor: var(--pf-global--BackgroundColor--100);
24957
+ --pf-c-wizard__footer--ZIndex: var(--pf-global--ZIndex--sm);
24958
+ --pf-c-wizard__footer--PaddingTop: var(--pf-global--spacer--md);
24959
+ --pf-c-wizard__footer--PaddingRight: var(--pf-global--spacer--md);
24960
+ --pf-c-wizard__footer--PaddingBottom: var(--pf-global--spacer--sm);
24961
+ --pf-c-wizard__footer--PaddingLeft: var(--pf-global--spacer--md);
24962
+ --pf-c-wizard__footer--xl--PaddingTop: var(--pf-global--spacer--lg);
24963
+ --pf-c-wizard__footer--xl--PaddingRight: var(--pf-global--spacer--lg);
24964
+ --pf-c-wizard__footer--xl--PaddingBottom: var(--pf-global--spacer--md);
24965
+ --pf-c-wizard__footer--xl--PaddingLeft: var(--pf-global--spacer--lg);
24966
+ --pf-c-wizard__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
24967
+ --pf-c-wizard__footer--child--MarginRight: var(--pf-global--spacer--md);
24968
+ --pf-c-wizard__footer--child--MarginBottom: var(--pf-global--spacer--sm);
24969
+ --pf-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-global--spacer--2xl) - var(--pf-c-wizard__footer--child--MarginRight));
24970
+ position: relative;
24971
+ display: flex;
24972
+ flex-direction: column;
24973
+ height: var(--pf-c-wizard--Height);
24881
24974
  }
24882
24975
 
24883
- .pf-c-wizard__footer > *:not(:last-child) {
24884
- margin-right: var(--pf-c-wizard__footer--child--MarginRight);
24976
+ @media screen and (min-width: 992px) {
24977
+ .pf-c-wizard {
24978
+ --pf-c-wizard__header--PaddingRight: var(--pf-c-wizard__header--lg--PaddingRight);
24979
+ --pf-c-wizard__header--PaddingLeft: var(--pf-c-wizard__header--lg--PaddingLeft);
24980
+ }
24885
24981
  }
24886
-
24887
- .pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer {
24888
- box-shadow: var(--pf-c-wizard__footer--BoxShadow);
24982
+ @media screen and (min-width: 1200px) {
24983
+ .pf-c-wizard {
24984
+ --pf-c-wizard__header--PaddingRight: var(--pf-c-wizard__header--xl--PaddingRight);
24985
+ --pf-c-wizard__header--PaddingLeft: var(--pf-c-wizard__header--xl--PaddingLeft);
24986
+ }
24889
24987
  }
24890
-
24891
- .pf-c-wizard__footer-cancel {
24892
- margin-left: var(--pf-c-wizard__footer-cancel--MarginLeft);
24988
+ @media screen and (min-width: 1200px) {
24989
+ .pf-c-wizard {
24990
+ --pf-c-wizard__close--Right: var(--pf-c-wizard__close--xl--Right);
24991
+ }
24893
24992
  }
24894
-
24895
- .pf-c-tree-view {
24896
- --pf-c-tree-view--PaddingTop: var(--pf-global--spacer--sm);
24897
- --pf-c-tree-view--PaddingBottom: var(--pf-global--spacer--sm);
24898
- --pf-c-tree-view__node--indent--base: calc(var(--pf-global--spacer--md) * 2 + var(--pf-c-tree-view__node-toggle-icon--MinWidth));
24899
- --pf-c-tree-view__node--nested-indent--base: calc(var(--pf-c-tree-view__node--indent--base) - var(--pf-global--spacer--md));
24900
- --pf-c-tree-view__node--PaddingTop--base: var(--pf-global--spacer--sm);
24901
- --pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view__node--PaddingTop--base);
24902
- --pf-c-tree-view__node--PaddingRight: var(--pf-global--spacer--sm);
24903
- --pf-c-tree-view__node--PaddingBottom: var(--pf-global--spacer--sm);
24904
- --pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view__node--indent--base);
24905
- --pf-c-tree-view__node--Color: var(--pf-global--Color--100);
24906
- --pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
24907
- --pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
24908
- --pf-c-tree-view__node-container--Display: contents;
24909
- --pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
24910
- --pf-c-tree-view__node-content--Overflow: visible;
24911
- --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
24912
- --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--palette--black-200);
24913
- --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
24914
- --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
24915
- --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
24916
- --pf-c-tree-view__node-toggle--Position: absolute;
24917
- --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
24918
- --pf-c-tree-view__node-toggle-icon--Transition: var(--pf-global--Transition);
24919
- --pf-c-tree-view__node-toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
24920
- --pf-c-tree-view__node-toggle-button--PaddingRight: var(--pf-global--spacer--md);
24921
- --pf-c-tree-view__node-toggle-button--PaddingBottom: var(--pf-global--spacer--form-element);
24922
- --pf-c-tree-view__node-toggle-button--PaddingLeft: var(--pf-global--spacer--md);
24923
- --pf-c-tree-view__node-toggle-button--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
24924
- --pf-c-tree-view__node-toggle-button--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
24925
- --pf-c-tree-view__node-check--MarginRight: var(--pf-global--spacer--sm);
24926
- --pf-c-tree-view__node-count--MarginLeft: var(--pf-global--spacer--sm);
24927
- --pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor: var(--pf-global--disabled-color--200);
24928
- --pf-c-tree-view__search--PaddingTop: var(--pf-global--spacer--sm);
24929
- --pf-c-tree-view__search--PaddingRight: var(--pf-global--spacer--sm);
24930
- --pf-c-tree-view__search--PaddingBottom: var(--pf-global--spacer--sm);
24931
- --pf-c-tree-view__search--PaddingLeft: var(--pf-global--spacer--sm);
24932
- --pf-c-tree-view__node-icon--PaddingRight: var(--pf-global--spacer--sm);
24933
- --pf-c-tree-view__node-icon--Color: var(--pf-global--icon--Color--light);
24934
- --pf-c-tree-view__node-toggle-icon--base--Rotate: 0;
24935
- --pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__node-toggle-icon--base--Rotate);
24936
- --pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
24937
- --pf-c-tree-view__node-text--max-lines: 1;
24938
- --pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
24939
- --pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
24940
- --pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
24941
- --pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
24942
- --pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
24943
- --pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
24944
- --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
24945
- --pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
24946
- --pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
24947
- --pf-c-tree-view--m-guides--guide-left--base: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides__list-node--guide-width--base));
24948
- --pf-c-tree-view--m-guides--guide-left--base--offset: calc(var(--pf-c-tree-view__list-item__list-item__node-toggle--Left) + var(--pf-c-tree-view__node-toggle-icon--MinWidth) / 2);
24949
- --pf-c-tree-view--m-guides__list-node--guide-width--base: var(--pf-global--spacer--lg);
24950
- --pf-c-tree-view--m-guides__list-item--before--Top: 0;
24951
- --pf-c-tree-view--m-guides__list-item--before--Width: var(--pf-c-tree-view--m-guides--guide-width--base);
24952
- --pf-c-tree-view--m-guides__list-item--before--Height: 100%;
24953
- --pf-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
24954
- --pf-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-c-tree-view--m-guides__node--before--Top);
24955
- --pf-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-c-tree-view--m-guides__list-item--last-child--before--Top);
24956
- --pf-c-tree-view--m-guides__node--before--Width: 1rem;
24957
- --pf-c-tree-view--m-guides__node--before--Height: var(--pf-c-tree-view--m-guides--guide-width--base);
24958
- --pf-c-tree-view--m-guides__node--before--Top: 1.125rem;
24959
- --pf-c-tree-view--m-guides__node--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
24960
- --pf-c-tree-view--m-compact--base-border--Left--offset: var(--pf-global--spacer--md);
24961
- --pf-c-tree-view--m-compact--base-border--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
24962
- --pf-c-tree-view--m-compact__node--indent--base: var(--pf-c-tree-view__node--indent--base);
24963
- --pf-c-tree-view--m-compact__node--nested-indent--base: var(--pf-global--spacer--lg);
24964
- --pf-c-tree-view--m-compact--border--Left: var(--pf-c-tree-view--m-compact--base-border--Left);
24965
- --pf-c-tree-view--m-compact__node--PaddingTop: 0;
24966
- --pf-c-tree-view--m-compact__node--PaddingBottom: 0;
24967
- --pf-c-tree-view--m-compact__node--nested--PaddingTop: var(--pf-global--spacer--sm);
24968
- --pf-c-tree-view--m-compact__node--nested--PaddingBottom: var(--pf-global--spacer--sm);
24969
- --pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top: calc(var(--pf-c-tree-view--m-compact__node-container--PaddingTop));
24970
- --pf-c-tree-view--m-compact__list-item--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
24971
- --pf-c-tree-view--m-compact__list-item--BorderBottomColor: var(--pf-global--BorderColor--100);
24972
- --pf-c-tree-view--m-compact__list-item--before--Top: 0;
24973
- --pf-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-c-tree-view--m-compact__node--before--Top);
24974
- --pf-c-tree-view--m-compact__list-item--nested--before--Top: calc(var(--pf-c-tree-view__node--PaddingTop--base) * -1);
24975
- --pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height: calc(var(--pf-c-tree-view--m-compact__node--before--Top) + var(--pf-c-tree-view__node--PaddingTop--base));
24976
- --pf-c-tree-view--m-compact__node--PaddingLeft: var(--pf-c-tree-view--m-compact__node--indent--base);
24977
- --pf-c-tree-view--m-compact__node--before--Top: calc(var(--pf-c-tree-view--m-compact__node-container--PaddingTop) + var(--pf-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
24978
- --pf-c-tree-view--m-compact__node--level-2--PaddingLeft: var(--pf-c-tree-view--m-compact__node--indent--base);
24979
- --pf-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(var(--pf-c-tree-view__node-toggle-button--PaddingLeft) * -.5);
24980
- --pf-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(var(--pf-c-tree-view__node-toggle-button--PaddingLeft) * -1.5);
24981
- --pf-c-tree-view--m-compact__node-container--Display: flex;
24982
- --pf-c-tree-view--m-compact__node-container--PaddingBottom--base: var(--pf-global--spacer--lg);
24983
- --pf-c-tree-view--m-compact__node-container--PaddingTop: var(--pf-global--spacer--lg);
24984
- --pf-c-tree-view--m-compact__node-container--PaddingRight: var(--pf-global--spacer--lg);
24985
- --pf-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-c-tree-view--m-compact__node-container--PaddingBottom--base);
24986
- --pf-c-tree-view--m-compact__node-container--PaddingLeft: var(--pf-global--spacer--xs);
24987
- --pf-c-tree-view--m-compact__node-container--nested--PaddingTop: var(--pf-global--spacer--md);
24988
- --pf-c-tree-view--m-compact__node-container--nested--PaddingRight: var(--pf-global--spacer--lg);
24989
- --pf-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(--pf-global--spacer--md);
24990
- --pf-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(--pf-global--spacer--lg);
24991
- --pf-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-global--BackgroundColor--200);
24992
- --pf-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom: 0;
24993
- --pf-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
24994
- --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(--pf-global--spacer--sm);
24995
- --pf-c-tree-view--m-compact--m-no-background--base-border--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
24996
- --pf-c-tree-view--m-compact--m-no-background__node--indent--base: var(--pf-c-tree-view__node--indent--base);
24997
- --pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(--pf-global--spacer--2xl);
24998
- --pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop: 0;
24999
- --pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom: 0;
25000
- --pf-c-tree-view--m-compact--m-no-background__node--before--Top: calc(var(--pf-c-tree-view--m-compact__node-container--nested--PaddingTop) + var(--pf-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
25001
- padding-top: var(--pf-c-tree-view--PaddingTop);
25002
- padding-bottom: var(--pf-c-tree-view--PaddingBottom);
24993
+ @media screen and (min-width: 992px) {
24994
+ .pf-c-wizard {
24995
+ --pf-c-wizard__nav--Width: var(--pf-c-wizard__nav--lg--Width);
24996
+ --pf-c-wizard__nav--BoxShadow: none;
24997
+ }
25003
24998
  }
25004
-
25005
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item {
25006
- position: relative;
24999
+ @media screen and (min-width: 992px) {
25000
+ .pf-c-wizard {
25001
+ --pf-c-wizard__nav-list--PaddingTop: var(--pf-c-wizard__nav-list--lg--PaddingTop);
25002
+ --pf-c-wizard__nav-list--PaddingRight: var(--pf-c-wizard__nav-list--lg--PaddingRight);
25003
+ --pf-c-wizard__nav-list--PaddingBottom: var(--pf-c-wizard__nav-list--lg--PaddingBottom);
25004
+ }
25007
25005
  }
25008
-
25009
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before,
25010
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before,
25011
- .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before {
25012
- position: absolute;
25013
- left: var(--pf-c-tree-view--m-guides--guide--Left);
25014
- content: "";
25006
+ @media screen and (min-width: 1200px) {
25007
+ .pf-c-wizard {
25008
+ --pf-c-wizard__nav-list--PaddingTop: var(--pf-c-wizard__nav-list--xl--PaddingTop);
25009
+ --pf-c-wizard__nav-list--PaddingRight: var(--pf-c-wizard__nav-list--xl--PaddingRight);
25010
+ --pf-c-wizard__nav-list--PaddingBottom: var(--pf-c-wizard__nav-list--xl--PaddingBottom);
25011
+ --pf-c-wizard__nav-list--PaddingLeft: var(--pf-c-wizard__nav-list--xl--PaddingLeft);
25012
+ }
25015
25013
  }
25016
-
25017
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before {
25018
- top: var(--pf-c-tree-view--m-guides__list-item--before--Top);
25019
- width: var(--pf-c-tree-view--m-guides__list-item--before--Width);
25020
- height: var(--pf-c-tree-view--m-guides__list-item--before--Height);
25021
- background-color: var(--pf-c-tree-view--m-guides__list-item--before--BackgroundColor);
25014
+ @media screen and (min-width: 1200px) {
25015
+ .pf-c-wizard {
25016
+ --pf-c-wizard__main-body--PaddingTop: var(--pf-c-wizard__main-body--xl--PaddingTop);
25017
+ --pf-c-wizard__main-body--PaddingRight: var(--pf-c-wizard__main-body--xl--PaddingRight);
25018
+ --pf-c-wizard__main-body--PaddingBottom: var(--pf-c-wizard__main-body--xl--PaddingBottom);
25019
+ --pf-c-wizard__main-body--PaddingLeft: var(--pf-c-wizard__main-body--xl--PaddingLeft);
25020
+ }
25022
25021
  }
25023
-
25024
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before {
25025
- top: var(--pf-c-tree-view--m-guides__node--before--Top);
25026
- width: var(--pf-c-tree-view--m-guides__node--before--Width);
25027
- height: var(--pf-c-tree-view--m-guides__node--before--Height);
25028
- background-color: var(--pf-c-tree-view--m-guides__node--before--BackgroundColor);
25022
+ @media screen and (min-width: 1200px) {
25023
+ .pf-c-wizard {
25024
+ --pf-c-wizard__footer--PaddingTop: var(--pf-c-wizard__footer--xl--PaddingTop);
25025
+ --pf-c-wizard__footer--PaddingRight: var(--pf-c-wizard__footer--xl--PaddingRight);
25026
+ --pf-c-wizard__footer--PaddingBottom: var(--pf-c-wizard__footer--xl--PaddingBottom);
25027
+ --pf-c-wizard__footer--PaddingLeft: var(--pf-c-wizard__footer--xl--PaddingLeft);
25028
+ }
25029
25029
  }
25030
-
25031
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:last-child::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item:last-child::before {
25032
- height: var(--pf-c-tree-view--m-guides__list-item--last-child--before--Height);
25030
+ .pf-c-modal-box .pf-c-wizard {
25031
+ flex: 1 1 var(--pf-c-modal-box--c-wizard--FlexBasis);
25032
+ min-height: 0;
25033
25033
  }
25034
25034
 
25035
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
25036
- --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--border--nested--Left);
25035
+ .pf-c-wizard > *:not(.pf-c-wizard__outer-wrap) {
25036
+ flex-shrink: 0;
25037
25037
  }
25038
25038
 
25039
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item:last-child, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item:last-child {
25040
- --pf-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
25039
+ .pf-c-wizard.pf-m-finished {
25040
+ --pf-c-wizard__outer-wrap--lg--PaddingLeft: 0;
25041
25041
  }
25042
25042
 
25043
- .pf-c-tree-view.pf-m-compact {
25044
- --pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view--m-compact__node--PaddingTop);
25045
- --pf-c-tree-view__node--PaddingBottom: var(--pf-c-tree-view--m-compact__node--PaddingBottom);
25046
- --pf-c-tree-view__node-container--Display: var(--pf-c-tree-view--m-compact__node-container--Display);
25047
- --pf-c-tree-view__node--hover--BackgroundColor: transparent;
25048
- --pf-c-tree-view__node--focus--BackgroundColor: transparent;
25049
- --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top);
25043
+ .pf-c-wizard.pf-m-finished .pf-c-wizard__nav,
25044
+ .pf-c-wizard.pf-m-finished .pf-c-wizard__footer,
25045
+ .pf-c-wizard.pf-m-finished .pf-c-wizard__toggle {
25046
+ display: none;
25047
+ visibility: hidden;
25050
25048
  }
25051
25049
 
25052
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item {
25053
- border-bottom: var(--pf-c-tree-view--m-compact__list-item--BorderBottomWidth) solid var(--pf-c-tree-view--m-compact__list-item--BorderBottomColor);
25050
+ .pf-c-wizard__header {
25051
+ color: var(--pf-global--Color--100);
25052
+ position: relative;
25053
+ z-index: var(--pf-c-wizard__header--ZIndex);
25054
+ padding: var(--pf-c-wizard__header--PaddingTop) var(--pf-c-wizard__header--PaddingRight) var(--pf-c-wizard__header--PaddingBottom) var(--pf-c-wizard__header--PaddingLeft);
25055
+ background-color: var(--pf-c-wizard__header--BackgroundColor);
25054
25056
  }
25055
25057
 
25056
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item.pf-m-expanded {
25057
- --pf-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom);
25058
+ .pf-c-wizard__header .pf-c-wizard__close {
25059
+ position: absolute;
25060
+ top: var(--pf-c-wizard__close--Top);
25061
+ right: var(--pf-c-wizard__close--Right);
25062
+ font-size: var(--pf-c-wizard__close--FontSize);
25058
25063
  }
25059
25064
 
25060
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
25061
- --pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view--m-compact__node--nested--PaddingTop);
25062
- --pf-c-tree-view__node--PaddingBottom: var(--pf-c-tree-view--m-compact__node--nested--PaddingBottom);
25063
- --pf-c-tree-view__node-toggle--Position: static;
25064
- --pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view--m-compact__node--level-2--PaddingLeft);
25065
- --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: 0;
25066
- --pf-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
25067
- --pf-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-c-tree-view--m-compact__node-container--PaddingBottom--base);
25065
+ .pf-c-wizard__title {
25066
+ padding-right: var(--pf-c-wizard__title--PaddingRight);
25067
+ word-wrap: break-word;
25068
25068
  }
25069
25069
 
25070
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before,
25071
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before {
25072
- left: var(--pf-c-tree-view--m-compact--border--Left);
25070
+ .pf-c-wizard__description {
25071
+ display: none;
25072
+ padding-top: var(--pf-c-wizard__description--PaddingTop);
25073
+ color: var(--pf-c-wizard__description--Color);
25074
+ visibility: hidden;
25073
25075
  }
25074
25076
 
25075
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before {
25076
- top: var(--pf-c-tree-view--m-compact__list-item--before--Top);
25077
+ @media screen and (min-width: 992px) {
25078
+ .pf-c-wizard__description {
25079
+ display: block;
25080
+ visibility: visible;
25081
+ }
25077
25082
  }
25078
-
25079
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before {
25080
- top: var(--pf-c-tree-view--m-compact__node--before--Top);
25083
+ .pf-c-wizard__toggle {
25084
+ position: relative;
25085
+ z-index: var(--pf-c-wizard__toggle--ZIndex);
25086
+ display: flex;
25087
+ justify-content: space-between;
25088
+ width: 100%;
25089
+ padding: var(--pf-c-wizard__toggle--PaddingTop) var(--pf-c-wizard__toggle--PaddingRight) var(--pf-c-wizard__toggle--PaddingBottom) var(--pf-c-wizard__toggle--PaddingLeft);
25090
+ background-color: var(--pf-c-wizard__toggle--BackgroundColor);
25091
+ border: 0;
25092
+ box-shadow: var(--pf-c-wizard__toggle--BoxShadow);
25081
25093
  }
25082
25094
 
25083
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item:last-child::before {
25084
- height: var(--pf-c-tree-view--m-compact__list-item--last-child--before--Height);
25095
+ @media screen and (min-width: 992px) {
25096
+ .pf-c-wizard__toggle {
25097
+ display: none;
25098
+ visibility: hidden;
25099
+ }
25085
25100
  }
25086
-
25087
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
25088
- --pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view--m-compact__node--PaddingLeft);
25089
- --pf-c-tree-view--m-compact--border--Left: var(--pf-c-tree-view--m-compact--border--nested--Left);
25090
- --pf-c-tree-view--m-compact__list-item--before--Top: var(--pf-c-tree-view--m-compact__list-item--nested--before--Top);
25091
- --pf-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height);
25101
+ .pf-c-wizard__toggle.pf-m-expanded {
25102
+ --pf-c-wizard__toggle--BoxShadow: none;
25103
+ border-bottom: var(--pf-c-wizard__toggle--m-expanded--BorderBottomWidth) solid var(--pf-c-wizard__toggle--m-expanded--BorderBottomColor);
25092
25104
  }
25093
25105
 
25094
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node-container {
25095
- padding: var(--pf-c-tree-view--m-compact__node-container--nested--PaddingTop) var(--pf-c-tree-view--m-compact__node-container--nested--PaddingRight) var(--pf-c-tree-view--m-compact__node-container--nested--PaddingBottom) var(--pf-c-tree-view--m-compact__node-container--nested--PaddingLeft);
25096
- background-color: var(--pf-c-tree-view--m-compact__node-container--nested--BackgroundColor);
25106
+ .pf-c-wizard__toggle.pf-m-expanded .pf-c-wizard__toggle-icon {
25107
+ transform: rotate(var(--pf-c-wizard__toggle--m-expanded__toggle-icon--Rotate));
25097
25108
  }
25098
25109
 
25099
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node-toggle {
25100
- margin-right: var(--pf-c-tree-view--m-compact__node-toggle--nested--MarginRight);
25101
- margin-left: var(--pf-c-tree-view--m-compact__node-toggle--nested--MarginLeft);
25110
+ .pf-c-wizard__toggle-list {
25111
+ position: relative;
25112
+ display: flex;
25113
+ flex-wrap: wrap;
25114
+ align-items: baseline;
25115
+ margin-right: var(--pf-c-wizard__toggle-list--MarginRight);
25116
+ margin-bottom: var(--pf-c-wizard__toggle-list--MarginBottom);
25117
+ list-style: none;
25102
25118
  }
25103
25119
 
25104
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__node-container {
25105
- padding: var(--pf-c-tree-view--m-compact__node-container--PaddingTop) var(--pf-c-tree-view--m-compact__node-container--PaddingRight) var(--pf-c-tree-view--m-compact__node-container--PaddingBottom) var(--pf-c-tree-view--m-compact__node-container--PaddingLeft);
25120
+ .pf-c-wizard__toggle-list-item {
25121
+ margin-bottom: var(--pf-c-wizard__toggle-list-item--MarginBottom);
25122
+ text-align: left;
25123
+ word-break: break-word;
25106
25124
  }
25107
25125
 
25108
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item:not([aria-expanded]) > .pf-c-tree-view__content > .pf-c-tree-view__node,
25109
- .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item:not([aria-expanded]) > .pf-c-tree-view__content > .pf-c-tree-view__node > .pf-c-tree-view__node-container {
25110
- cursor: default;
25126
+ .pf-c-wizard__toggle-list-item:not(:last-child) {
25127
+ margin-right: var(--pf-c-wizard__toggle-list-item--not-last-child--MarginRight);
25111
25128
  }
25112
25129
 
25113
- .pf-c-tree-view.pf-m-compact.pf-m-no-background {
25114
- --pf-c-tree-view--m-compact__node--before--Top: var(--pf-c-tree-view--m-compact--m-no-background__node--before--Top);
25130
+ .pf-c-wizard__toggle-num {
25131
+ --pf-c-wizard__nav-link--before--Top: var(--pf-c-wizard__toggle-num--before--Top);
25115
25132
  }
25116
25133
 
25117
- .pf-c-tree-view.pf-m-compact.pf-m-no-background .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
25118
- --pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop);
25119
- --pf-c-tree-view__node--PaddingBottom: var(--pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom);
25134
+ .pf-c-wizard__toggle-separator {
25135
+ margin-left: var(--pf-c-wizard__toggle-separator--MarginLeft);
25136
+ color: var(--pf-c-wizard__toggle-separator--Color);
25120
25137
  }
25121
25138
 
25122
- .pf-c-tree-view.pf-m-compact.pf-m-no-background .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
25123
- --pf-c-tree-view--m-compact--border--Left: var(--pf-c-tree-view--m-compact--m-no-background--border--nested--Left);
25124
- --pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft);
25139
+ .pf-c-wizard__toggle-icon {
25140
+ line-height: var(--pf-c-wizard__toggle-icon--LineHeight);
25125
25141
  }
25126
25142
 
25127
- .pf-c-tree-view.pf-m-no-background {
25128
- --pf-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-c-tree-view--m-no-background__node-container--BackgroundColor);
25143
+ .pf-c-wizard__outer-wrap {
25144
+ position: relative;
25145
+ display: flex;
25146
+ flex-direction: column;
25147
+ flex-grow: 1;
25148
+ min-height: var(--pf-c-wizard__outer-wrap--MinHeight);
25149
+ background-color: var(--pf-c-wizard__outer-wrap--BackgroundColor);
25129
25150
  }
25130
25151
 
25131
- .pf-c-tree-view__node-toggle-icon {
25132
- display: inline-block;
25133
- min-width: var(--pf-c-tree-view__node-toggle-icon--MinWidth);
25134
- text-align: center;
25135
- transition: var(--pf-c-tree-view__node-toggle-icon--Transition);
25136
- transform: rotate(var(--pf-c-tree-view__node-toggle-icon--Rotate));
25152
+ @media screen and (min-width: 992px) {
25153
+ .pf-c-wizard__outer-wrap {
25154
+ padding-left: var(--pf-c-wizard__outer-wrap--lg--PaddingLeft);
25155
+ }
25137
25156
  }
25138
-
25139
- .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
25140
- --pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__node-toggle-icon--base--Rotate);
25157
+ .pf-c-wizard__inner-wrap {
25158
+ position: relative;
25159
+ display: flex;
25160
+ flex-direction: column;
25161
+ flex-grow: 1;
25162
+ min-height: 0;
25141
25163
  }
25142
25164
 
25143
- .pf-c-tree-view__list-item.pf-m-expanded {
25144
- --pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
25165
+ @media screen and (min-width: 992px) {
25166
+ .pf-c-wizard__inner-wrap {
25167
+ position: static;
25168
+ }
25145
25169
  }
25146
-
25147
- .pf-c-tree-view__node,
25148
- .pf-c-tree-view__node-container {
25149
- flex: 1 1;
25150
- align-items: flex-start;
25151
- min-width: 0;
25152
- text-align: left;
25153
- cursor: pointer;
25154
- border: 0;
25170
+ .pf-c-wizard__nav {
25171
+ position: absolute;
25172
+ top: 0;
25173
+ left: 0;
25174
+ z-index: var(--pf-c-wizard__nav--ZIndex);
25175
+ display: none;
25176
+ width: var(--pf-c-wizard__nav--Width);
25177
+ max-height: 100%;
25178
+ overflow-y: auto;
25179
+ -webkit-overflow-scrolling: touch;
25180
+ visibility: hidden;
25181
+ background-color: var(--pf-c-wizard__nav--BackgroundColor);
25182
+ box-shadow: var(--pf-c-wizard__nav--BoxShadow);
25155
25183
  }
25156
25184
 
25157
- .pf-c-tree-view__node {
25158
- position: relative;
25159
- display: flex;
25160
- padding: var(--pf-c-tree-view__node--PaddingTop) var(--pf-c-tree-view__node--PaddingRight) var(--pf-c-tree-view__node--PaddingBottom) var(--pf-c-tree-view__node--PaddingLeft);
25161
- color: var(--pf-c-tree-view__node--Color);
25185
+ .pf-c-wizard__nav.pf-m-expanded {
25186
+ display: block;
25187
+ visibility: visible;
25162
25188
  }
25163
25189
 
25164
- .pf-c-tree-view__node.pf-m-current {
25165
- --pf-c-tree-view__node--Color: var(--pf-c-tree-view__node--m-current--Color);
25166
- font-weight: var(--pf-c-tree-view__node--m-current--FontWeight);
25190
+ @media screen and (min-width: 992px) {
25191
+ .pf-c-wizard__nav {
25192
+ display: block;
25193
+ height: 100%;
25194
+ visibility: visible;
25195
+ border-right: var(--pf-c-wizard__nav--lg--BorderRightWidth) solid var(--pf-c-wizard__nav--lg--BorderRightColor);
25196
+ }
25197
+ }
25198
+ .pf-c-wizard__nav-list {
25199
+ padding-top: var(--pf-c-wizard__nav-list--PaddingTop);
25200
+ padding-right: var(--pf-c-wizard__nav-list--PaddingRight);
25201
+ padding-bottom: var(--pf-c-wizard__nav-list--PaddingBottom);
25202
+ padding-left: var(--pf-c-wizard__nav-list--PaddingLeft);
25203
+ list-style: none;
25204
+ counter-reset: wizard-nav-count;
25167
25205
  }
25168
25206
 
25169
- .pf-c-tree-view__node:focus {
25170
- background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
25207
+ .pf-c-wizard__nav-list .pf-c-wizard__nav-list {
25208
+ padding: 0;
25209
+ margin-top: var(--pf-c-wizard__nav-list--nested--MarginTop);
25210
+ margin-left: var(--pf-c-wizard__nav-list--nested--MarginLeft);
25171
25211
  }
25172
25212
 
25173
- .pf-c-tree-view__node .pf-c-tree-view__node-count {
25174
- margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
25213
+ .pf-c-wizard__nav-list .pf-c-wizard__nav-list .pf-c-wizard__nav-link::before {
25214
+ content: none;
25175
25215
  }
25176
25216
 
25177
- .pf-c-tree-view__node .pf-c-tree-view__node-count .pf-c-badge.pf-m-read {
25178
- --pf-c-badge--m-read--BackgroundColor: var(--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
25217
+ .pf-c-wizard__nav-list .pf-c-wizard__nav-list .pf-c-wizard__nav-link.pf-m-current {
25218
+ font-weight: var(--pf-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight);
25179
25219
  }
25180
25220
 
25181
- .pf-c-tree-view__node-container {
25182
- display: var(--pf-c-tree-view__node-container--Display);
25183
- flex-grow: 1;
25221
+ .pf-c-wizard__nav-item + .pf-c-wizard__nav-item {
25222
+ margin-top: var(--pf-c-wizard__nav-item--MarginTop);
25184
25223
  }
25185
25224
 
25186
- .pf-c-tree-view__node-content {
25225
+ .pf-c-wizard__nav-item.pf-m-expandable > .pf-c-wizard__nav-link {
25187
25226
  display: flex;
25188
- flex-direction: column;
25189
- overflow: var(--pf-c-tree-view__node-content--Overflow);
25190
25227
  }
25191
25228
 
25192
- .pf-c-tree-view__node-content > * + * {
25193
- margin-top: var(--pf-c-tree-view__node-content--RowGap);
25229
+ .pf-c-wizard__nav-item.pf-m-expandable > .pf-c-wizard__nav-list {
25230
+ display: none;
25231
+ visibility: hidden;
25194
25232
  }
25195
25233
 
25196
- .pf-c-tree-view__node-check {
25197
- margin-right: var(--pf-c-tree-view__node-check--MarginRight);
25234
+ .pf-c-wizard__nav-item.pf-m-expanded > .pf-c-wizard__nav-list {
25235
+ display: block;
25236
+ visibility: visible;
25198
25237
  }
25199
25238
 
25200
- .pf-c-tree-view__node-toggle {
25201
- position: var(--pf-c-tree-view__node-toggle--Position);
25202
- top: var(--pf-c-tree-view__list-item__list-item__node-toggle--Top);
25203
- left: var(--pf-c-tree-view__list-item__list-item__node-toggle--Left);
25204
- display: inline-flex;
25205
- align-items: center;
25206
- justify-content: center;
25207
- padding: var(--pf-c-tree-view__node-toggle-button--PaddingTop) var(--pf-c-tree-view__node-toggle-button--PaddingRight) var(--pf-c-tree-view__node-toggle-button--PaddingBottom) var(--pf-c-tree-view__node-toggle-button--PaddingLeft);
25208
- margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
25209
- margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
25210
- border: 0;
25211
- transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
25239
+ .pf-c-wizard__nav-item.pf-m-expanded > .pf-c-wizard__nav-link {
25240
+ --pf-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate);
25212
25241
  }
25213
25242
 
25214
- .pf-c-tree-view__node-title.pf-m-truncate,
25215
- .pf-c-tree-view__node-text.pf-m-truncate {
25216
- --pf-c-tree-view__node-content--Overflow: hidden;
25217
- overflow: hidden;
25218
- text-overflow: ellipsis;
25219
- white-space: nowrap;
25243
+ .pf-c-wizard__nav-link {
25244
+ position: relative;
25245
+ display: inline-block;
25246
+ width: 100%;
25247
+ color: var(--pf-c-wizard__nav-link--Color);
25248
+ text-align: left;
25249
+ text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
25250
+ word-break: break-word;
25251
+ border: 0;
25220
25252
  }
25221
25253
 
25222
- .pf-c-tree-view.pf-m-truncate .pf-c-tree-view__node-title,
25223
- .pf-c-tree-view.pf-m-truncate .pf-c-tree-view__node-text {
25224
- --pf-c-tree-view__node-content--Overflow: hidden;
25225
- overflow: hidden;
25226
- text-overflow: ellipsis;
25227
- white-space: nowrap;
25254
+ .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
25255
+ position: absolute;
25256
+ top: var(--pf-c-wizard__nav-link--before--Top);
25257
+ left: 0;
25258
+ display: inline-flex;
25259
+ align-items: center;
25260
+ justify-content: center;
25261
+ width: var(--pf-c-wizard__nav-link--before--Width);
25262
+ height: var(--pf-c-wizard__nav-link--before--Height);
25263
+ font-size: var(--pf-c-wizard__nav-link--before--FontSize);
25264
+ line-height: 1;
25265
+ color: var(--pf-c-wizard__nav-link--before--Color);
25266
+ background-color: var(--pf-c-wizard__nav-link--before--BackgroundColor);
25267
+ border-radius: var(--pf-c-wizard__nav-link--before--BorderRadius);
25268
+ transform: translateX(var(--pf-c-wizard__nav-link--before--TranslateX));
25228
25269
  }
25229
25270
 
25230
- .pf-c-tree-view__node-title {
25231
- font-weight: var(--pf-c-tree-view__node-title--FontWeight);
25271
+ .pf-c-wizard__nav-link::before {
25272
+ top: 0;
25273
+ content: counter(wizard-nav-count);
25274
+ counter-increment: wizard-nav-count;
25232
25275
  }
25233
25276
 
25234
- .pf-c-tree-view__search {
25235
- padding: var(--pf-c-tree-view__search--PaddingTop) var(--pf-c-tree-view__search--PaddingRight) var(--pf-c-tree-view__search--PaddingBottom) var(--pf-c-tree-view__search--PaddingLeft);
25277
+ .pf-c-wizard__nav-link:hover {
25278
+ --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--hover--Color);
25279
+ --pf-c-wizard__nav-link-toggle--Color: var(--pf-c-wizard__nav-link--hover__nav-link-toggle-icon--Color);
25236
25280
  }
25237
25281
 
25238
- .pf-c-tree-view__node-icon {
25239
- padding-right: var(--pf-c-tree-view__node-icon--PaddingRight);
25240
- color: var(--pf-c-tree-view__node-icon--Color);
25282
+ .pf-c-wizard__nav-link:focus {
25283
+ --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--focus--Color);
25284
+ --pf-c-wizard__nav-link-toggle--Color: var(--pf-c-wizard__nav-link--focus__nav-link-toggle-icon--Color);
25241
25285
  }
25242
25286
 
25243
- .pf-c-tree-view__content {
25244
- display: flex;
25245
- align-items: center;
25287
+ .pf-c-wizard__nav-link.pf-m-current {
25288
+ --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--m-current--Color);
25289
+ font-weight: var(--pf-c-wizard__nav-link--m-current--FontWeight);
25246
25290
  }
25247
25291
 
25248
- .pf-c-tree-view__content:hover,
25249
- .pf-c-tree-view__content:focus-within {
25250
- background-color: var(--pf-c-tree-view__node--hover--BackgroundColor);
25292
+ .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link.pf-m-current::before {
25293
+ --pf-c-wizard__nav-link--before--BackgroundColor: var(--pf-c-wizard__nav-link--m-current--before--BackgroundColor);
25294
+ --pf-c-wizard__nav-link--before--Color: var(--pf-c-wizard__nav-link--m-current--before--Color);
25251
25295
  }
25252
25296
 
25253
- .pf-c-tree-view__action {
25254
- margin-left: var(--pf-c-tree-view__action--MarginLeft);
25255
- color: var(--pf-c-tree-view__action--Color);
25256
- border: 0;
25297
+ .pf-c-wizard__nav-link:disabled, .pf-c-wizard__nav-link.pf-m-disabled {
25298
+ --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--m-disabled--Color);
25299
+ pointer-events: none;
25257
25300
  }
25258
25301
 
25259
- .pf-c-tree-view__action:hover {
25260
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
25302
+ .pf-c-wizard__nav-link:disabled::before, .pf-c-wizard__nav-link.pf-m-disabled::before {
25303
+ --pf-c-wizard__nav-link--before--BackgroundColor: var(--pf-c-wizard__nav-link--m-disabled--before--BackgroundColor);
25304
+ --pf-c-wizard__nav-link--before--Color: var(--pf-c-wizard__nav-link--m-disabled--before--Color);
25261
25305
  }
25262
25306
 
25263
- .pf-c-tree-view__action:focus {
25264
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--focus--Color);
25265
- background-color: var(--pf-c-tree-view__action--focus--BackgroundColor);
25307
+ .pf-c-wizard__nav-link-text {
25308
+ flex-grow: 1;
25266
25309
  }
25267
25310
 
25268
- .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
25269
- --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
25270
- --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 1 + var(--pf-c-tree-view__node--indent--base));
25271
- --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
25311
+ .pf-c-wizard__nav-link-toggle {
25312
+ padding-right: var(--pf-c-wizard__nav-link-toggle--PaddingRight);
25313
+ padding-left: var(--pf-c-wizard__nav-link-toggle--PaddingLeft);
25314
+ color: var(--pf-c-wizard__nav-link-toggle--Color);
25272
25315
  }
25273
25316
 
25274
- .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
25275
- --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
25276
- --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 2 + var(--pf-c-tree-view__node--indent--base));
25277
- --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
25278
- --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 1 + var(--pf-c-tree-view--m-compact__node--indent--base));
25279
- --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
25280
- --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 1 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
25281
- --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
25317
+ .pf-c-wizard__nav-link-toggle-icon {
25318
+ display: inline-block;
25319
+ transition: var(--pf-c-wizard__nav-link-toggle-icon--Transition);
25320
+ transform: rotate(var(--pf-c-wizard__nav-link-toggle-icon--Rotate));
25282
25321
  }
25283
25322
 
25284
- .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
25285
- --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
25286
- --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 3 + var(--pf-c-tree-view__node--indent--base));
25287
- --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
25288
- --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 2 + var(--pf-c-tree-view--m-compact__node--indent--base));
25289
- --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
25290
- --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 2 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
25291
- --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
25323
+ .pf-c-wizard__main {
25324
+ z-index: var(--pf-c-wizard__main--ZIndex);
25325
+ flex: 1 1 auto;
25326
+ overflow-x: hidden;
25327
+ overflow-y: auto;
25328
+ word-break: break-word;
25292
25329
  }
25293
25330
 
25294
- .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
25295
- --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
25296
- --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 4 + var(--pf-c-tree-view__node--indent--base));
25297
- --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
25298
- --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 3 + var(--pf-c-tree-view--m-compact__node--indent--base));
25299
- --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
25300
- --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 3 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
25301
- --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
25331
+ .pf-c-wizard__main-body {
25332
+ padding: var(--pf-c-wizard__main-body--PaddingTop) var(--pf-c-wizard__main-body--PaddingRight) var(--pf-c-wizard__main-body--PaddingBottom) var(--pf-c-wizard__main-body--PaddingLeft);
25302
25333
  }
25303
25334
 
25304
- .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
25305
- --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
25306
- --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 5 + var(--pf-c-tree-view__node--indent--base));
25307
- --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
25308
- --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 4 + var(--pf-c-tree-view--m-compact__node--indent--base));
25309
- --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
25310
- --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 4 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
25311
- --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
25335
+ .pf-c-wizard__main-body.pf-m-no-padding {
25336
+ padding: 0;
25312
25337
  }
25313
25338
 
25314
- .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
25315
- --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
25316
- --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 6 + var(--pf-c-tree-view__node--indent--base));
25317
- --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
25318
- --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 5 + var(--pf-c-tree-view--m-compact__node--indent--base));
25319
- --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
25320
- --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 5 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
25321
- --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
25339
+ .pf-c-wizard__footer {
25340
+ z-index: var(--pf-c-wizard__footer--ZIndex);
25341
+ display: flex;
25342
+ flex-wrap: wrap;
25343
+ flex-shrink: 0;
25344
+ padding: var(--pf-c-wizard__footer--PaddingTop) var(--pf-c-wizard__footer--PaddingRight) var(--pf-c-wizard__footer--PaddingBottom) var(--pf-c-wizard__footer--PaddingLeft);
25345
+ background-color: var(--pf-c-wizard__footer--BackgroundColor);
25322
25346
  }
25323
25347
 
25324
- .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
25325
- --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
25326
- --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 7 + var(--pf-c-tree-view__node--indent--base));
25327
- --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
25328
- --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 6 + var(--pf-c-tree-view--m-compact__node--indent--base));
25329
- --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
25330
- --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 6 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
25331
- --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
25348
+ .pf-c-wizard__footer > * {
25349
+ margin-bottom: var(--pf-c-wizard__footer--child--MarginBottom);
25332
25350
  }
25333
25351
 
25334
- .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
25335
- --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
25336
- --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 8 + var(--pf-c-tree-view__node--indent--base));
25337
- --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
25338
- --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 7 + var(--pf-c-tree-view--m-compact__node--indent--base));
25339
- --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
25340
- --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 7 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
25341
- --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
25352
+ .pf-c-wizard__footer > *:not(:last-child) {
25353
+ margin-right: var(--pf-c-wizard__footer--child--MarginRight);
25342
25354
  }
25343
25355
 
25344
- .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
25345
- --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
25346
- --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 9 + var(--pf-c-tree-view__node--indent--base));
25347
- --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
25348
- --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 8 + var(--pf-c-tree-view--m-compact__node--indent--base));
25349
- --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
25350
- --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 8 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
25351
- --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
25356
+ .pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer {
25357
+ box-shadow: var(--pf-c-wizard__footer--BoxShadow);
25352
25358
  }
25353
25359
 
25354
- .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
25355
- --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
25356
- --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 10 + var(--pf-c-tree-view__node--indent--base));
25357
- --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
25358
- --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 9 + var(--pf-c-tree-view--m-compact__node--indent--base));
25359
- --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
25360
- --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 9 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
25361
- --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
25360
+ .pf-c-wizard__footer-cancel {
25361
+ margin-left: var(--pf-c-wizard__footer-cancel--MarginLeft);
25362
25362
  }
25363
25363
 
25364
25364
  .pf-c-draggable {