@patternfly/react-table 4.52.4 → 4.52.5

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.
@@ -16402,6 +16402,16 @@ ul.pf-c-list {
16402
16402
  --pf-c-modal-box__footer--c-button--MarginRight: var(--pf-c-modal-box__footer--c-button--sm--MarginRight);
16403
16403
  }
16404
16404
  }
16405
+ .pf-l-bullseye {
16406
+ --pf-l-bullseye--Padding: 0;
16407
+ display: flex;
16408
+ align-items: center;
16409
+ justify-content: center;
16410
+ height: 100%;
16411
+ padding: var(--pf-l-bullseye--Padding);
16412
+ margin: 0;
16413
+ }
16414
+
16405
16415
  .pf-c-nav {
16406
16416
  --pf-c-nav--Transition: var(--pf-global--Transition);
16407
16417
  --pf-c-nav--m-light__item--before--BorderColor: var(--pf-global--BorderColor--300);
@@ -17398,16 +17408,6 @@ ul.pf-c-list {
17398
17408
  left: 0;
17399
17409
  }
17400
17410
 
17401
- .pf-l-bullseye {
17402
- --pf-l-bullseye--Padding: 0;
17403
- display: flex;
17404
- align-items: center;
17405
- justify-content: center;
17406
- height: 100%;
17407
- padding: var(--pf-l-bullseye--Padding);
17408
- margin: 0;
17409
- }
17410
-
17411
17411
  .pf-c-notification-badge {
17412
17412
  --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
17413
17413
  --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
@@ -24351,1077 +24351,1077 @@ 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
- }
24687
- }
24688
- .pf-c-wizard__inner-wrap {
24689
- position: relative;
24690
- display: flex;
24691
- flex-direction: column;
24692
- flex-grow: 1;
24693
- min-height: 0;
24694
- }
24695
-
24696
- @media screen and (min-width: 992px) {
24697
- .pf-c-wizard__inner-wrap {
24698
- position: static;
24699
- }
24700
- }
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);
24714
- }
24715
-
24716
- .pf-c-wizard__nav.pf-m-expanded {
24717
- display: block;
24718
- visibility: visible;
24719
- }
24720
-
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
- }
24728
- }
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;
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);
24736
24626
  }
24737
24627
 
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);
24628
+ .pf-c-tree-view__node:focus {
24629
+ background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
24742
24630
  }
24743
24631
 
24744
- .pf-c-wizard__nav-list .pf-c-wizard__nav-list .pf-c-wizard__nav-link::before {
24745
- content: none;
24632
+ .pf-c-tree-view__node .pf-c-tree-view__node-count {
24633
+ margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
24746
24634
  }
24747
24635
 
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);
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);
24750
24638
  }
24751
24639
 
24752
- .pf-c-wizard__nav-item + .pf-c-wizard__nav-item {
24753
- margin-top: var(--pf-c-wizard__nav-item--MarginTop);
24640
+ .pf-c-tree-view__node-container {
24641
+ display: var(--pf-c-tree-view__node-container--Display);
24642
+ flex-grow: 1;
24754
24643
  }
24755
24644
 
24756
- .pf-c-wizard__nav-item.pf-m-expandable > .pf-c-wizard__nav-link {
24645
+ .pf-c-tree-view__node-content {
24757
24646
  display: flex;
24647
+ flex-direction: column;
24648
+ overflow: var(--pf-c-tree-view__node-content--Overflow);
24758
24649
  }
24759
24650
 
24760
- .pf-c-wizard__nav-item.pf-m-expandable > .pf-c-wizard__nav-list {
24761
- display: none;
24762
- visibility: hidden;
24763
- }
24764
-
24765
- .pf-c-wizard__nav-item.pf-m-expanded > .pf-c-wizard__nav-list {
24766
- display: block;
24767
- visibility: visible;
24768
- }
24769
-
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);
24651
+ .pf-c-tree-view__node-content > * + * {
24652
+ margin-top: var(--pf-c-tree-view__node-content--RowGap);
24772
24653
  }
24773
24654
 
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;
24782
- border: 0;
24655
+ .pf-c-tree-view__node-check {
24656
+ margin-right: var(--pf-c-tree-view__node-check--MarginRight);
24783
24657
  }
24784
24658
 
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;
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);
24789
24663
  display: inline-flex;
24790
24664
  align-items: center;
24791
24665
  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));
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));
24800
24671
  }
24801
24672
 
24802
- .pf-c-wizard__nav-link::before {
24803
- top: 0;
24804
- content: counter(wizard-nav-count);
24805
- counter-increment: wizard-nav-count;
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;
24806
24679
  }
24807
24680
 
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);
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;
24811
24687
  }
24812
24688
 
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);
24689
+ .pf-c-tree-view__node-title {
24690
+ font-weight: var(--pf-c-tree-view__node-title--FontWeight);
24816
24691
  }
24817
24692
 
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);
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);
24821
24695
  }
24822
24696
 
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);
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);
24826
24700
  }
24827
24701
 
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;
24702
+ .pf-c-tree-view__content {
24703
+ display: flex;
24704
+ align-items: center;
24831
24705
  }
24832
24706
 
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);
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);
24836
24710
  }
24837
24711
 
24838
- .pf-c-wizard__nav-link-text {
24839
- flex-grow: 1;
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);
24715
+ border: 0;
24840
24716
  }
24841
24717
 
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);
24718
+ .pf-c-tree-view__action:hover {
24719
+ --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
24846
24720
  }
24847
24721
 
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));
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);
24852
24725
  }
24853
24726
 
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;
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));
24860
24731
  }
24861
24732
 
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);
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));
24864
24741
  }
24865
24742
 
24866
- .pf-c-wizard__main-body.pf-m-no-padding {
24867
- padding: 0;
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));
24868
24751
  }
24869
24752
 
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);
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));
24877
24761
  }
24878
24762
 
24879
- .pf-c-wizard__footer > * {
24880
- margin-bottom: var(--pf-c-wizard__footer--child--MarginBottom);
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));
24881
24771
  }
24882
24772
 
24883
- .pf-c-wizard__footer > *:not(:last-child) {
24884
- margin-right: var(--pf-c-wizard__footer--child--MarginRight);
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));
24885
24781
  }
24886
24782
 
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);
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));
24889
24791
  }
24890
24792
 
24891
- .pf-c-wizard__footer-cancel {
24892
- margin-left: var(--pf-c-wizard__footer-cancel--MarginLeft);
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));
24893
24801
  }
24894
24802
 
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);
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 {
24914
24804
  --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);
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));
25003
24811
  }
25004
24812
 
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 {
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));
24821
+ }
24822
+
24823
+ .pf-c-draggable {
24824
+ --pf-c-draggable--Cursor: auto;
24825
+ --pf-c-draggable--m-dragging--Cursor: grabbing;
24826
+ --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
24827
+ --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
24828
+ --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
24829
+ --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
24830
+ --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
24831
+ cursor: var(--pf-c-draggable--Cursor);
24832
+ }
24833
+
24834
+ .pf-c-draggable.pf-m-dragging {
24835
+ --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
25006
24836
  position: relative;
24837
+ background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
24838
+ box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
25007
24839
  }
25008
24840
 
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 {
24841
+ .pf-c-draggable.pf-m-dragging::after {
25012
24842
  position: absolute;
25013
- left: var(--pf-c-tree-view--m-guides--guide--Left);
24843
+ top: 0;
24844
+ right: 0;
24845
+ bottom: 0;
24846
+ left: 0;
25014
24847
  content: "";
24848
+ border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
25015
24849
  }
25016
24850
 
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);
24851
+ .pf-c-draggable.pf-m-drag-outside {
24852
+ --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
24853
+ --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
25022
24854
  }
25023
24855
 
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);
24856
+ .pf-c-droppable {
24857
+ --pf-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
24858
+ --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
24859
+ --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
24860
+ --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
25029
24861
  }
25030
24862
 
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);
24863
+ .pf-c-droppable.pf-m-dragging {
24864
+ position: relative;
25033
24865
  }
25034
24866
 
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);
24867
+ .pf-c-droppable.pf-m-dragging::after {
24868
+ position: absolute;
24869
+ top: 0;
24870
+ right: 0;
24871
+ bottom: 0;
24872
+ left: 0;
24873
+ pointer-events: none;
24874
+ content: "";
25037
24875
  }
25038
24876
 
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;
24877
+ .pf-c-droppable::after {
24878
+ background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
24879
+ border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
25041
24880
  }
25042
24881
 
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);
24882
+ .pf-c-droppable.pf-m-drag-outside {
24883
+ --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
25050
24884
  }
25051
24885
 
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);
24886
+ .pf-c-wizard__header {
24887
+ --pf-global--Color--100: var(--pf-global--Color--light-100);
24888
+ --pf-global--Color--200: var(--pf-global--Color--light-200);
24889
+ --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
24890
+ --pf-global--primary-color--100: var(--pf-global--primary-color--light-100);
24891
+ --pf-global--link--Color: var(--pf-global--link--Color--light);
24892
+ --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
24893
+ --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
25054
24894
  }
25055
24895
 
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);
24896
+ .pf-c-wizard__header .pf-c-card {
24897
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
25058
24898
  }
25059
24899
 
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);
24900
+ .pf-c-wizard__header .pf-c-button {
24901
+ --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
24902
+ --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
24903
+ --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
24904
+ --pf-c-button--m-primary--active--Color: var(--pf-global--primary-color--dark-100);
24905
+ --pf-c-button--m-primary--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
24906
+ --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
24907
+ --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
24908
+ --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
24909
+ --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100);
24910
+ --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100);
24911
+ --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100);
24912
+ --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100);
24913
+ --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100);
24914
+ --pf-c-button--m-secondary--hover--BorderColor: var(--pf-global--Color--light-100);
24915
+ --pf-c-button--m-secondary--focus--BorderColor: var(--pf-global--Color--light-100);
24916
+ --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--Color--light-100);
24917
+ }
24918
+
24919
+ .pf-c-wizard {
24920
+ --pf-c-wizard--Height: 100%;
24921
+ --pf-c-modal-box--c-wizard--FlexBasis: 47.625rem;
24922
+ --pf-c-wizard__header--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
24923
+ --pf-c-wizard__header--ZIndex: var(--pf-global--ZIndex--md);
24924
+ --pf-c-wizard__header--PaddingTop: var(--pf-global--spacer--lg);
24925
+ --pf-c-wizard__header--PaddingRight: var(--pf-global--spacer--md);
24926
+ --pf-c-wizard__header--PaddingBottom: var(--pf-global--spacer--lg);
24927
+ --pf-c-wizard__header--PaddingLeft: var(--pf-global--spacer--md);
24928
+ --pf-c-wizard__header--lg--PaddingRight: var(--pf-global--spacer--md);
24929
+ --pf-c-wizard__header--lg--PaddingLeft: var(--pf-global--spacer--md);
24930
+ --pf-c-wizard__header--xl--PaddingRight: var(--pf-global--spacer--lg);
24931
+ --pf-c-wizard__header--xl--PaddingLeft: var(--pf-global--spacer--lg);
24932
+ --pf-c-wizard__close--Top: calc(var(--pf-global--spacer--lg) - var(--pf-global--spacer--form-element));
24933
+ --pf-c-wizard__close--Right: 0;
24934
+ --pf-c-wizard__close--xl--Right: var(--pf-global--spacer--lg);
24935
+ --pf-c-wizard__close--FontSize: var(--pf-global--FontSize--xl);
24936
+ --pf-c-wizard__title--PaddingRight: var(--pf-global--spacer--2xl);
24937
+ --pf-c-wizard__description--PaddingTop: var(--pf-global--spacer--sm);
24938
+ --pf-c-wizard__description--Color: var(--pf-global--Color--light-200);
24939
+ --pf-c-wizard__nav-link--Color: var(--pf-global--Color--100);
24940
+ --pf-c-wizard__nav-link--TextDecoration: var(--pf-global--link--TextDecoration);
24941
+ --pf-c-wizard__nav-link--hover--Color: var(--pf-global--link--Color);
24942
+ --pf-c-wizard__nav-link--focus--Color: var(--pf-global--link--Color);
24943
+ --pf-c-wizard__nav-link--m-current--Color: var(--pf-global--link--Color);
24944
+ --pf-c-wizard__nav-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
24945
+ --pf-c-wizard__nav-link--m-disabled--Color: var(--pf-global--Color--dark-200);
24946
+ --pf-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
24947
+ --pf-c-wizard__nav-link-toggle--PaddingRight: var(--pf-global--spacer--sm);
24948
+ --pf-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-global--spacer--sm);
24949
+ --pf-c-wizard__nav-link-toggle--Color: var(--pf-global--Color--200);
24950
+ --pf-c-wizard__nav-link--hover__nav-link-toggle-icon--Color: var(--pf-global--Color--100);
24951
+ --pf-c-wizard__nav-link--focus__nav-link-toggle-icon--Color: var(--pf-global--Color--100);
24952
+ --pf-c-wizard__nav-link-toggle-icon--Transition: var(--pf-global--Transition);
24953
+ --pf-c-wizard__nav-link-toggle-icon--Rotate: 0;
24954
+ --pf-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
24955
+ --pf-c-wizard__nav-link--before--Width: 1.5rem;
24956
+ --pf-c-wizard__nav-link--before--Height: 1.5rem;
24957
+ --pf-c-wizard__nav-link--before--Top: 0;
24958
+ --pf-c-wizard__nav-link--before--BackgroundColor: var(--pf-global--BackgroundColor--200);
24959
+ --pf-c-wizard__nav-link--before--BorderRadius: var(--pf-global--BorderRadius--lg);
24960
+ --pf-c-wizard__nav-link--before--Color: var(--pf-global--Color--100);
24961
+ --pf-c-wizard__nav-link--before--FontSize: var(--pf-global--FontSize--sm);
24962
+ --pf-c-wizard__nav-link--before--TranslateX: calc(-100% - var(--pf-global--spacer--sm));
24963
+ --pf-c-wizard__nav-link--m-current--before--BackgroundColor: var(--pf-global--active-color--100);
24964
+ --pf-c-wizard__nav-link--m-current--before--Color: var(--pf-global--Color--light-100);
24965
+ --pf-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
24966
+ --pf-c-wizard__nav-link--m-disabled--before--Color: var(--pf-global--Color--dark-200);
24967
+ --pf-c-wizard__toggle--BackgroundColor: var(--pf-global--BackgroundColor--100);
24968
+ --pf-c-wizard__toggle--ZIndex: var(--pf-global--ZIndex--md);
24969
+ --pf-c-wizard__toggle--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
24970
+ --pf-c-wizard__toggle--PaddingTop: var(--pf-global--spacer--lg);
24971
+ --pf-c-wizard__toggle--PaddingRight: var(--pf-global--spacer--md);
24972
+ --pf-c-wizard__toggle--PaddingBottom: var(--pf-global--spacer--lg);
24973
+ --pf-c-wizard__toggle--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-wizard__nav-link--before--Width) + var(--pf-global--spacer--sm));
24974
+ --pf-c-wizard__toggle--m-expanded--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
24975
+ --pf-c-wizard__toggle--m-expanded--BorderBottomColor: var(--pf-global--BorderColor--100);
24976
+ --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));
24977
+ --pf-c-wizard__toggle-num--before--Top: 0;
24978
+ --pf-c-wizard__toggle-list-item--not-last-child--MarginRight: var(--pf-global--spacer--sm);
24979
+ --pf-c-wizard__toggle-list-item--MarginBottom: var(--pf-global--spacer--xs);
24980
+ --pf-c-wizard__toggle-list--MarginRight: var(--pf-global--spacer--sm);
24981
+ --pf-c-wizard__toggle-list--MarginBottom: calc(var(--pf-c-wizard__toggle-list-item--MarginBottom) * -1);
24982
+ --pf-c-wizard__toggle-separator--MarginLeft: var(--pf-global--spacer--sm);
24983
+ --pf-c-wizard__toggle-separator--Color: var(--pf-global--BorderColor--200);
24984
+ --pf-c-wizard__toggle-icon--LineHeight: var(--pf-global--LineHeight--md);
24985
+ --pf-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
24986
+ --pf-c-wizard__nav--ZIndex: var(--pf-global--ZIndex--sm);
24987
+ --pf-c-wizard__nav--BackgroundColor: var(--pf-global--BackgroundColor--100);
24988
+ --pf-c-wizard__nav--BoxShadow: var(--pf-global--BoxShadow--md-bottom);
24989
+ --pf-c-wizard__nav--Width: 100%;
24990
+ --pf-c-wizard__nav--lg--Width: 15.625rem;
24991
+ --pf-c-wizard__nav--lg--BorderRightWidth: var(--pf-global--BorderWidth--sm);
24992
+ --pf-c-wizard__nav--lg--BorderRightColor: var(--pf-global--BorderColor--100);
24993
+ --pf-c-wizard__nav-list--PaddingTop: var(--pf-global--spacer--lg);
24994
+ --pf-c-wizard__nav-list--PaddingRight: var(--pf-global--spacer--md);
24995
+ --pf-c-wizard__nav-list--PaddingBottom: var(--pf-global--spacer--lg);
24996
+ --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));
24997
+ --pf-c-wizard__nav-list--lg--PaddingTop: var(--pf-global--spacer--md);
24998
+ --pf-c-wizard__nav-list--lg--PaddingRight: var(--pf-global--spacer--md);
24999
+ --pf-c-wizard__nav-list--lg--PaddingBottom: var(--pf-global--spacer--md);
25000
+ --pf-c-wizard__nav-list--xl--PaddingTop: var(--pf-global--spacer--lg);
25001
+ --pf-c-wizard__nav-list--xl--PaddingRight: var(--pf-global--spacer--lg);
25002
+ --pf-c-wizard__nav-list--xl--PaddingBottom: var(--pf-global--spacer--lg);
25003
+ --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));
25004
+ --pf-c-wizard__nav-list--nested--MarginLeft: var(--pf-global--spacer--md);
25005
+ --pf-c-wizard__nav-list--nested--MarginTop: var(--pf-global--spacer--md);
25006
+ --pf-c-wizard__nav-item--MarginTop: var(--pf-global--spacer--md);
25007
+ --pf-c-wizard__outer-wrap--BackgroundColor: var(--pf-global--BackgroundColor--100);
25008
+ --pf-c-wizard__outer-wrap--lg--PaddingLeft: var(--pf-c-wizard__nav--Width);
25009
+ --pf-c-wizard__outer-wrap--MinHeight: 15.625rem;
25010
+ --pf-c-wizard__main--ZIndex: var(--pf-global--ZIndex--xs);
25011
+ --pf-c-wizard__main-body--PaddingTop: var(--pf-global--spacer--md);
25012
+ --pf-c-wizard__main-body--PaddingRight: var(--pf-global--spacer--md);
25013
+ --pf-c-wizard__main-body--PaddingBottom: var(--pf-global--spacer--md);
25014
+ --pf-c-wizard__main-body--PaddingLeft: var(--pf-global--spacer--md);
25015
+ --pf-c-wizard__main-body--xl--PaddingTop: var(--pf-global--spacer--lg);
25016
+ --pf-c-wizard__main-body--xl--PaddingRight: var(--pf-global--spacer--lg);
25017
+ --pf-c-wizard__main-body--xl--PaddingBottom: var(--pf-global--spacer--lg);
25018
+ --pf-c-wizard__main-body--xl--PaddingLeft: var(--pf-global--spacer--lg);
25019
+ --pf-c-wizard__footer--BackgroundColor: var(--pf-global--BackgroundColor--100);
25020
+ --pf-c-wizard__footer--ZIndex: var(--pf-global--ZIndex--sm);
25021
+ --pf-c-wizard__footer--PaddingTop: var(--pf-global--spacer--md);
25022
+ --pf-c-wizard__footer--PaddingRight: var(--pf-global--spacer--md);
25023
+ --pf-c-wizard__footer--PaddingBottom: var(--pf-global--spacer--sm);
25024
+ --pf-c-wizard__footer--PaddingLeft: var(--pf-global--spacer--md);
25025
+ --pf-c-wizard__footer--xl--PaddingTop: var(--pf-global--spacer--lg);
25026
+ --pf-c-wizard__footer--xl--PaddingRight: var(--pf-global--spacer--lg);
25027
+ --pf-c-wizard__footer--xl--PaddingBottom: var(--pf-global--spacer--md);
25028
+ --pf-c-wizard__footer--xl--PaddingLeft: var(--pf-global--spacer--lg);
25029
+ --pf-c-wizard__footer--BoxShadow: var(--pf-global--BoxShadow--sm-top);
25030
+ --pf-c-wizard__footer--child--MarginRight: var(--pf-global--spacer--md);
25031
+ --pf-c-wizard__footer--child--MarginBottom: var(--pf-global--spacer--sm);
25032
+ --pf-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-global--spacer--2xl) - var(--pf-c-wizard__footer--child--MarginRight));
25033
+ position: relative;
25034
+ display: flex;
25035
+ flex-direction: column;
25036
+ height: var(--pf-c-wizard--Height);
25037
+ }
25038
+
25039
+ @media screen and (min-width: 992px) {
25040
+ .pf-c-wizard {
25041
+ --pf-c-wizard__header--PaddingRight: var(--pf-c-wizard__header--lg--PaddingRight);
25042
+ --pf-c-wizard__header--PaddingLeft: var(--pf-c-wizard__header--lg--PaddingLeft);
25043
+ }
25044
+ }
25045
+ @media screen and (min-width: 1200px) {
25046
+ .pf-c-wizard {
25047
+ --pf-c-wizard__header--PaddingRight: var(--pf-c-wizard__header--xl--PaddingRight);
25048
+ --pf-c-wizard__header--PaddingLeft: var(--pf-c-wizard__header--xl--PaddingLeft);
25049
+ }
25068
25050
  }
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);
25051
+ @media screen and (min-width: 1200px) {
25052
+ .pf-c-wizard {
25053
+ --pf-c-wizard__close--Right: var(--pf-c-wizard__close--xl--Right);
25054
+ }
25073
25055
  }
25074
-
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);
25056
+ @media screen and (min-width: 992px) {
25057
+ .pf-c-wizard {
25058
+ --pf-c-wizard__nav--Width: var(--pf-c-wizard__nav--lg--Width);
25059
+ --pf-c-wizard__nav--BoxShadow: none;
25060
+ }
25077
25061
  }
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);
25062
+ @media screen and (min-width: 992px) {
25063
+ .pf-c-wizard {
25064
+ --pf-c-wizard__nav-list--PaddingTop: var(--pf-c-wizard__nav-list--lg--PaddingTop);
25065
+ --pf-c-wizard__nav-list--PaddingRight: var(--pf-c-wizard__nav-list--lg--PaddingRight);
25066
+ --pf-c-wizard__nav-list--PaddingBottom: var(--pf-c-wizard__nav-list--lg--PaddingBottom);
25067
+ }
25081
25068
  }
25082
-
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);
25069
+ @media screen and (min-width: 1200px) {
25070
+ .pf-c-wizard {
25071
+ --pf-c-wizard__nav-list--PaddingTop: var(--pf-c-wizard__nav-list--xl--PaddingTop);
25072
+ --pf-c-wizard__nav-list--PaddingRight: var(--pf-c-wizard__nav-list--xl--PaddingRight);
25073
+ --pf-c-wizard__nav-list--PaddingBottom: var(--pf-c-wizard__nav-list--xl--PaddingBottom);
25074
+ --pf-c-wizard__nav-list--PaddingLeft: var(--pf-c-wizard__nav-list--xl--PaddingLeft);
25075
+ }
25085
25076
  }
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);
25077
+ @media screen and (min-width: 1200px) {
25078
+ .pf-c-wizard {
25079
+ --pf-c-wizard__main-body--PaddingTop: var(--pf-c-wizard__main-body--xl--PaddingTop);
25080
+ --pf-c-wizard__main-body--PaddingRight: var(--pf-c-wizard__main-body--xl--PaddingRight);
25081
+ --pf-c-wizard__main-body--PaddingBottom: var(--pf-c-wizard__main-body--xl--PaddingBottom);
25082
+ --pf-c-wizard__main-body--PaddingLeft: var(--pf-c-wizard__main-body--xl--PaddingLeft);
25083
+ }
25092
25084
  }
25093
-
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);
25085
+ @media screen and (min-width: 1200px) {
25086
+ .pf-c-wizard {
25087
+ --pf-c-wizard__footer--PaddingTop: var(--pf-c-wizard__footer--xl--PaddingTop);
25088
+ --pf-c-wizard__footer--PaddingRight: var(--pf-c-wizard__footer--xl--PaddingRight);
25089
+ --pf-c-wizard__footer--PaddingBottom: var(--pf-c-wizard__footer--xl--PaddingBottom);
25090
+ --pf-c-wizard__footer--PaddingLeft: var(--pf-c-wizard__footer--xl--PaddingLeft);
25091
+ }
25097
25092
  }
25098
-
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);
25093
+ .pf-c-modal-box .pf-c-wizard {
25094
+ flex: 1 1 var(--pf-c-modal-box--c-wizard--FlexBasis);
25095
+ min-height: 0;
25102
25096
  }
25103
25097
 
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);
25098
+ .pf-c-wizard > *:not(.pf-c-wizard__outer-wrap) {
25099
+ flex-shrink: 0;
25106
25100
  }
25107
25101
 
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;
25102
+ .pf-c-wizard.pf-m-finished {
25103
+ --pf-c-wizard__outer-wrap--lg--PaddingLeft: 0;
25111
25104
  }
25112
25105
 
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);
25106
+ .pf-c-wizard.pf-m-finished .pf-c-wizard__nav,
25107
+ .pf-c-wizard.pf-m-finished .pf-c-wizard__footer,
25108
+ .pf-c-wizard.pf-m-finished .pf-c-wizard__toggle {
25109
+ display: none;
25110
+ visibility: hidden;
25115
25111
  }
25116
25112
 
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);
25113
+ .pf-c-wizard__header {
25114
+ color: var(--pf-global--Color--100);
25115
+ position: relative;
25116
+ z-index: var(--pf-c-wizard__header--ZIndex);
25117
+ 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);
25118
+ background-color: var(--pf-c-wizard__header--BackgroundColor);
25120
25119
  }
25121
25120
 
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);
25121
+ .pf-c-wizard__header .pf-c-wizard__close {
25122
+ position: absolute;
25123
+ top: var(--pf-c-wizard__close--Top);
25124
+ right: var(--pf-c-wizard__close--Right);
25125
+ font-size: var(--pf-c-wizard__close--FontSize);
25125
25126
  }
25126
25127
 
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);
25128
+ .pf-c-wizard__title {
25129
+ padding-right: var(--pf-c-wizard__title--PaddingRight);
25130
+ word-wrap: break-word;
25129
25131
  }
25130
25132
 
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));
25133
+ .pf-c-wizard__description {
25134
+ display: none;
25135
+ padding-top: var(--pf-c-wizard__description--PaddingTop);
25136
+ color: var(--pf-c-wizard__description--Color);
25137
+ visibility: hidden;
25137
25138
  }
25138
25139
 
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);
25140
+ @media screen and (min-width: 992px) {
25141
+ .pf-c-wizard__description {
25142
+ display: block;
25143
+ visibility: visible;
25144
+ }
25145
+ }
25146
+ .pf-c-wizard__toggle {
25147
+ position: relative;
25148
+ z-index: var(--pf-c-wizard__toggle--ZIndex);
25149
+ display: flex;
25150
+ justify-content: space-between;
25151
+ width: 100%;
25152
+ 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);
25153
+ background-color: var(--pf-c-wizard__toggle--BackgroundColor);
25154
+ border: 0;
25155
+ box-shadow: var(--pf-c-wizard__toggle--BoxShadow);
25141
25156
  }
25142
25157
 
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);
25158
+ @media screen and (min-width: 992px) {
25159
+ .pf-c-wizard__toggle {
25160
+ display: none;
25161
+ visibility: hidden;
25162
+ }
25163
+ }
25164
+ .pf-c-wizard__toggle.pf-m-expanded {
25165
+ --pf-c-wizard__toggle--BoxShadow: none;
25166
+ border-bottom: var(--pf-c-wizard__toggle--m-expanded--BorderBottomWidth) solid var(--pf-c-wizard__toggle--m-expanded--BorderBottomColor);
25145
25167
  }
25146
25168
 
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;
25169
+ .pf-c-wizard__toggle.pf-m-expanded .pf-c-wizard__toggle-icon {
25170
+ transform: rotate(var(--pf-c-wizard__toggle--m-expanded__toggle-icon--Rotate));
25155
25171
  }
25156
25172
 
25157
- .pf-c-tree-view__node {
25173
+ .pf-c-wizard__toggle-list {
25158
25174
  position: relative;
25159
25175
  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);
25176
+ flex-wrap: wrap;
25177
+ align-items: baseline;
25178
+ margin-right: var(--pf-c-wizard__toggle-list--MarginRight);
25179
+ margin-bottom: var(--pf-c-wizard__toggle-list--MarginBottom);
25180
+ list-style: none;
25162
25181
  }
25163
25182
 
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);
25183
+ .pf-c-wizard__toggle-list-item {
25184
+ margin-bottom: var(--pf-c-wizard__toggle-list-item--MarginBottom);
25185
+ text-align: left;
25186
+ word-break: break-word;
25167
25187
  }
25168
25188
 
25169
- .pf-c-tree-view__node:focus {
25170
- background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
25189
+ .pf-c-wizard__toggle-list-item:not(:last-child) {
25190
+ margin-right: var(--pf-c-wizard__toggle-list-item--not-last-child--MarginRight);
25171
25191
  }
25172
25192
 
25173
- .pf-c-tree-view__node .pf-c-tree-view__node-count {
25174
- margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
25193
+ .pf-c-wizard__toggle-num {
25194
+ --pf-c-wizard__nav-link--before--Top: var(--pf-c-wizard__toggle-num--before--Top);
25175
25195
  }
25176
25196
 
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);
25197
+ .pf-c-wizard__toggle-separator {
25198
+ margin-left: var(--pf-c-wizard__toggle-separator--MarginLeft);
25199
+ color: var(--pf-c-wizard__toggle-separator--Color);
25179
25200
  }
25180
25201
 
25181
- .pf-c-tree-view__node-container {
25182
- display: var(--pf-c-tree-view__node-container--Display);
25183
- flex-grow: 1;
25202
+ .pf-c-wizard__toggle-icon {
25203
+ line-height: var(--pf-c-wizard__toggle-icon--LineHeight);
25184
25204
  }
25185
25205
 
25186
- .pf-c-tree-view__node-content {
25206
+ .pf-c-wizard__outer-wrap {
25207
+ position: relative;
25187
25208
  display: flex;
25188
25209
  flex-direction: column;
25189
- overflow: var(--pf-c-tree-view__node-content--Overflow);
25210
+ flex-grow: 1;
25211
+ min-height: var(--pf-c-wizard__outer-wrap--MinHeight);
25212
+ background-color: var(--pf-c-wizard__outer-wrap--BackgroundColor);
25190
25213
  }
25191
25214
 
25192
- .pf-c-tree-view__node-content > * + * {
25193
- margin-top: var(--pf-c-tree-view__node-content--RowGap);
25215
+ @media screen and (min-width: 992px) {
25216
+ .pf-c-wizard__outer-wrap {
25217
+ padding-left: var(--pf-c-wizard__outer-wrap--lg--PaddingLeft);
25218
+ }
25219
+ }
25220
+ .pf-c-wizard__inner-wrap {
25221
+ position: relative;
25222
+ display: flex;
25223
+ flex-direction: column;
25224
+ flex-grow: 1;
25225
+ min-height: 0;
25194
25226
  }
25195
25227
 
25196
- .pf-c-tree-view__node-check {
25197
- margin-right: var(--pf-c-tree-view__node-check--MarginRight);
25228
+ @media screen and (min-width: 992px) {
25229
+ .pf-c-wizard__inner-wrap {
25230
+ position: static;
25231
+ }
25232
+ }
25233
+ .pf-c-wizard__nav {
25234
+ position: absolute;
25235
+ top: 0;
25236
+ left: 0;
25237
+ z-index: var(--pf-c-wizard__nav--ZIndex);
25238
+ display: none;
25239
+ width: var(--pf-c-wizard__nav--Width);
25240
+ max-height: 100%;
25241
+ overflow-y: auto;
25242
+ -webkit-overflow-scrolling: touch;
25243
+ visibility: hidden;
25244
+ background-color: var(--pf-c-wizard__nav--BackgroundColor);
25245
+ box-shadow: var(--pf-c-wizard__nav--BoxShadow);
25198
25246
  }
25199
25247
 
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));
25248
+ .pf-c-wizard__nav.pf-m-expanded {
25249
+ display: block;
25250
+ visibility: visible;
25212
25251
  }
25213
25252
 
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;
25253
+ @media screen and (min-width: 992px) {
25254
+ .pf-c-wizard__nav {
25255
+ display: block;
25256
+ height: 100%;
25257
+ visibility: visible;
25258
+ border-right: var(--pf-c-wizard__nav--lg--BorderRightWidth) solid var(--pf-c-wizard__nav--lg--BorderRightColor);
25259
+ }
25260
+ }
25261
+ .pf-c-wizard__nav-list {
25262
+ padding-top: var(--pf-c-wizard__nav-list--PaddingTop);
25263
+ padding-right: var(--pf-c-wizard__nav-list--PaddingRight);
25264
+ padding-bottom: var(--pf-c-wizard__nav-list--PaddingBottom);
25265
+ padding-left: var(--pf-c-wizard__nav-list--PaddingLeft);
25266
+ list-style: none;
25267
+ counter-reset: wizard-nav-count;
25220
25268
  }
25221
25269
 
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;
25270
+ .pf-c-wizard__nav-list .pf-c-wizard__nav-list {
25271
+ padding: 0;
25272
+ margin-top: var(--pf-c-wizard__nav-list--nested--MarginTop);
25273
+ margin-left: var(--pf-c-wizard__nav-list--nested--MarginLeft);
25228
25274
  }
25229
25275
 
25230
- .pf-c-tree-view__node-title {
25231
- font-weight: var(--pf-c-tree-view__node-title--FontWeight);
25276
+ .pf-c-wizard__nav-list .pf-c-wizard__nav-list .pf-c-wizard__nav-link::before {
25277
+ content: none;
25232
25278
  }
25233
25279
 
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);
25280
+ .pf-c-wizard__nav-list .pf-c-wizard__nav-list .pf-c-wizard__nav-link.pf-m-current {
25281
+ font-weight: var(--pf-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight);
25236
25282
  }
25237
25283
 
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);
25284
+ .pf-c-wizard__nav-item + .pf-c-wizard__nav-item {
25285
+ margin-top: var(--pf-c-wizard__nav-item--MarginTop);
25241
25286
  }
25242
25287
 
25243
- .pf-c-tree-view__content {
25288
+ .pf-c-wizard__nav-item.pf-m-expandable > .pf-c-wizard__nav-link {
25244
25289
  display: flex;
25245
- align-items: center;
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__nav-item.pf-m-expandable > .pf-c-wizard__nav-list {
25293
+ display: none;
25294
+ visibility: hidden;
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-item.pf-m-expanded > .pf-c-wizard__nav-list {
25298
+ display: block;
25299
+ visibility: visible;
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-item.pf-m-expanded > .pf-c-wizard__nav-link {
25303
+ --pf-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate);
25261
25304
  }
25262
25305
 
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);
25306
+ .pf-c-wizard__nav-link {
25307
+ position: relative;
25308
+ display: inline-block;
25309
+ width: 100%;
25310
+ color: var(--pf-c-wizard__nav-link--Color);
25311
+ text-align: left;
25312
+ text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
25313
+ word-break: break-word;
25314
+ border: 0;
25266
25315
  }
25267
25316
 
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));
25317
+ .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
25318
+ position: absolute;
25319
+ top: var(--pf-c-wizard__nav-link--before--Top);
25320
+ left: 0;
25321
+ display: inline-flex;
25322
+ align-items: center;
25323
+ justify-content: center;
25324
+ width: var(--pf-c-wizard__nav-link--before--Width);
25325
+ height: var(--pf-c-wizard__nav-link--before--Height);
25326
+ font-size: var(--pf-c-wizard__nav-link--before--FontSize);
25327
+ line-height: 1;
25328
+ color: var(--pf-c-wizard__nav-link--before--Color);
25329
+ background-color: var(--pf-c-wizard__nav-link--before--BackgroundColor);
25330
+ border-radius: var(--pf-c-wizard__nav-link--before--BorderRadius);
25331
+ transform: translateX(var(--pf-c-wizard__nav-link--before--TranslateX));
25272
25332
  }
25273
25333
 
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));
25334
+ .pf-c-wizard__nav-link::before {
25335
+ top: 0;
25336
+ content: counter(wizard-nav-count);
25337
+ counter-increment: wizard-nav-count;
25282
25338
  }
25283
25339
 
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));
25340
+ .pf-c-wizard__nav-link:hover {
25341
+ --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--hover--Color);
25342
+ --pf-c-wizard__nav-link-toggle--Color: var(--pf-c-wizard__nav-link--hover__nav-link-toggle-icon--Color);
25292
25343
  }
25293
25344
 
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));
25345
+ .pf-c-wizard__nav-link:focus {
25346
+ --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--focus--Color);
25347
+ --pf-c-wizard__nav-link-toggle--Color: var(--pf-c-wizard__nav-link--focus__nav-link-toggle-icon--Color);
25302
25348
  }
25303
25349
 
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));
25350
+ .pf-c-wizard__nav-link.pf-m-current {
25351
+ --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--m-current--Color);
25352
+ font-weight: var(--pf-c-wizard__nav-link--m-current--FontWeight);
25312
25353
  }
25313
25354
 
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));
25355
+ .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link.pf-m-current::before {
25356
+ --pf-c-wizard__nav-link--before--BackgroundColor: var(--pf-c-wizard__nav-link--m-current--before--BackgroundColor);
25357
+ --pf-c-wizard__nav-link--before--Color: var(--pf-c-wizard__nav-link--m-current--before--Color);
25322
25358
  }
25323
25359
 
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));
25360
+ .pf-c-wizard__nav-link:disabled, .pf-c-wizard__nav-link.pf-m-disabled {
25361
+ --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--m-disabled--Color);
25362
+ pointer-events: none;
25332
25363
  }
25333
25364
 
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));
25365
+ .pf-c-wizard__nav-link:disabled::before, .pf-c-wizard__nav-link.pf-m-disabled::before {
25366
+ --pf-c-wizard__nav-link--before--BackgroundColor: var(--pf-c-wizard__nav-link--m-disabled--before--BackgroundColor);
25367
+ --pf-c-wizard__nav-link--before--Color: var(--pf-c-wizard__nav-link--m-disabled--before--Color);
25342
25368
  }
25343
25369
 
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));
25370
+ .pf-c-wizard__nav-link-text {
25371
+ flex-grow: 1;
25352
25372
  }
25353
25373
 
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));
25374
+ .pf-c-wizard__nav-link-toggle {
25375
+ padding-right: var(--pf-c-wizard__nav-link-toggle--PaddingRight);
25376
+ padding-left: var(--pf-c-wizard__nav-link-toggle--PaddingLeft);
25377
+ color: var(--pf-c-wizard__nav-link-toggle--Color);
25362
25378
  }
25363
25379
 
25364
- .pf-c-draggable {
25365
- --pf-c-draggable--Cursor: auto;
25366
- --pf-c-draggable--m-dragging--Cursor: grabbing;
25367
- --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
25368
- --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
25369
- --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
25370
- --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
25371
- --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
25372
- cursor: var(--pf-c-draggable--Cursor);
25380
+ .pf-c-wizard__nav-link-toggle-icon {
25381
+ display: inline-block;
25382
+ transition: var(--pf-c-wizard__nav-link-toggle-icon--Transition);
25383
+ transform: rotate(var(--pf-c-wizard__nav-link-toggle-icon--Rotate));
25373
25384
  }
25374
25385
 
25375
- .pf-c-draggable.pf-m-dragging {
25376
- --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
25377
- position: relative;
25378
- background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
25379
- box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
25386
+ .pf-c-wizard__main {
25387
+ z-index: var(--pf-c-wizard__main--ZIndex);
25388
+ flex: 1 1 auto;
25389
+ overflow-x: hidden;
25390
+ overflow-y: auto;
25391
+ word-break: break-word;
25380
25392
  }
25381
25393
 
25382
- .pf-c-draggable.pf-m-dragging::after {
25383
- position: absolute;
25384
- top: 0;
25385
- right: 0;
25386
- bottom: 0;
25387
- left: 0;
25388
- content: "";
25389
- border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
25394
+ .pf-c-wizard__main-body {
25395
+ 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);
25390
25396
  }
25391
25397
 
25392
- .pf-c-draggable.pf-m-drag-outside {
25393
- --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
25394
- --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
25398
+ .pf-c-wizard__main-body.pf-m-no-padding {
25399
+ padding: 0;
25395
25400
  }
25396
25401
 
25397
- .pf-c-droppable {
25398
- --pf-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
25399
- --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
25400
- --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
25401
- --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
25402
+ .pf-c-wizard__footer {
25403
+ z-index: var(--pf-c-wizard__footer--ZIndex);
25404
+ display: flex;
25405
+ flex-wrap: wrap;
25406
+ flex-shrink: 0;
25407
+ 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);
25408
+ background-color: var(--pf-c-wizard__footer--BackgroundColor);
25402
25409
  }
25403
25410
 
25404
- .pf-c-droppable.pf-m-dragging {
25405
- position: relative;
25411
+ .pf-c-wizard__footer > * {
25412
+ margin-bottom: var(--pf-c-wizard__footer--child--MarginBottom);
25406
25413
  }
25407
25414
 
25408
- .pf-c-droppable.pf-m-dragging::after {
25409
- position: absolute;
25410
- top: 0;
25411
- right: 0;
25412
- bottom: 0;
25413
- left: 0;
25414
- pointer-events: none;
25415
- content: "";
25415
+ .pf-c-wizard__footer > *:not(:last-child) {
25416
+ margin-right: var(--pf-c-wizard__footer--child--MarginRight);
25416
25417
  }
25417
25418
 
25418
- .pf-c-droppable::after {
25419
- background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
25420
- border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
25419
+ .pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer {
25420
+ box-shadow: var(--pf-c-wizard__footer--BoxShadow);
25421
25421
  }
25422
25422
 
25423
- .pf-c-droppable.pf-m-drag-outside {
25424
- --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
25423
+ .pf-c-wizard__footer-cancel {
25424
+ margin-left: var(--pf-c-wizard__footer-cancel--MarginLeft);
25425
25425
  }
25426
25426
 
25427
25427
  .pf-c-text-input-group {