@patternfly/react-table 4.52.3 → 4.52.4

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.
@@ -24351,475 +24351,6 @@ 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-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);
24462
- }
24463
-
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;
24466
- }
24467
-
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: "";
24474
- }
24475
-
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);
24481
- }
24482
-
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);
24488
- }
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);
24492
- }
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);
24496
- }
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;
24500
- }
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);
24509
- }
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);
24513
- }
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);
24517
- }
24518
-
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);
24527
- }
24528
-
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);
24532
- }
24533
-
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);
24536
- }
24537
-
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);
24540
- }
24541
-
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);
24544
- }
24545
-
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);
24551
- }
24552
-
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);
24556
- }
24557
-
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);
24561
- }
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);
24565
- }
24566
-
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;
24570
- }
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);
24574
- }
24575
-
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);
24579
- }
24580
-
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);
24584
- }
24585
-
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);
24588
- }
24589
-
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));
24596
- }
24597
-
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);
24600
- }
24601
-
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);
24604
- }
24605
-
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;
24614
- }
24615
-
24616
- .pf-c-tree-view__node {
24617
- position: relative;
24618
- display: flex;
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);
24621
- }
24622
-
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);
24626
- }
24627
-
24628
- .pf-c-tree-view__node:focus {
24629
- background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
24630
- }
24631
-
24632
- .pf-c-tree-view__node .pf-c-tree-view__node-count {
24633
- margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
24634
- }
24635
-
24636
- .pf-c-tree-view__node .pf-c-tree-view__node-count .pf-c-badge.pf-m-read {
24637
- --pf-c-badge--m-read--BackgroundColor: var(--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
24638
- }
24639
-
24640
- .pf-c-tree-view__node-container {
24641
- display: var(--pf-c-tree-view__node-container--Display);
24642
- flex-grow: 1;
24643
- }
24644
-
24645
- .pf-c-tree-view__node-content {
24646
- display: flex;
24647
- flex-direction: column;
24648
- overflow: var(--pf-c-tree-view__node-content--Overflow);
24649
- }
24650
-
24651
- .pf-c-tree-view__node-content > * + * {
24652
- margin-top: var(--pf-c-tree-view__node-content--RowGap);
24653
- }
24654
-
24655
- .pf-c-tree-view__node-check {
24656
- margin-right: var(--pf-c-tree-view__node-check--MarginRight);
24657
- }
24658
-
24659
- .pf-c-tree-view__node-toggle {
24660
- position: var(--pf-c-tree-view__node-toggle--Position);
24661
- top: var(--pf-c-tree-view__list-item__list-item__node-toggle--Top);
24662
- left: var(--pf-c-tree-view__list-item__list-item__node-toggle--Left);
24663
- display: inline-flex;
24664
- align-items: center;
24665
- justify-content: center;
24666
- padding: var(--pf-c-tree-view__node-toggle-button--PaddingTop) var(--pf-c-tree-view__node-toggle-button--PaddingRight) var(--pf-c-tree-view__node-toggle-button--PaddingBottom) var(--pf-c-tree-view__node-toggle-button--PaddingLeft);
24667
- margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
24668
- margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
24669
- border: 0;
24670
- transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
24671
- }
24672
-
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;
24679
- }
24680
-
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;
24687
- }
24688
-
24689
- .pf-c-tree-view__node-title {
24690
- font-weight: var(--pf-c-tree-view__node-title--FontWeight);
24691
- }
24692
-
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);
24695
- }
24696
-
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);
24700
- }
24701
-
24702
- .pf-c-tree-view__content {
24703
- display: flex;
24704
- align-items: center;
24705
- }
24706
-
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);
24710
- }
24711
-
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;
24716
- }
24717
-
24718
- .pf-c-tree-view__action:hover {
24719
- --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
24720
- }
24721
-
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);
24725
- }
24726
-
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));
24731
- }
24732
-
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));
24741
- }
24742
-
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));
24751
- }
24752
-
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));
24761
- }
24762
-
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));
24771
- }
24772
-
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));
24781
- }
24782
-
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));
24791
- }
24792
-
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));
24801
- }
24802
-
24803
- .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
24804
- --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
24805
- --pf-c-tree-view__node--PaddingLeft: calc(var(--pf-c-tree-view__node--nested-indent--base) * 9 + var(--pf-c-tree-view__node--indent--base));
24806
- --pf-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides--guide-left--base--offset));
24807
- --pf-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact__node--nested-indent--base) * 8 + var(--pf-c-tree-view--m-compact__node--indent--base));
24808
- --pf-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
24809
- --pf-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 8 + var(--pf-c-tree-view--m-compact--m-no-background__node--indent--base));
24810
- --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
24811
- }
24812
-
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
24354
  .pf-c-wizard__header {
24824
24355
  --pf-global--Color--100: var(--pf-global--Color--light-100);
24825
24356
  --pf-global--Color--200: var(--pf-global--Color--light-200);
@@ -24969,396 +24500,865 @@ label.pf-c-radio, .pf-c-radio__label,
24969
24500
  --pf-c-wizard__footer-cancel--MarginLeft: calc(var(--pf-global--spacer--2xl) - var(--pf-c-wizard__footer--child--MarginRight));
24970
24501
  position: relative;
24971
24502
  display: flex;
24972
- flex-direction: column;
24973
- height: var(--pf-c-wizard--Height);
24503
+ flex-direction: column;
24504
+ height: var(--pf-c-wizard--Height);
24505
+ }
24506
+
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
+ }
24523
+ }
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
+ }
24529
+ }
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
+ }
24536
+ }
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
+ }
24544
+ }
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
+ }
24552
+ }
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
+ }
24560
+ }
24561
+ .pf-c-modal-box .pf-c-wizard {
24562
+ flex: 1 1 var(--pf-c-modal-box--c-wizard--FlexBasis);
24563
+ min-height: 0;
24564
+ }
24565
+
24566
+ .pf-c-wizard > *:not(.pf-c-wizard__outer-wrap) {
24567
+ flex-shrink: 0;
24568
+ }
24569
+
24570
+ .pf-c-wizard.pf-m-finished {
24571
+ --pf-c-wizard__outer-wrap--lg--PaddingLeft: 0;
24572
+ }
24573
+
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;
24579
+ }
24580
+
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);
24587
+ }
24588
+
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);
24594
+ }
24595
+
24596
+ .pf-c-wizard__title {
24597
+ padding-right: var(--pf-c-wizard__title--PaddingRight);
24598
+ word-wrap: break-word;
24599
+ }
24600
+
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;
24606
+ }
24607
+
24608
+ @media screen and (min-width: 992px) {
24609
+ .pf-c-wizard__description {
24610
+ display: block;
24611
+ visibility: visible;
24612
+ }
24613
+ }
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);
24624
+ }
24625
+
24626
+ @media screen and (min-width: 992px) {
24627
+ .pf-c-wizard__toggle {
24628
+ display: none;
24629
+ visibility: hidden;
24630
+ }
24631
+ }
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);
24635
+ }
24636
+
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));
24639
+ }
24640
+
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;
24649
+ }
24650
+
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;
24655
+ }
24656
+
24657
+ .pf-c-wizard__toggle-list-item:not(:last-child) {
24658
+ margin-right: var(--pf-c-wizard__toggle-list-item--not-last-child--MarginRight);
24659
+ }
24660
+
24661
+ .pf-c-wizard__toggle-num {
24662
+ --pf-c-wizard__nav-link--before--Top: var(--pf-c-wizard__toggle-num--before--Top);
24663
+ }
24664
+
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);
24668
+ }
24669
+
24670
+ .pf-c-wizard__toggle-icon {
24671
+ line-height: var(--pf-c-wizard__toggle-icon--LineHeight);
24672
+ }
24673
+
24674
+ .pf-c-wizard__outer-wrap {
24675
+ position: relative;
24676
+ 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);
24681
+ }
24682
+
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;
24736
+ }
24737
+
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);
24742
+ }
24743
+
24744
+ .pf-c-wizard__nav-list .pf-c-wizard__nav-list .pf-c-wizard__nav-link::before {
24745
+ content: none;
24746
+ }
24747
+
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);
24750
+ }
24751
+
24752
+ .pf-c-wizard__nav-item + .pf-c-wizard__nav-item {
24753
+ margin-top: var(--pf-c-wizard__nav-item--MarginTop);
24754
+ }
24755
+
24756
+ .pf-c-wizard__nav-item.pf-m-expandable > .pf-c-wizard__nav-link {
24757
+ display: flex;
24974
24758
  }
24975
24759
 
24976
- @media screen and (min-width: 992px) {
24977
- .pf-c-wizard {
24978
- --pf-c-wizard__header--PaddingRight: var(--pf-c-wizard__header--lg--PaddingRight);
24979
- --pf-c-wizard__header--PaddingLeft: var(--pf-c-wizard__header--lg--PaddingLeft);
24980
- }
24760
+ .pf-c-wizard__nav-item.pf-m-expandable > .pf-c-wizard__nav-list {
24761
+ display: none;
24762
+ visibility: hidden;
24981
24763
  }
24982
- @media screen and (min-width: 1200px) {
24983
- .pf-c-wizard {
24984
- --pf-c-wizard__header--PaddingRight: var(--pf-c-wizard__header--xl--PaddingRight);
24985
- --pf-c-wizard__header--PaddingLeft: var(--pf-c-wizard__header--xl--PaddingLeft);
24986
- }
24764
+
24765
+ .pf-c-wizard__nav-item.pf-m-expanded > .pf-c-wizard__nav-list {
24766
+ display: block;
24767
+ visibility: visible;
24987
24768
  }
24988
- @media screen and (min-width: 1200px) {
24989
- .pf-c-wizard {
24990
- --pf-c-wizard__close--Right: var(--pf-c-wizard__close--xl--Right);
24991
- }
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);
24992
24772
  }
24993
- @media screen and (min-width: 992px) {
24994
- .pf-c-wizard {
24995
- --pf-c-wizard__nav--Width: var(--pf-c-wizard__nav--lg--Width);
24996
- --pf-c-wizard__nav--BoxShadow: none;
24997
- }
24773
+
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;
24998
24783
  }
24999
- @media screen and (min-width: 992px) {
25000
- .pf-c-wizard {
25001
- --pf-c-wizard__nav-list--PaddingTop: var(--pf-c-wizard__nav-list--lg--PaddingTop);
25002
- --pf-c-wizard__nav-list--PaddingRight: var(--pf-c-wizard__nav-list--lg--PaddingRight);
25003
- --pf-c-wizard__nav-list--PaddingBottom: var(--pf-c-wizard__nav-list--lg--PaddingBottom);
25004
- }
24784
+
24785
+ .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
24786
+ position: absolute;
24787
+ top: var(--pf-c-wizard__nav-link--before--Top);
24788
+ left: 0;
24789
+ display: inline-flex;
24790
+ align-items: center;
24791
+ justify-content: center;
24792
+ width: var(--pf-c-wizard__nav-link--before--Width);
24793
+ height: var(--pf-c-wizard__nav-link--before--Height);
24794
+ font-size: var(--pf-c-wizard__nav-link--before--FontSize);
24795
+ line-height: 1;
24796
+ color: var(--pf-c-wizard__nav-link--before--Color);
24797
+ background-color: var(--pf-c-wizard__nav-link--before--BackgroundColor);
24798
+ border-radius: var(--pf-c-wizard__nav-link--before--BorderRadius);
24799
+ transform: translateX(var(--pf-c-wizard__nav-link--before--TranslateX));
25005
24800
  }
25006
- @media screen and (min-width: 1200px) {
25007
- .pf-c-wizard {
25008
- --pf-c-wizard__nav-list--PaddingTop: var(--pf-c-wizard__nav-list--xl--PaddingTop);
25009
- --pf-c-wizard__nav-list--PaddingRight: var(--pf-c-wizard__nav-list--xl--PaddingRight);
25010
- --pf-c-wizard__nav-list--PaddingBottom: var(--pf-c-wizard__nav-list--xl--PaddingBottom);
25011
- --pf-c-wizard__nav-list--PaddingLeft: var(--pf-c-wizard__nav-list--xl--PaddingLeft);
25012
- }
24801
+
24802
+ .pf-c-wizard__nav-link::before {
24803
+ top: 0;
24804
+ content: counter(wizard-nav-count);
24805
+ counter-increment: wizard-nav-count;
25013
24806
  }
25014
- @media screen and (min-width: 1200px) {
25015
- .pf-c-wizard {
25016
- --pf-c-wizard__main-body--PaddingTop: var(--pf-c-wizard__main-body--xl--PaddingTop);
25017
- --pf-c-wizard__main-body--PaddingRight: var(--pf-c-wizard__main-body--xl--PaddingRight);
25018
- --pf-c-wizard__main-body--PaddingBottom: var(--pf-c-wizard__main-body--xl--PaddingBottom);
25019
- --pf-c-wizard__main-body--PaddingLeft: var(--pf-c-wizard__main-body--xl--PaddingLeft);
25020
- }
24807
+
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);
25021
24811
  }
25022
- @media screen and (min-width: 1200px) {
25023
- .pf-c-wizard {
25024
- --pf-c-wizard__footer--PaddingTop: var(--pf-c-wizard__footer--xl--PaddingTop);
25025
- --pf-c-wizard__footer--PaddingRight: var(--pf-c-wizard__footer--xl--PaddingRight);
25026
- --pf-c-wizard__footer--PaddingBottom: var(--pf-c-wizard__footer--xl--PaddingBottom);
25027
- --pf-c-wizard__footer--PaddingLeft: var(--pf-c-wizard__footer--xl--PaddingLeft);
25028
- }
24812
+
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);
24816
+ }
24817
+
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);
24821
+ }
24822
+
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);
24826
+ }
24827
+
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;
24831
+ }
24832
+
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);
24836
+ }
24837
+
24838
+ .pf-c-wizard__nav-link-text {
24839
+ flex-grow: 1;
24840
+ }
24841
+
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);
24846
+ }
24847
+
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));
24852
+ }
24853
+
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;
24860
+ }
24861
+
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);
24864
+ }
24865
+
24866
+ .pf-c-wizard__main-body.pf-m-no-padding {
24867
+ padding: 0;
24868
+ }
24869
+
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);
24877
+ }
24878
+
24879
+ .pf-c-wizard__footer > * {
24880
+ margin-bottom: var(--pf-c-wizard__footer--child--MarginBottom);
24881
+ }
24882
+
24883
+ .pf-c-wizard__footer > *:not(:last-child) {
24884
+ margin-right: var(--pf-c-wizard__footer--child--MarginRight);
24885
+ }
24886
+
24887
+ .pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer {
24888
+ box-shadow: var(--pf-c-wizard__footer--BoxShadow);
24889
+ }
24890
+
24891
+ .pf-c-wizard__footer-cancel {
24892
+ margin-left: var(--pf-c-wizard__footer-cancel--MarginLeft);
24893
+ }
24894
+
24895
+ .pf-c-tree-view {
24896
+ --pf-c-tree-view--PaddingTop: var(--pf-global--spacer--sm);
24897
+ --pf-c-tree-view--PaddingBottom: var(--pf-global--spacer--sm);
24898
+ --pf-c-tree-view__node--indent--base: calc(var(--pf-global--spacer--md) * 2 + var(--pf-c-tree-view__node-toggle-icon--MinWidth));
24899
+ --pf-c-tree-view__node--nested-indent--base: calc(var(--pf-c-tree-view__node--indent--base) - var(--pf-global--spacer--md));
24900
+ --pf-c-tree-view__node--PaddingTop--base: var(--pf-global--spacer--sm);
24901
+ --pf-c-tree-view__node--PaddingTop: var(--pf-c-tree-view__node--PaddingTop--base);
24902
+ --pf-c-tree-view__node--PaddingRight: var(--pf-global--spacer--sm);
24903
+ --pf-c-tree-view__node--PaddingBottom: var(--pf-global--spacer--sm);
24904
+ --pf-c-tree-view__node--PaddingLeft: var(--pf-c-tree-view__node--indent--base);
24905
+ --pf-c-tree-view__node--Color: var(--pf-global--Color--100);
24906
+ --pf-c-tree-view__node--m-current--Color: var(--pf-global--link--Color);
24907
+ --pf-c-tree-view__node--m-current--FontWeight: var(--pf-global--FontWeight--bold);
24908
+ --pf-c-tree-view__node-container--Display: contents;
24909
+ --pf-c-tree-view__node-content--RowGap: var(--pf-global--spacer--sm);
24910
+ --pf-c-tree-view__node-content--Overflow: visible;
24911
+ --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
24912
+ --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--palette--black-200);
24913
+ --pf-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-c-tree-view__node--PaddingTop--base);
24914
+ --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
24915
+ --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
24916
+ --pf-c-tree-view__node-toggle--Position: absolute;
24917
+ --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
24918
+ --pf-c-tree-view__node-toggle-icon--Transition: var(--pf-global--Transition);
24919
+ --pf-c-tree-view__node-toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
24920
+ --pf-c-tree-view__node-toggle-button--PaddingRight: var(--pf-global--spacer--md);
24921
+ --pf-c-tree-view__node-toggle-button--PaddingBottom: var(--pf-global--spacer--form-element);
24922
+ --pf-c-tree-view__node-toggle-button--PaddingLeft: var(--pf-global--spacer--md);
24923
+ --pf-c-tree-view__node-toggle-button--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
24924
+ --pf-c-tree-view__node-toggle-button--MarginBottom: calc(var(--pf-global--spacer--form-element) * -1);
24925
+ --pf-c-tree-view__node-check--MarginRight: var(--pf-global--spacer--sm);
24926
+ --pf-c-tree-view__node-count--MarginLeft: var(--pf-global--spacer--sm);
24927
+ --pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor: var(--pf-global--disabled-color--200);
24928
+ --pf-c-tree-view__search--PaddingTop: var(--pf-global--spacer--sm);
24929
+ --pf-c-tree-view__search--PaddingRight: var(--pf-global--spacer--sm);
24930
+ --pf-c-tree-view__search--PaddingBottom: var(--pf-global--spacer--sm);
24931
+ --pf-c-tree-view__search--PaddingLeft: var(--pf-global--spacer--sm);
24932
+ --pf-c-tree-view__node-icon--PaddingRight: var(--pf-global--spacer--sm);
24933
+ --pf-c-tree-view__node-icon--Color: var(--pf-global--icon--Color--light);
24934
+ --pf-c-tree-view__node-toggle-icon--base--Rotate: 0;
24935
+ --pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__node-toggle-icon--base--Rotate);
24936
+ --pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
24937
+ --pf-c-tree-view__node-text--max-lines: 1;
24938
+ --pf-c-tree-view__node-title--FontWeight: var(--pf-global--FontWeight--bold);
24939
+ --pf-c-tree-view__action--MarginLeft: var(--pf-global--spacer--md);
24940
+ --pf-c-tree-view__action--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
24941
+ --pf-c-tree-view__action--Color: var(--pf-global--icon--Color--light);
24942
+ --pf-c-tree-view__action--hover--Color: var(--pf-global--icon--Color--dark);
24943
+ --pf-c-tree-view__action--focus--Color: var(--pf-global--icon--Color--dark);
24944
+ --pf-c-tree-view--m-guides--guide--Left: var(--pf-c-tree-view--m-guides--guide-left--base);
24945
+ --pf-c-tree-view--m-guides--guide-color--base: var(--pf-global--BorderColor--100);
24946
+ --pf-c-tree-view--m-guides--guide-width--base: var(--pf-global--BorderWidth--sm);
24947
+ --pf-c-tree-view--m-guides--guide-left--base: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-guides__list-node--guide-width--base));
24948
+ --pf-c-tree-view--m-guides--guide-left--base--offset: calc(var(--pf-c-tree-view__list-item__list-item__node-toggle--Left) + var(--pf-c-tree-view__node-toggle-icon--MinWidth) / 2);
24949
+ --pf-c-tree-view--m-guides__list-node--guide-width--base: var(--pf-global--spacer--lg);
24950
+ --pf-c-tree-view--m-guides__list-item--before--Top: 0;
24951
+ --pf-c-tree-view--m-guides__list-item--before--Width: var(--pf-c-tree-view--m-guides--guide-width--base);
24952
+ --pf-c-tree-view--m-guides__list-item--before--Height: 100%;
24953
+ --pf-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
24954
+ --pf-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-c-tree-view--m-guides__node--before--Top);
24955
+ --pf-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-c-tree-view--m-guides__list-item--last-child--before--Top);
24956
+ --pf-c-tree-view--m-guides__node--before--Width: 1rem;
24957
+ --pf-c-tree-view--m-guides__node--before--Height: var(--pf-c-tree-view--m-guides--guide-width--base);
24958
+ --pf-c-tree-view--m-guides__node--before--Top: 1.125rem;
24959
+ --pf-c-tree-view--m-guides__node--before--BackgroundColor: var(--pf-c-tree-view--m-guides--guide-color--base);
24960
+ --pf-c-tree-view--m-compact--base-border--Left--offset: var(--pf-global--spacer--md);
24961
+ --pf-c-tree-view--m-compact--base-border--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--base-border--Left--offset));
24962
+ --pf-c-tree-view--m-compact__node--indent--base: var(--pf-c-tree-view__node--indent--base);
24963
+ --pf-c-tree-view--m-compact__node--nested-indent--base: var(--pf-global--spacer--lg);
24964
+ --pf-c-tree-view--m-compact--border--Left: var(--pf-c-tree-view--m-compact--base-border--Left);
24965
+ --pf-c-tree-view--m-compact__node--PaddingTop: 0;
24966
+ --pf-c-tree-view--m-compact__node--PaddingBottom: 0;
24967
+ --pf-c-tree-view--m-compact__node--nested--PaddingTop: var(--pf-global--spacer--sm);
24968
+ --pf-c-tree-view--m-compact__node--nested--PaddingBottom: var(--pf-global--spacer--sm);
24969
+ --pf-c-tree-view--m-compact__list-item__list-item__node-toggle--Top: calc(var(--pf-c-tree-view--m-compact__node-container--PaddingTop));
24970
+ --pf-c-tree-view--m-compact__list-item--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
24971
+ --pf-c-tree-view--m-compact__list-item--BorderBottomColor: var(--pf-global--BorderColor--100);
24972
+ --pf-c-tree-view--m-compact__list-item--before--Top: 0;
24973
+ --pf-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-c-tree-view--m-compact__node--before--Top);
24974
+ --pf-c-tree-view--m-compact__list-item--nested--before--Top: calc(var(--pf-c-tree-view__node--PaddingTop--base) * -1);
24975
+ --pf-c-tree-view--m-compact__list-item--nested--last-child--before--Height: calc(var(--pf-c-tree-view--m-compact__node--before--Top) + var(--pf-c-tree-view__node--PaddingTop--base));
24976
+ --pf-c-tree-view--m-compact__node--PaddingLeft: var(--pf-c-tree-view--m-compact__node--indent--base);
24977
+ --pf-c-tree-view--m-compact__node--before--Top: calc(var(--pf-c-tree-view--m-compact__node-container--PaddingTop) + var(--pf-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
24978
+ --pf-c-tree-view--m-compact__node--level-2--PaddingLeft: var(--pf-c-tree-view--m-compact__node--indent--base);
24979
+ --pf-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(var(--pf-c-tree-view__node-toggle-button--PaddingLeft) * -.5);
24980
+ --pf-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(var(--pf-c-tree-view__node-toggle-button--PaddingLeft) * -1.5);
24981
+ --pf-c-tree-view--m-compact__node-container--Display: flex;
24982
+ --pf-c-tree-view--m-compact__node-container--PaddingBottom--base: var(--pf-global--spacer--lg);
24983
+ --pf-c-tree-view--m-compact__node-container--PaddingTop: var(--pf-global--spacer--lg);
24984
+ --pf-c-tree-view--m-compact__node-container--PaddingRight: var(--pf-global--spacer--lg);
24985
+ --pf-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-c-tree-view--m-compact__node-container--PaddingBottom--base);
24986
+ --pf-c-tree-view--m-compact__node-container--PaddingLeft: var(--pf-global--spacer--xs);
24987
+ --pf-c-tree-view--m-compact__node-container--nested--PaddingTop: var(--pf-global--spacer--md);
24988
+ --pf-c-tree-view--m-compact__node-container--nested--PaddingRight: var(--pf-global--spacer--lg);
24989
+ --pf-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(--pf-global--spacer--md);
24990
+ --pf-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(--pf-global--spacer--lg);
24991
+ --pf-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-global--BackgroundColor--200);
24992
+ --pf-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom: 0;
24993
+ --pf-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
24994
+ --pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(--pf-global--spacer--sm);
24995
+ --pf-c-tree-view--m-compact--m-no-background--base-border--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
24996
+ --pf-c-tree-view--m-compact--m-no-background__node--indent--base: var(--pf-c-tree-view__node--indent--base);
24997
+ --pf-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(--pf-global--spacer--2xl);
24998
+ --pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop: 0;
24999
+ --pf-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom: 0;
25000
+ --pf-c-tree-view--m-compact--m-no-background__node--before--Top: calc(var(--pf-c-tree-view--m-compact__node-container--nested--PaddingTop) + var(--pf-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
25001
+ padding-top: var(--pf-c-tree-view--PaddingTop);
25002
+ padding-bottom: var(--pf-c-tree-view--PaddingBottom);
25029
25003
  }
25030
- .pf-c-modal-box .pf-c-wizard {
25031
- flex: 1 1 var(--pf-c-modal-box--c-wizard--FlexBasis);
25032
- min-height: 0;
25004
+
25005
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item {
25006
+ position: relative;
25033
25007
  }
25034
25008
 
25035
- .pf-c-wizard > *:not(.pf-c-wizard__outer-wrap) {
25036
- flex-shrink: 0;
25009
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before,
25010
+ .pf-c-tree-view.pf-m-compact .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before, .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item::before,
25011
+ .pf-c-tree-view.pf-m-guides .pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__node::before {
25012
+ position: absolute;
25013
+ left: var(--pf-c-tree-view--m-guides--guide--Left);
25014
+ content: "";
25037
25015
  }
25038
25016
 
25039
- .pf-c-wizard.pf-m-finished {
25040
- --pf-c-wizard__outer-wrap--lg--PaddingLeft: 0;
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);
25041
25022
  }
25042
25023
 
25043
- .pf-c-wizard.pf-m-finished .pf-c-wizard__nav,
25044
- .pf-c-wizard.pf-m-finished .pf-c-wizard__footer,
25045
- .pf-c-wizard.pf-m-finished .pf-c-wizard__toggle {
25046
- display: none;
25047
- visibility: hidden;
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);
25048
25029
  }
25049
25030
 
25050
- .pf-c-wizard__header {
25051
- color: var(--pf-global--Color--100);
25052
- position: relative;
25053
- z-index: var(--pf-c-wizard__header--ZIndex);
25054
- padding: var(--pf-c-wizard__header--PaddingTop) var(--pf-c-wizard__header--PaddingRight) var(--pf-c-wizard__header--PaddingBottom) var(--pf-c-wizard__header--PaddingLeft);
25055
- background-color: var(--pf-c-wizard__header--BackgroundColor);
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);
25056
25033
  }
25057
25034
 
25058
- .pf-c-wizard__header .pf-c-wizard__close {
25059
- position: absolute;
25060
- top: var(--pf-c-wizard__close--Top);
25061
- right: var(--pf-c-wizard__close--Right);
25062
- font-size: var(--pf-c-wizard__close--FontSize);
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);
25063
25037
  }
25064
25038
 
25065
- .pf-c-wizard__title {
25066
- padding-right: var(--pf-c-wizard__title--PaddingRight);
25067
- word-wrap: break-word;
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;
25068
25041
  }
25069
25042
 
25070
- .pf-c-wizard__description {
25071
- display: none;
25072
- padding-top: var(--pf-c-wizard__description--PaddingTop);
25073
- color: var(--pf-c-wizard__description--Color);
25074
- visibility: hidden;
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);
25075
25050
  }
25076
25051
 
25077
- @media screen and (min-width: 992px) {
25078
- .pf-c-wizard__description {
25079
- display: block;
25080
- visibility: visible;
25081
- }
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);
25082
25054
  }
25083
- .pf-c-wizard__toggle {
25084
- position: relative;
25085
- z-index: var(--pf-c-wizard__toggle--ZIndex);
25086
- display: flex;
25087
- justify-content: space-between;
25088
- width: 100%;
25089
- padding: var(--pf-c-wizard__toggle--PaddingTop) var(--pf-c-wizard__toggle--PaddingRight) var(--pf-c-wizard__toggle--PaddingBottom) var(--pf-c-wizard__toggle--PaddingLeft);
25090
- background-color: var(--pf-c-wizard__toggle--BackgroundColor);
25091
- border: 0;
25092
- box-shadow: var(--pf-c-wizard__toggle--BoxShadow);
25055
+
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);
25093
25058
  }
25094
25059
 
25095
- @media screen and (min-width: 992px) {
25096
- .pf-c-wizard__toggle {
25097
- display: none;
25098
- visibility: hidden;
25099
- }
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);
25100
25068
  }
25101
- .pf-c-wizard__toggle.pf-m-expanded {
25102
- --pf-c-wizard__toggle--BoxShadow: none;
25103
- border-bottom: var(--pf-c-wizard__toggle--m-expanded--BorderBottomWidth) solid var(--pf-c-wizard__toggle--m-expanded--BorderBottomColor);
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);
25104
25073
  }
25105
25074
 
25106
- .pf-c-wizard__toggle.pf-m-expanded .pf-c-wizard__toggle-icon {
25107
- transform: rotate(var(--pf-c-wizard__toggle--m-expanded__toggle-icon--Rotate));
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);
25108
25077
  }
25109
25078
 
25110
- .pf-c-wizard__toggle-list {
25111
- position: relative;
25112
- display: flex;
25113
- flex-wrap: wrap;
25114
- align-items: baseline;
25115
- margin-right: var(--pf-c-wizard__toggle-list--MarginRight);
25116
- margin-bottom: var(--pf-c-wizard__toggle-list--MarginBottom);
25117
- list-style: none;
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);
25118
25081
  }
25119
25082
 
25120
- .pf-c-wizard__toggle-list-item {
25121
- margin-bottom: var(--pf-c-wizard__toggle-list-item--MarginBottom);
25122
- text-align: left;
25123
- word-break: break-word;
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);
25124
25085
  }
25125
25086
 
25126
- .pf-c-wizard__toggle-list-item:not(:last-child) {
25127
- margin-right: var(--pf-c-wizard__toggle-list-item--not-last-child--MarginRight);
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);
25128
25092
  }
25129
25093
 
25130
- .pf-c-wizard__toggle-num {
25131
- --pf-c-wizard__nav-link--before--Top: var(--pf-c-wizard__toggle-num--before--Top);
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);
25132
25097
  }
25133
25098
 
25134
- .pf-c-wizard__toggle-separator {
25135
- margin-left: var(--pf-c-wizard__toggle-separator--MarginLeft);
25136
- color: var(--pf-c-wizard__toggle-separator--Color);
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);
25137
25102
  }
25138
25103
 
25139
- .pf-c-wizard__toggle-icon {
25140
- line-height: var(--pf-c-wizard__toggle-icon--LineHeight);
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);
25141
25106
  }
25142
25107
 
25143
- .pf-c-wizard__outer-wrap {
25144
- position: relative;
25145
- display: flex;
25146
- flex-direction: column;
25147
- flex-grow: 1;
25148
- min-height: var(--pf-c-wizard__outer-wrap--MinHeight);
25149
- background-color: var(--pf-c-wizard__outer-wrap--BackgroundColor);
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;
25150
25111
  }
25151
25112
 
25152
- @media screen and (min-width: 992px) {
25153
- .pf-c-wizard__outer-wrap {
25154
- padding-left: var(--pf-c-wizard__outer-wrap--lg--PaddingLeft);
25155
- }
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);
25156
25115
  }
25157
- .pf-c-wizard__inner-wrap {
25158
- position: relative;
25159
- display: flex;
25160
- flex-direction: column;
25161
- flex-grow: 1;
25162
- min-height: 0;
25116
+
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);
25163
25120
  }
25164
25121
 
25165
- @media screen and (min-width: 992px) {
25166
- .pf-c-wizard__inner-wrap {
25167
- position: static;
25168
- }
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);
25169
25125
  }
25170
- .pf-c-wizard__nav {
25171
- position: absolute;
25172
- top: 0;
25173
- left: 0;
25174
- z-index: var(--pf-c-wizard__nav--ZIndex);
25175
- display: none;
25176
- width: var(--pf-c-wizard__nav--Width);
25177
- max-height: 100%;
25178
- overflow-y: auto;
25179
- -webkit-overflow-scrolling: touch;
25180
- visibility: hidden;
25181
- background-color: var(--pf-c-wizard__nav--BackgroundColor);
25182
- box-shadow: var(--pf-c-wizard__nav--BoxShadow);
25126
+
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);
25183
25129
  }
25184
25130
 
25185
- .pf-c-wizard__nav.pf-m-expanded {
25186
- display: block;
25187
- visibility: visible;
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));
25188
25137
  }
25189
25138
 
25190
- @media screen and (min-width: 992px) {
25191
- .pf-c-wizard__nav {
25192
- display: block;
25193
- height: 100%;
25194
- visibility: visible;
25195
- border-right: var(--pf-c-wizard__nav--lg--BorderRightWidth) solid var(--pf-c-wizard__nav--lg--BorderRightColor);
25196
- }
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);
25197
25141
  }
25198
- .pf-c-wizard__nav-list {
25199
- padding-top: var(--pf-c-wizard__nav-list--PaddingTop);
25200
- padding-right: var(--pf-c-wizard__nav-list--PaddingRight);
25201
- padding-bottom: var(--pf-c-wizard__nav-list--PaddingBottom);
25202
- padding-left: var(--pf-c-wizard__nav-list--PaddingLeft);
25203
- list-style: none;
25204
- counter-reset: wizard-nav-count;
25142
+
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);
25205
25145
  }
25206
25146
 
25207
- .pf-c-wizard__nav-list .pf-c-wizard__nav-list {
25208
- padding: 0;
25209
- margin-top: var(--pf-c-wizard__nav-list--nested--MarginTop);
25210
- margin-left: var(--pf-c-wizard__nav-list--nested--MarginLeft);
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;
25211
25155
  }
25212
25156
 
25213
- .pf-c-wizard__nav-list .pf-c-wizard__nav-list .pf-c-wizard__nav-link::before {
25214
- content: none;
25157
+ .pf-c-tree-view__node {
25158
+ position: relative;
25159
+ display: flex;
25160
+ padding: var(--pf-c-tree-view__node--PaddingTop) var(--pf-c-tree-view__node--PaddingRight) var(--pf-c-tree-view__node--PaddingBottom) var(--pf-c-tree-view__node--PaddingLeft);
25161
+ color: var(--pf-c-tree-view__node--Color);
25215
25162
  }
25216
25163
 
25217
- .pf-c-wizard__nav-list .pf-c-wizard__nav-list .pf-c-wizard__nav-link.pf-m-current {
25218
- font-weight: var(--pf-c-wizard__nav-list__nav-list__nav-link--m-current--FontWeight);
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);
25219
25167
  }
25220
25168
 
25221
- .pf-c-wizard__nav-item + .pf-c-wizard__nav-item {
25222
- margin-top: var(--pf-c-wizard__nav-item--MarginTop);
25169
+ .pf-c-tree-view__node:focus {
25170
+ background-color: var(--pf-c-tree-view__node--focus--BackgroundColor);
25223
25171
  }
25224
25172
 
25225
- .pf-c-wizard__nav-item.pf-m-expandable > .pf-c-wizard__nav-link {
25226
- display: flex;
25173
+ .pf-c-tree-view__node .pf-c-tree-view__node-count {
25174
+ margin-left: var(--pf-c-tree-view__node-count--MarginLeft);
25227
25175
  }
25228
25176
 
25229
- .pf-c-wizard__nav-item.pf-m-expandable > .pf-c-wizard__nav-list {
25230
- display: none;
25231
- visibility: hidden;
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);
25232
25179
  }
25233
25180
 
25234
- .pf-c-wizard__nav-item.pf-m-expanded > .pf-c-wizard__nav-list {
25235
- display: block;
25236
- visibility: visible;
25181
+ .pf-c-tree-view__node-container {
25182
+ display: var(--pf-c-tree-view__node-container--Display);
25183
+ flex-grow: 1;
25237
25184
  }
25238
25185
 
25239
- .pf-c-wizard__nav-item.pf-m-expanded > .pf-c-wizard__nav-link {
25240
- --pf-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate);
25186
+ .pf-c-tree-view__node-content {
25187
+ display: flex;
25188
+ flex-direction: column;
25189
+ overflow: var(--pf-c-tree-view__node-content--Overflow);
25241
25190
  }
25242
25191
 
25243
- .pf-c-wizard__nav-link {
25244
- position: relative;
25245
- display: inline-block;
25246
- width: 100%;
25247
- color: var(--pf-c-wizard__nav-link--Color);
25248
- text-align: left;
25249
- text-decoration: var(--pf-c-wizard__nav-link--TextDecoration);
25250
- word-break: break-word;
25251
- border: 0;
25192
+ .pf-c-tree-view__node-content > * + * {
25193
+ margin-top: var(--pf-c-tree-view__node-content--RowGap);
25252
25194
  }
25253
25195
 
25254
- .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link::before {
25255
- position: absolute;
25256
- top: var(--pf-c-wizard__nav-link--before--Top);
25257
- left: 0;
25196
+ .pf-c-tree-view__node-check {
25197
+ margin-right: var(--pf-c-tree-view__node-check--MarginRight);
25198
+ }
25199
+
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);
25258
25204
  display: inline-flex;
25259
25205
  align-items: center;
25260
25206
  justify-content: center;
25261
- width: var(--pf-c-wizard__nav-link--before--Width);
25262
- height: var(--pf-c-wizard__nav-link--before--Height);
25263
- font-size: var(--pf-c-wizard__nav-link--before--FontSize);
25264
- line-height: 1;
25265
- color: var(--pf-c-wizard__nav-link--before--Color);
25266
- background-color: var(--pf-c-wizard__nav-link--before--BackgroundColor);
25267
- border-radius: var(--pf-c-wizard__nav-link--before--BorderRadius);
25268
- transform: translateX(var(--pf-c-wizard__nav-link--before--TranslateX));
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));
25269
25212
  }
25270
25213
 
25271
- .pf-c-wizard__nav-link::before {
25272
- top: 0;
25273
- content: counter(wizard-nav-count);
25274
- counter-increment: wizard-nav-count;
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;
25275
25220
  }
25276
25221
 
25277
- .pf-c-wizard__nav-link:hover {
25278
- --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--hover--Color);
25279
- --pf-c-wizard__nav-link-toggle--Color: var(--pf-c-wizard__nav-link--hover__nav-link-toggle-icon--Color);
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;
25280
25228
  }
25281
25229
 
25282
- .pf-c-wizard__nav-link:focus {
25283
- --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--focus--Color);
25284
- --pf-c-wizard__nav-link-toggle--Color: var(--pf-c-wizard__nav-link--focus__nav-link-toggle-icon--Color);
25230
+ .pf-c-tree-view__node-title {
25231
+ font-weight: var(--pf-c-tree-view__node-title--FontWeight);
25285
25232
  }
25286
25233
 
25287
- .pf-c-wizard__nav-link.pf-m-current {
25288
- --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--m-current--Color);
25289
- font-weight: var(--pf-c-wizard__nav-link--m-current--FontWeight);
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);
25290
25236
  }
25291
25237
 
25292
- .pf-c-wizard__toggle-num, .pf-c-wizard__nav-link.pf-m-current::before {
25293
- --pf-c-wizard__nav-link--before--BackgroundColor: var(--pf-c-wizard__nav-link--m-current--before--BackgroundColor);
25294
- --pf-c-wizard__nav-link--before--Color: var(--pf-c-wizard__nav-link--m-current--before--Color);
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);
25295
25241
  }
25296
25242
 
25297
- .pf-c-wizard__nav-link:disabled, .pf-c-wizard__nav-link.pf-m-disabled {
25298
- --pf-c-wizard__nav-link--Color: var(--pf-c-wizard__nav-link--m-disabled--Color);
25299
- pointer-events: none;
25243
+ .pf-c-tree-view__content {
25244
+ display: flex;
25245
+ align-items: center;
25300
25246
  }
25301
25247
 
25302
- .pf-c-wizard__nav-link:disabled::before, .pf-c-wizard__nav-link.pf-m-disabled::before {
25303
- --pf-c-wizard__nav-link--before--BackgroundColor: var(--pf-c-wizard__nav-link--m-disabled--before--BackgroundColor);
25304
- --pf-c-wizard__nav-link--before--Color: var(--pf-c-wizard__nav-link--m-disabled--before--Color);
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);
25305
25251
  }
25306
25252
 
25307
- .pf-c-wizard__nav-link-text {
25308
- flex-grow: 1;
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;
25309
25257
  }
25310
25258
 
25311
- .pf-c-wizard__nav-link-toggle {
25312
- padding-right: var(--pf-c-wizard__nav-link-toggle--PaddingRight);
25313
- padding-left: var(--pf-c-wizard__nav-link-toggle--PaddingLeft);
25314
- color: var(--pf-c-wizard__nav-link-toggle--Color);
25259
+ .pf-c-tree-view__action:hover {
25260
+ --pf-c-tree-view__action--Color: var(--pf-c-tree-view__action--hover--Color);
25315
25261
  }
25316
25262
 
25317
- .pf-c-wizard__nav-link-toggle-icon {
25318
- display: inline-block;
25319
- transition: var(--pf-c-wizard__nav-link-toggle-icon--Transition);
25320
- transform: rotate(var(--pf-c-wizard__nav-link-toggle-icon--Rotate));
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);
25321
25266
  }
25322
25267
 
25323
- .pf-c-wizard__main {
25324
- z-index: var(--pf-c-wizard__main--ZIndex);
25325
- flex: 1 1 auto;
25326
- overflow-x: hidden;
25327
- overflow-y: auto;
25328
- word-break: break-word;
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));
25329
25272
  }
25330
25273
 
25331
- .pf-c-wizard__main-body {
25332
- padding: var(--pf-c-wizard__main-body--PaddingTop) var(--pf-c-wizard__main-body--PaddingRight) var(--pf-c-wizard__main-body--PaddingBottom) var(--pf-c-wizard__main-body--PaddingLeft);
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));
25333
25282
  }
25334
25283
 
25335
- .pf-c-wizard__main-body.pf-m-no-padding {
25336
- padding: 0;
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));
25337
25292
  }
25338
25293
 
25339
- .pf-c-wizard__footer {
25340
- z-index: var(--pf-c-wizard__footer--ZIndex);
25341
- display: flex;
25342
- flex-wrap: wrap;
25343
- flex-shrink: 0;
25344
- padding: var(--pf-c-wizard__footer--PaddingTop) var(--pf-c-wizard__footer--PaddingRight) var(--pf-c-wizard__footer--PaddingBottom) var(--pf-c-wizard__footer--PaddingLeft);
25345
- background-color: var(--pf-c-wizard__footer--BackgroundColor);
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));
25346
25302
  }
25347
25303
 
25348
- .pf-c-wizard__footer > * {
25349
- margin-bottom: var(--pf-c-wizard__footer--child--MarginBottom);
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
25312
  }
25351
25313
 
25352
- .pf-c-wizard__footer > *:not(:last-child) {
25353
- margin-right: var(--pf-c-wizard__footer--child--MarginRight);
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));
25354
25322
  }
25355
25323
 
25356
- .pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer {
25357
- box-shadow: var(--pf-c-wizard__footer--BoxShadow);
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));
25358
25332
  }
25359
25333
 
25360
- .pf-c-wizard__footer-cancel {
25361
- margin-left: var(--pf-c-wizard__footer-cancel--MarginLeft);
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));
25342
+ }
25343
+
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));
25352
+ }
25353
+
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));
25362
25362
  }
25363
25363
 
25364
25364
  .pf-c-draggable {