@patternfly/react-core 4.224.9 → 4.224.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/esm/components/ContextSelector/ContextSelector.d.ts +2 -0
  3. package/dist/esm/components/ContextSelector/ContextSelector.d.ts.map +1 -1
  4. package/dist/esm/components/ContextSelector/ContextSelector.js +8 -11
  5. package/dist/esm/components/ContextSelector/ContextSelector.js.map +1 -1
  6. package/dist/esm/components/ContextSelector/ContextSelectorMenuList.d.ts.map +1 -1
  7. package/dist/esm/components/ContextSelector/ContextSelectorMenuList.js +2 -1
  8. package/dist/esm/components/ContextSelector/ContextSelectorMenuList.js.map +1 -1
  9. package/dist/esm/components/DualListSelector/DualListSelector.d.ts.map +1 -1
  10. package/dist/esm/components/DualListSelector/DualListSelector.js +6 -6
  11. package/dist/esm/components/DualListSelector/DualListSelector.js.map +1 -1
  12. package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.js +1 -1
  13. package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.js.map +1 -1
  14. package/dist/esm/components/DualListSelector/DualListSelectorList.d.ts +1 -0
  15. package/dist/esm/components/DualListSelector/DualListSelectorList.d.ts.map +1 -1
  16. package/dist/esm/components/DualListSelector/DualListSelectorList.js +7 -1
  17. package/dist/esm/components/DualListSelector/DualListSelectorList.js.map +1 -1
  18. package/dist/esm/components/DualListSelector/DualListSelectorTree.d.ts +3 -2
  19. package/dist/esm/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -1
  20. package/dist/esm/components/DualListSelector/DualListSelectorTree.js.map +1 -1
  21. package/dist/js/components/ContextSelector/ContextSelector.d.ts +2 -0
  22. package/dist/js/components/ContextSelector/ContextSelector.d.ts.map +1 -1
  23. package/dist/js/components/ContextSelector/ContextSelector.js +7 -10
  24. package/dist/js/components/ContextSelector/ContextSelector.js.map +1 -1
  25. package/dist/js/components/ContextSelector/ContextSelectorMenuList.d.ts.map +1 -1
  26. package/dist/js/components/ContextSelector/ContextSelectorMenuList.js +2 -1
  27. package/dist/js/components/ContextSelector/ContextSelectorMenuList.js.map +1 -1
  28. package/dist/js/components/DualListSelector/DualListSelector.d.ts.map +1 -1
  29. package/dist/js/components/DualListSelector/DualListSelector.js +5 -5
  30. package/dist/js/components/DualListSelector/DualListSelector.js.map +1 -1
  31. package/dist/js/components/DualListSelector/DualListSelectorControlsWrapper.js +1 -1
  32. package/dist/js/components/DualListSelector/DualListSelectorControlsWrapper.js.map +1 -1
  33. package/dist/js/components/DualListSelector/DualListSelectorList.d.ts +1 -0
  34. package/dist/js/components/DualListSelector/DualListSelectorList.d.ts.map +1 -1
  35. package/dist/js/components/DualListSelector/DualListSelectorList.js +7 -1
  36. package/dist/js/components/DualListSelector/DualListSelectorList.js.map +1 -1
  37. package/dist/js/components/DualListSelector/DualListSelectorTree.d.ts +3 -2
  38. package/dist/js/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -1
  39. package/dist/js/components/DualListSelector/DualListSelectorTree.js.map +1 -1
  40. package/dist/styles/base-no-reset.css +10 -10
  41. package/dist/styles/base.css +10 -10
  42. package/dist/umd/react-core.css +424 -392
  43. package/dist/umd/react-core.js +29 -24
  44. package/dist/umd/react-core.min.css +244 -212
  45. package/dist/umd/react-core.min.js +4 -4
  46. package/package.json +6 -6
  47. package/src/components/Accordion/examples/AccordionBordered.tsx +21 -21
  48. package/src/components/Accordion/examples/AccordionDefinitionList.tsx +21 -21
  49. package/src/components/ActionList/examples/ActionListMultipleGroups.tsx +4 -4
  50. package/src/components/ActionList/examples/ActionListSingleGroup.tsx +4 -4
  51. package/src/components/ActionList/examples/ActionListWithCancelButton.tsx +5 -5
  52. package/src/components/ActionList/examples/ActionListWithIcons.tsx +2 -2
  53. package/src/components/Card/examples/CardSelectableA11yHighlight.tsx +4 -4
  54. package/src/components/CodeBlock/examples/CodeBlockBasic.tsx +1 -1
  55. package/src/components/CodeBlock/examples/CodeBlockExpandable.tsx +1 -1
  56. package/src/components/ContextSelector/ContextSelector.tsx +11 -10
  57. package/src/components/ContextSelector/ContextSelectorMenuList.tsx +2 -1
  58. package/src/components/ContextSelector/__tests__/ContextSelector.test.tsx +2 -2
  59. package/src/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap +11 -7
  60. package/src/components/ContextSelector/__tests__/__snapshots__/ContextSelectorMenuList.test.tsx.snap +10 -0
  61. package/src/components/DataList/examples/DataListCompact.tsx +4 -4
  62. package/src/components/DataList/examples/DataListControllingText.tsx +3 -3
  63. package/src/components/DataList/examples/DataListDraggable.tsx +14 -7
  64. package/src/components/DataList/examples/DataListExpandable.tsx +3 -3
  65. package/src/components/DataList/examples/DataListSmGridBreakpoint.tsx +3 -3
  66. package/src/components/DualListSelector/DualListSelector.tsx +93 -89
  67. package/src/components/DualListSelector/DualListSelectorControlsWrapper.tsx +1 -1
  68. package/src/components/DualListSelector/DualListSelectorList.tsx +10 -4
  69. package/src/components/DualListSelector/DualListSelectorTree.tsx +3 -2
  70. package/src/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +6 -20
  71. package/src/components/DualListSelector/examples/DualListSelector.md +3 -1
  72. package/src/components/DualListSelector/examples/DualListSelectorComposable.tsx +1 -1
  73. package/src/components/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx +1 -1
  74. package/src/components/DualListSelector/examples/DualListSelectorComposableTree.tsx +1 -1
  75. package/src/components/DualListSelector/examples/{DualListSelectorTree.tsx → DualListSelectorTreeExample.tsx} +1 -1
  76. package/src/components/FileUpload/examples/FileUploadCustomUpload.tsx +1 -1
  77. package/src/components/FileUpload/examples/FileUploadSimpleText.tsx +1 -1
  78. package/src/components/FileUpload/examples/FileUploadTextWithEdits.tsx +1 -1
  79. package/src/components/FileUpload/examples/FileUploadTextWithRestrictions.tsx +2 -2
  80. package/src/components/InputGroup/examples/InputGroupBasic.tsx +3 -3
  81. package/src/components/InputGroup/examples/InputGroupWithDropdown.tsx +1 -1
  82. package/src/components/InputGroup/examples/InputGroupWithPopover.tsx +12 -2
  83. package/src/components/InputGroup/examples/InputGroupWithSiblings.tsx +7 -2
  84. package/src/components/InputGroup/examples/InputGroupWithTextarea.tsx +1 -1
  85. package/src/components/LoginPage/examples/LoginPage.md +2 -325
  86. package/src/components/LoginPage/examples/LoginPageBasic.tsx +144 -0
  87. package/src/components/LoginPage/examples/LoginPageShowHidePassword.tsx +145 -0
  88. package/src/components/NotificationDrawer/examples/NotificationDrawer.md +69 -68
@@ -2552,7 +2552,7 @@ button.pf-c-breadcrumb__link {
2552
2552
  }
2553
2553
 
2554
2554
  .pf-c-button__progress .pf-c-spinner {
2555
- --pf-c-spinner--Color: currentColor;
2555
+ --pf-c-spinner--Color: currentcolor;
2556
2556
  }
2557
2557
 
2558
2558
  .pf-m-overpass-font .pf-c-button {
@@ -6387,8 +6387,8 @@ label.pf-c-check, .pf-c-check__label,
6387
6387
  --pf-c-drawer__splitter-handle--after--Height: 0.25rem;
6388
6388
  --pf-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
6389
6389
  --pf-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
6390
- --pf-c-drawer__actions--MarginTop: calc(var(pf-global--spacer--form-element) * -1);
6391
- --pf-c-drawer__actions--MarginRight: calc(var(pf-global--spacer--form-element) * -1);
6390
+ --pf-c-drawer__actions--MarginTop: calc(var(--pf-global--spacer--form-element) * -1);
6391
+ --pf-c-drawer__actions--MarginRight: calc(var(--pf-global--spacer--form-element) * -1);
6392
6392
  --pf-c-drawer__panel--BoxShadow: none;
6393
6393
  --pf-c-drawer--m-expanded__panel--BoxShadow: var(--pf-global--BoxShadow--lg-left);
6394
6394
  --pf-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-global--BoxShadow--lg-right);
@@ -9437,327 +9437,6 @@ label.pf-c-input-group__text {
9437
9437
  --pf-c-input-group__text--BackgroundColor: transparent;
9438
9438
  }
9439
9439
 
9440
- .pf-c-jump-links {
9441
- --pf-c-jump-links__list--Display: flex;
9442
- --pf-c-jump-links__list--Visibility: visible;
9443
- --pf-c-jump-links__list--PaddingTop: 0;
9444
- --pf-c-jump-links__list--PaddingRight: var(--pf-global--spacer--md);
9445
- --pf-c-jump-links__list--PaddingBottom: 0;
9446
- --pf-c-jump-links__list--PaddingLeft: var(--pf-global--spacer--md);
9447
- --pf-c-jump-links--m-vertical__list--PaddingTop: var(--pf-global--spacer--md);
9448
- --pf-c-jump-links--m-vertical__list--PaddingRight: 0;
9449
- --pf-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-global--spacer--md);
9450
- --pf-c-jump-links--m-vertical__list--PaddingLeft: 0;
9451
- --pf-c-jump-links__list--FlexDirection: row;
9452
- --pf-c-jump-links--m-vertical__list--FlexDirection: column;
9453
- --pf-c-jump-links__list--before--BorderColor: var(--pf-global--BorderColor--100);
9454
- --pf-c-jump-links__list--before--BorderTopWidth: var(--pf-global--BorderWidth--sm);
9455
- --pf-c-jump-links__list--before--BorderRightWidth: 0;
9456
- --pf-c-jump-links__list--before--BorderBottomWidth: 0;
9457
- --pf-c-jump-links__list--before--BorderLeftWidth: 0;
9458
- --pf-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
9459
- --pf-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
9460
- --pf-c-jump-links__list__list--MarginTop: calc(var(--pf-global--spacer--sm) * -1);
9461
- --pf-c-jump-links__link--PaddingTop: var(--pf-global--spacer--md);
9462
- --pf-c-jump-links__link--PaddingRight: var(--pf-global--spacer--md);
9463
- --pf-c-jump-links__link--PaddingBottom: var(--pf-global--spacer--md);
9464
- --pf-c-jump-links__link--PaddingLeft: var(--pf-global--spacer--md);
9465
- --pf-c-jump-links__list__list__link--PaddingTop: var(--pf-global--spacer--sm);
9466
- --pf-c-jump-links__list__list__link--PaddingLeft: var(--pf-global--spacer--lg);
9467
- --pf-c-jump-links__list__list__link--PaddingBottom: var(--pf-global--spacer--sm);
9468
- --pf-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-global--spacer--sm));
9469
- --pf-c-jump-links__link--before--BorderTopWidth: 0;
9470
- --pf-c-jump-links__link--before--BorderRightWidth: 0;
9471
- --pf-c-jump-links__link--before--BorderBottomWidth: 0;
9472
- --pf-c-jump-links__link--before--BorderLeftWidth: 0;
9473
- --pf-c-jump-links__link--before--BorderColor: transparent;
9474
- --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-global--BorderWidth--lg);
9475
- --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
9476
- --pf-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-global--primary-color--100);
9477
- --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
9478
- --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
9479
- --pf-c-jump-links__link-text--Color: var(--pf-global--Color--200);
9480
- --pf-c-jump-links__link--hover__link-text--Color: var(--pf-global--Color--100);
9481
- --pf-c-jump-links__link--focus__link-text--Color: var(--pf-global--Color--100);
9482
- --pf-c-jump-links__item--m-current__link-text--Color: var(--pf-global--Color--100);
9483
- --pf-c-jump-links__label--MarginBottom: var(--pf-global--spacer--md);
9484
- --pf-c-jump-links__label--Display: block;
9485
- --pf-c-jump-links__label--Visibility: visible;
9486
- --pf-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
9487
- --pf-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-global--spacer--form-element));
9488
- --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links__toggle--MarginBottom--base);
9489
- --pf-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-c-jump-links__toggle--MarginBottom--base) + var(--pf-global--spacer--md));
9490
- --pf-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
9491
- --pf-c-jump-links__toggle--Display: none;
9492
- --pf-c-jump-links__toggle--Visibility: hidden;
9493
- --pf-c-jump-links__toggle-icon--Color: currentColor;
9494
- --pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
9495
- --pf-c-jump-links__toggle-icon--Rotate: 0;
9496
- --pf-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
9497
- --pf-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
9498
- --pf-c-jump-links__toggle-text--MarginLeft: var(--pf-global--spacer--md);
9499
- --pf-c-jump-links__toggle-text--Color: var(--pf-global--Color--100);
9500
- display: flex;
9501
- }
9502
-
9503
- .pf-c-jump-links.pf-m-center {
9504
- justify-content: center;
9505
- }
9506
-
9507
- .pf-c-jump-links.pf-m-center .pf-c-jump-links__main {
9508
- align-items: center;
9509
- }
9510
-
9511
- .pf-c-jump-links.pf-m-vertical, .pf-c-jump-links.pf-m-expandable {
9512
- --pf-c-jump-links__list--PaddingTop: var(--pf-c-jump-links--m-vertical__list--PaddingTop);
9513
- --pf-c-jump-links__list--PaddingRight: var(--pf-c-jump-links--m-vertical__list--PaddingRight);
9514
- --pf-c-jump-links__list--PaddingBottom: var(--pf-c-jump-links--m-vertical__list--PaddingBottom);
9515
- --pf-c-jump-links__list--PaddingLeft: var(--pf-c-jump-links--m-vertical__list--PaddingLeft);
9516
- --pf-c-jump-links__list--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth);
9517
- --pf-c-jump-links__list--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth);
9518
- --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth);
9519
- --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth);
9520
- --pf-c-jump-links__list--FlexDirection: var(--pf-c-jump-links--m-vertical__list--FlexDirection);
9521
- flex-direction: column;
9522
- }
9523
-
9524
- .pf-c-jump-links.pf-m-expandable {
9525
- --pf-c-jump-links__list--Display: none;
9526
- --pf-c-jump-links__list--Visibility: hidden;
9527
- --pf-c-jump-links__toggle--Display: block;
9528
- --pf-c-jump-links__toggle--Visibility: visible;
9529
- --pf-c-jump-links__label--Display: none;
9530
- --pf-c-jump-links__label--Visibility: hidden;
9531
- }
9532
-
9533
- .pf-c-jump-links.pf-m-non-expandable {
9534
- --pf-c-jump-links__list--Display: flex;
9535
- --pf-c-jump-links__list--Visibility: visible;
9536
- --pf-c-jump-links__toggle--Display: none;
9537
- --pf-c-jump-links__toggle--Visibility: hidden;
9538
- --pf-c-jump-links__label--Display: block;
9539
- --pf-c-jump-links__label--Visibility: visible;
9540
- }
9541
-
9542
- @media (min-width: 576px) {
9543
- .pf-c-jump-links.pf-m-expandable-on-sm {
9544
- --pf-c-jump-links__list--Display: none;
9545
- --pf-c-jump-links__list--Visibility: hidden;
9546
- --pf-c-jump-links__toggle--Display: block;
9547
- --pf-c-jump-links__toggle--Visibility: visible;
9548
- --pf-c-jump-links__label--Display: none;
9549
- --pf-c-jump-links__label--Visibility: hidden;
9550
- }
9551
-
9552
- .pf-c-jump-links.pf-m-non-expandable-on-sm {
9553
- --pf-c-jump-links__list--Display: flex;
9554
- --pf-c-jump-links__list--Visibility: visible;
9555
- --pf-c-jump-links__toggle--Display: none;
9556
- --pf-c-jump-links__toggle--Visibility: hidden;
9557
- --pf-c-jump-links__label--Display: block;
9558
- --pf-c-jump-links__label--Visibility: visible;
9559
- }
9560
- }
9561
- @media (min-width: 768px) {
9562
- .pf-c-jump-links.pf-m-expandable-on-md {
9563
- --pf-c-jump-links__list--Display: none;
9564
- --pf-c-jump-links__list--Visibility: hidden;
9565
- --pf-c-jump-links__toggle--Display: block;
9566
- --pf-c-jump-links__toggle--Visibility: visible;
9567
- --pf-c-jump-links__label--Display: none;
9568
- --pf-c-jump-links__label--Visibility: hidden;
9569
- }
9570
-
9571
- .pf-c-jump-links.pf-m-non-expandable-on-md {
9572
- --pf-c-jump-links__list--Display: flex;
9573
- --pf-c-jump-links__list--Visibility: visible;
9574
- --pf-c-jump-links__toggle--Display: none;
9575
- --pf-c-jump-links__toggle--Visibility: hidden;
9576
- --pf-c-jump-links__label--Display: block;
9577
- --pf-c-jump-links__label--Visibility: visible;
9578
- }
9579
- }
9580
- @media (min-width: 992px) {
9581
- .pf-c-jump-links.pf-m-expandable-on-lg {
9582
- --pf-c-jump-links__list--Display: none;
9583
- --pf-c-jump-links__list--Visibility: hidden;
9584
- --pf-c-jump-links__toggle--Display: block;
9585
- --pf-c-jump-links__toggle--Visibility: visible;
9586
- --pf-c-jump-links__label--Display: none;
9587
- --pf-c-jump-links__label--Visibility: hidden;
9588
- }
9589
-
9590
- .pf-c-jump-links.pf-m-non-expandable-on-lg {
9591
- --pf-c-jump-links__list--Display: flex;
9592
- --pf-c-jump-links__list--Visibility: visible;
9593
- --pf-c-jump-links__toggle--Display: none;
9594
- --pf-c-jump-links__toggle--Visibility: hidden;
9595
- --pf-c-jump-links__label--Display: block;
9596
- --pf-c-jump-links__label--Visibility: visible;
9597
- }
9598
- }
9599
- @media (min-width: 1200px) {
9600
- .pf-c-jump-links.pf-m-expandable-on-xl {
9601
- --pf-c-jump-links__list--Display: none;
9602
- --pf-c-jump-links__list--Visibility: hidden;
9603
- --pf-c-jump-links__toggle--Display: block;
9604
- --pf-c-jump-links__toggle--Visibility: visible;
9605
- --pf-c-jump-links__label--Display: none;
9606
- --pf-c-jump-links__label--Visibility: hidden;
9607
- }
9608
-
9609
- .pf-c-jump-links.pf-m-non-expandable-on-xl {
9610
- --pf-c-jump-links__list--Display: flex;
9611
- --pf-c-jump-links__list--Visibility: visible;
9612
- --pf-c-jump-links__toggle--Display: none;
9613
- --pf-c-jump-links__toggle--Visibility: hidden;
9614
- --pf-c-jump-links__label--Display: block;
9615
- --pf-c-jump-links__label--Visibility: visible;
9616
- }
9617
- }
9618
- @media (min-width: 1450px) {
9619
- .pf-c-jump-links.pf-m-expandable-on-2xl {
9620
- --pf-c-jump-links__list--Display: none;
9621
- --pf-c-jump-links__list--Visibility: hidden;
9622
- --pf-c-jump-links__toggle--Display: block;
9623
- --pf-c-jump-links__toggle--Visibility: visible;
9624
- --pf-c-jump-links__label--Display: none;
9625
- --pf-c-jump-links__label--Visibility: hidden;
9626
- }
9627
-
9628
- .pf-c-jump-links.pf-m-non-expandable-on-2xl {
9629
- --pf-c-jump-links__list--Display: flex;
9630
- --pf-c-jump-links__list--Visibility: visible;
9631
- --pf-c-jump-links__toggle--Display: none;
9632
- --pf-c-jump-links__toggle--Visibility: hidden;
9633
- --pf-c-jump-links__label--Display: block;
9634
- --pf-c-jump-links__label--Visibility: visible;
9635
- }
9636
- }
9637
- .pf-c-jump-links.pf-m-expanded {
9638
- --pf-c-jump-links__list--Display: flex;
9639
- --pf-c-jump-links__list--Visibility: visible;
9640
- --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links--m-expanded__toggle--MarginBottom);
9641
- --pf-c-jump-links__toggle-icon--Rotate: var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate);
9642
- --pf-c-jump-links__toggle-icon--Color: var(--pf-c-jump-links--m-expanded__toggle-icon--Color);
9643
- }
9644
-
9645
- .pf-c-jump-links__list {
9646
- position: relative;
9647
- display: var(--pf-c-jump-links__list--Display);
9648
- flex-direction: var(--pf-c-jump-links__list--FlexDirection);
9649
- padding-top: var(--pf-c-jump-links__list--PaddingTop);
9650
- padding-right: var(--pf-c-jump-links__list--PaddingRight);
9651
- padding-bottom: var(--pf-c-jump-links__list--PaddingBottom);
9652
- padding-left: var(--pf-c-jump-links__list--PaddingLeft);
9653
- visibility: var(--pf-c-jump-links__list--Visibility);
9654
- }
9655
-
9656
- .pf-c-jump-links__list::before {
9657
- position: absolute;
9658
- top: 0;
9659
- right: 0;
9660
- bottom: 0;
9661
- left: 0;
9662
- pointer-events: none;
9663
- content: "";
9664
- border: solid var(--pf-c-jump-links__list--before--BorderColor);
9665
- border-width: var(--pf-c-jump-links__list--before--BorderTopWidth) var(--pf-c-jump-links__list--before--BorderRightWidth) var(--pf-c-jump-links__list--before--BorderBottomWidth) var(--pf-c-jump-links__list--before--BorderLeftWidth);
9666
- }
9667
-
9668
- .pf-c-jump-links__list .pf-c-jump-links__list {
9669
- --pf-c-jump-links__list--PaddingTop: 0;
9670
- --pf-c-jump-links__list--PaddingBottom: 0;
9671
- --pf-c-jump-links__link--PaddingTop: var(--pf-c-jump-links__list__list__link--PaddingTop);
9672
- --pf-c-jump-links__link--PaddingBottom: var(--pf-c-jump-links__list__list__link--PaddingBottom);
9673
- --pf-c-jump-links__link--PaddingLeft: var(--pf-c-jump-links__list__list__link--PaddingLeft);
9674
- margin-top: var(--pf-c-jump-links__list__list--MarginTop);
9675
- }
9676
-
9677
- .pf-c-jump-links__link {
9678
- position: relative;
9679
- display: flex;
9680
- flex: 1;
9681
- padding-top: var(--pf-c-jump-links__link--PaddingTop);
9682
- padding-right: var(--pf-c-jump-links__link--PaddingRight);
9683
- padding-bottom: var(--pf-c-jump-links__link--PaddingBottom);
9684
- padding-left: var(--pf-c-jump-links__link--PaddingLeft);
9685
- text-decoration: none;
9686
- outline-offset: var(--pf-c-jump-links__link--OutlineOffset);
9687
- }
9688
-
9689
- .pf-c-jump-links__link:hover {
9690
- --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--hover__link-text--Color);
9691
- }
9692
-
9693
- .pf-c-jump-links__link:focus {
9694
- --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--focus__link-text--Color);
9695
- }
9696
-
9697
- .pf-c-jump-links__link::before {
9698
- position: absolute;
9699
- top: 0;
9700
- right: 0;
9701
- bottom: 0;
9702
- left: 0;
9703
- pointer-events: none;
9704
- content: "";
9705
- border-color: var(--pf-c-jump-links__link--before--BorderColor);
9706
- border-style: solid;
9707
- border-width: var(--pf-c-jump-links__link--before--BorderTopWidth) var(--pf-c-jump-links__link--before--BorderRightWidth) var(--pf-c-jump-links__link--before--BorderBottomWidth) var(--pf-c-jump-links__link--before--BorderLeftWidth);
9708
- }
9709
-
9710
- .pf-c-jump-links__item {
9711
- --pf-c-jump-links__list--before--BorderColor: transparent;
9712
- }
9713
-
9714
- .pf-c-jump-links__item.pf-m-current > .pf-c-jump-links__link {
9715
- --pf-c-jump-links__link--before--BorderTopWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderTopWidth);
9716
- --pf-c-jump-links__link--before--BorderLeftWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth);
9717
- --pf-c-jump-links__link--before--BorderColor: var(--pf-c-jump-links__item--m-current__link--before--BorderColor);
9718
- --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__item--m-current__link-text--Color);
9719
- }
9720
-
9721
- .pf-c-jump-links__link-text {
9722
- color: var(--pf-c-jump-links__link-text--Color);
9723
- }
9724
-
9725
- .pf-c-jump-links__label {
9726
- display: var(--pf-c-jump-links__label--Display);
9727
- margin-bottom: var(--pf-c-jump-links__label--MarginBottom);
9728
- visibility: var(--pf-c-jump-links__label--Visibility);
9729
- }
9730
-
9731
- .pf-c-jump-links__main {
9732
- display: flex;
9733
- flex-direction: column;
9734
- }
9735
-
9736
- .pf-c-jump-links__toggle {
9737
- display: var(--pf-c-jump-links__toggle--Display);
9738
- margin-top: var(--pf-c-jump-links__toggle--MarginTop);
9739
- margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom);
9740
- margin-left: var(--pf-c-jump-links__toggle--MarginLeft);
9741
- visibility: var(--pf-c-jump-links__toggle--Visibility);
9742
- }
9743
-
9744
- .pf-c-jump-links__toggle .pf-c-button {
9745
- display: flex;
9746
- align-items: center;
9747
- }
9748
-
9749
- .pf-c-jump-links__toggle-icon {
9750
- display: inline-block;
9751
- color: var(--pf-c-jump-links__toggle-icon--Color);
9752
- transition: var(--pf-c-jump-links__toggle-icon--Transition);
9753
- transform: rotate(var(--pf-c-jump-links__toggle-icon--Rotate));
9754
- }
9755
-
9756
- .pf-c-jump-links__toggle-text {
9757
- margin-left: var(--pf-c-jump-links__toggle-text--MarginLeft);
9758
- color: var(--pf-c-jump-links__toggle-text--Color);
9759
- }
9760
-
9761
9440
  .pf-c-sidebar {
9762
9441
  --pf-c-sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
9763
9442
  --pf-c-sidebar__main--FlexDirection: column;
@@ -9986,101 +9665,422 @@ label.pf-c-input-group__text {
9986
9665
  --pf-c-sidebar__panel--FlexBasis: 66%;
9987
9666
  }
9988
9667
 
9989
- .pf-c-sidebar__panel.pf-m-width-75-on-md {
9990
- --pf-c-sidebar__panel--FlexBasis: 75%;
9668
+ .pf-c-sidebar__panel.pf-m-width-75-on-md {
9669
+ --pf-c-sidebar__panel--FlexBasis: 75%;
9670
+ }
9671
+
9672
+ .pf-c-sidebar__panel.pf-m-width-100-on-md {
9673
+ --pf-c-sidebar__panel--FlexBasis: 100%;
9674
+ }
9675
+ }
9676
+ @media (min-width: 992px) {
9677
+ .pf-c-sidebar__panel.pf-m-width-default-on-lg {
9678
+ --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
9679
+ }
9680
+
9681
+ .pf-c-sidebar__panel.pf-m-width-25-on-lg {
9682
+ --pf-c-sidebar__panel--FlexBasis: 25%;
9683
+ }
9684
+
9685
+ .pf-c-sidebar__panel.pf-m-width-33-on-lg {
9686
+ --pf-c-sidebar__panel--FlexBasis: 33%;
9687
+ }
9688
+
9689
+ .pf-c-sidebar__panel.pf-m-width-50-on-lg {
9690
+ --pf-c-sidebar__panel--FlexBasis: 50%;
9691
+ }
9692
+
9693
+ .pf-c-sidebar__panel.pf-m-width-66-on-lg {
9694
+ --pf-c-sidebar__panel--FlexBasis: 66%;
9695
+ }
9696
+
9697
+ .pf-c-sidebar__panel.pf-m-width-75-on-lg {
9698
+ --pf-c-sidebar__panel--FlexBasis: 75%;
9699
+ }
9700
+
9701
+ .pf-c-sidebar__panel.pf-m-width-100-on-lg {
9702
+ --pf-c-sidebar__panel--FlexBasis: 100%;
9703
+ }
9704
+ }
9705
+ @media (min-width: 1200px) {
9706
+ .pf-c-sidebar__panel.pf-m-width-default-on-xl {
9707
+ --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
9708
+ }
9709
+
9710
+ .pf-c-sidebar__panel.pf-m-width-25-on-xl {
9711
+ --pf-c-sidebar__panel--FlexBasis: 25%;
9712
+ }
9713
+
9714
+ .pf-c-sidebar__panel.pf-m-width-33-on-xl {
9715
+ --pf-c-sidebar__panel--FlexBasis: 33%;
9716
+ }
9717
+
9718
+ .pf-c-sidebar__panel.pf-m-width-50-on-xl {
9719
+ --pf-c-sidebar__panel--FlexBasis: 50%;
9720
+ }
9721
+
9722
+ .pf-c-sidebar__panel.pf-m-width-66-on-xl {
9723
+ --pf-c-sidebar__panel--FlexBasis: 66%;
9724
+ }
9725
+
9726
+ .pf-c-sidebar__panel.pf-m-width-75-on-xl {
9727
+ --pf-c-sidebar__panel--FlexBasis: 75%;
9728
+ }
9729
+
9730
+ .pf-c-sidebar__panel.pf-m-width-100-on-xl {
9731
+ --pf-c-sidebar__panel--FlexBasis: 100%;
9732
+ }
9733
+ }
9734
+ @media (min-width: 1450px) {
9735
+ .pf-c-sidebar__panel.pf-m-width-default-on-2xl {
9736
+ --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
9737
+ }
9738
+
9739
+ .pf-c-sidebar__panel.pf-m-width-25-on-2xl {
9740
+ --pf-c-sidebar__panel--FlexBasis: 25%;
9741
+ }
9742
+
9743
+ .pf-c-sidebar__panel.pf-m-width-33-on-2xl {
9744
+ --pf-c-sidebar__panel--FlexBasis: 33%;
9745
+ }
9746
+
9747
+ .pf-c-sidebar__panel.pf-m-width-50-on-2xl {
9748
+ --pf-c-sidebar__panel--FlexBasis: 50%;
9749
+ }
9750
+
9751
+ .pf-c-sidebar__panel.pf-m-width-66-on-2xl {
9752
+ --pf-c-sidebar__panel--FlexBasis: 66%;
9753
+ }
9754
+
9755
+ .pf-c-sidebar__panel.pf-m-width-75-on-2xl {
9756
+ --pf-c-sidebar__panel--FlexBasis: 75%;
9757
+ }
9758
+
9759
+ .pf-c-sidebar__panel.pf-m-width-100-on-2xl {
9760
+ --pf-c-sidebar__panel--FlexBasis: 100%;
9761
+ }
9762
+ }
9763
+ .pf-c-jump-links {
9764
+ --pf-c-jump-links__list--Display: flex;
9765
+ --pf-c-jump-links__list--Visibility: visible;
9766
+ --pf-c-jump-links__list--PaddingTop: 0;
9767
+ --pf-c-jump-links__list--PaddingRight: var(--pf-global--spacer--md);
9768
+ --pf-c-jump-links__list--PaddingBottom: 0;
9769
+ --pf-c-jump-links__list--PaddingLeft: var(--pf-global--spacer--md);
9770
+ --pf-c-jump-links--m-vertical__list--PaddingTop: var(--pf-global--spacer--md);
9771
+ --pf-c-jump-links--m-vertical__list--PaddingRight: 0;
9772
+ --pf-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-global--spacer--md);
9773
+ --pf-c-jump-links--m-vertical__list--PaddingLeft: 0;
9774
+ --pf-c-jump-links__list--FlexDirection: row;
9775
+ --pf-c-jump-links--m-vertical__list--FlexDirection: column;
9776
+ --pf-c-jump-links__list--before--BorderColor: var(--pf-global--BorderColor--100);
9777
+ --pf-c-jump-links__list--before--BorderTopWidth: var(--pf-global--BorderWidth--sm);
9778
+ --pf-c-jump-links__list--before--BorderRightWidth: 0;
9779
+ --pf-c-jump-links__list--before--BorderBottomWidth: 0;
9780
+ --pf-c-jump-links__list--before--BorderLeftWidth: 0;
9781
+ --pf-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
9782
+ --pf-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
9783
+ --pf-c-jump-links__list__list--MarginTop: calc(var(--pf-global--spacer--sm) * -1);
9784
+ --pf-c-jump-links__link--PaddingTop: var(--pf-global--spacer--md);
9785
+ --pf-c-jump-links__link--PaddingRight: var(--pf-global--spacer--md);
9786
+ --pf-c-jump-links__link--PaddingBottom: var(--pf-global--spacer--md);
9787
+ --pf-c-jump-links__link--PaddingLeft: var(--pf-global--spacer--md);
9788
+ --pf-c-jump-links__list__list__link--PaddingTop: var(--pf-global--spacer--sm);
9789
+ --pf-c-jump-links__list__list__link--PaddingLeft: var(--pf-global--spacer--lg);
9790
+ --pf-c-jump-links__list__list__link--PaddingBottom: var(--pf-global--spacer--sm);
9791
+ --pf-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-global--spacer--sm));
9792
+ --pf-c-jump-links__link--before--BorderTopWidth: 0;
9793
+ --pf-c-jump-links__link--before--BorderRightWidth: 0;
9794
+ --pf-c-jump-links__link--before--BorderBottomWidth: 0;
9795
+ --pf-c-jump-links__link--before--BorderLeftWidth: 0;
9796
+ --pf-c-jump-links__link--before--BorderColor: transparent;
9797
+ --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-global--BorderWidth--lg);
9798
+ --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
9799
+ --pf-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-global--primary-color--100);
9800
+ --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
9801
+ --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
9802
+ --pf-c-jump-links__link-text--Color: var(--pf-global--Color--200);
9803
+ --pf-c-jump-links__link--hover__link-text--Color: var(--pf-global--Color--100);
9804
+ --pf-c-jump-links__link--focus__link-text--Color: var(--pf-global--Color--100);
9805
+ --pf-c-jump-links__item--m-current__link-text--Color: var(--pf-global--Color--100);
9806
+ --pf-c-jump-links__label--MarginBottom: var(--pf-global--spacer--md);
9807
+ --pf-c-jump-links__label--Display: block;
9808
+ --pf-c-jump-links__label--Visibility: visible;
9809
+ --pf-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
9810
+ --pf-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-global--spacer--form-element));
9811
+ --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links__toggle--MarginBottom--base);
9812
+ --pf-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-c-jump-links__toggle--MarginBottom--base) + var(--pf-global--spacer--md));
9813
+ --pf-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
9814
+ --pf-c-jump-links__toggle--Display: none;
9815
+ --pf-c-jump-links__toggle--Visibility: hidden;
9816
+ --pf-c-jump-links__toggle-icon--Color: currentcolor;
9817
+ --pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
9818
+ --pf-c-jump-links__toggle-icon--Rotate: 0;
9819
+ --pf-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
9820
+ --pf-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
9821
+ --pf-c-jump-links__toggle-text--MarginLeft: var(--pf-global--spacer--md);
9822
+ --pf-c-jump-links__toggle-text--Color: var(--pf-global--Color--100);
9823
+ display: flex;
9824
+ }
9825
+
9826
+ .pf-c-jump-links.pf-m-center {
9827
+ justify-content: center;
9828
+ }
9829
+
9830
+ .pf-c-jump-links.pf-m-center .pf-c-jump-links__main {
9831
+ align-items: center;
9832
+ }
9833
+
9834
+ .pf-c-jump-links.pf-m-vertical, .pf-c-jump-links.pf-m-expandable {
9835
+ --pf-c-jump-links__list--PaddingTop: var(--pf-c-jump-links--m-vertical__list--PaddingTop);
9836
+ --pf-c-jump-links__list--PaddingRight: var(--pf-c-jump-links--m-vertical__list--PaddingRight);
9837
+ --pf-c-jump-links__list--PaddingBottom: var(--pf-c-jump-links--m-vertical__list--PaddingBottom);
9838
+ --pf-c-jump-links__list--PaddingLeft: var(--pf-c-jump-links--m-vertical__list--PaddingLeft);
9839
+ --pf-c-jump-links__list--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth);
9840
+ --pf-c-jump-links__list--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth);
9841
+ --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth);
9842
+ --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth);
9843
+ --pf-c-jump-links__list--FlexDirection: var(--pf-c-jump-links--m-vertical__list--FlexDirection);
9844
+ flex-direction: column;
9845
+ }
9846
+
9847
+ .pf-c-jump-links.pf-m-expandable {
9848
+ --pf-c-jump-links__list--Display: none;
9849
+ --pf-c-jump-links__list--Visibility: hidden;
9850
+ --pf-c-jump-links__toggle--Display: block;
9851
+ --pf-c-jump-links__toggle--Visibility: visible;
9852
+ --pf-c-jump-links__label--Display: none;
9853
+ --pf-c-jump-links__label--Visibility: hidden;
9854
+ }
9855
+
9856
+ .pf-c-jump-links.pf-m-non-expandable {
9857
+ --pf-c-jump-links__list--Display: flex;
9858
+ --pf-c-jump-links__list--Visibility: visible;
9859
+ --pf-c-jump-links__toggle--Display: none;
9860
+ --pf-c-jump-links__toggle--Visibility: hidden;
9861
+ --pf-c-jump-links__label--Display: block;
9862
+ --pf-c-jump-links__label--Visibility: visible;
9863
+ }
9864
+
9865
+ @media (min-width: 576px) {
9866
+ .pf-c-jump-links.pf-m-expandable-on-sm {
9867
+ --pf-c-jump-links__list--Display: none;
9868
+ --pf-c-jump-links__list--Visibility: hidden;
9869
+ --pf-c-jump-links__toggle--Display: block;
9870
+ --pf-c-jump-links__toggle--Visibility: visible;
9871
+ --pf-c-jump-links__label--Display: none;
9872
+ --pf-c-jump-links__label--Visibility: hidden;
9873
+ }
9874
+
9875
+ .pf-c-jump-links.pf-m-non-expandable-on-sm {
9876
+ --pf-c-jump-links__list--Display: flex;
9877
+ --pf-c-jump-links__list--Visibility: visible;
9878
+ --pf-c-jump-links__toggle--Display: none;
9879
+ --pf-c-jump-links__toggle--Visibility: hidden;
9880
+ --pf-c-jump-links__label--Display: block;
9881
+ --pf-c-jump-links__label--Visibility: visible;
9882
+ }
9883
+ }
9884
+ @media (min-width: 768px) {
9885
+ .pf-c-jump-links.pf-m-expandable-on-md {
9886
+ --pf-c-jump-links__list--Display: none;
9887
+ --pf-c-jump-links__list--Visibility: hidden;
9888
+ --pf-c-jump-links__toggle--Display: block;
9889
+ --pf-c-jump-links__toggle--Visibility: visible;
9890
+ --pf-c-jump-links__label--Display: none;
9891
+ --pf-c-jump-links__label--Visibility: hidden;
9991
9892
  }
9992
9893
 
9993
- .pf-c-sidebar__panel.pf-m-width-100-on-md {
9994
- --pf-c-sidebar__panel--FlexBasis: 100%;
9894
+ .pf-c-jump-links.pf-m-non-expandable-on-md {
9895
+ --pf-c-jump-links__list--Display: flex;
9896
+ --pf-c-jump-links__list--Visibility: visible;
9897
+ --pf-c-jump-links__toggle--Display: none;
9898
+ --pf-c-jump-links__toggle--Visibility: hidden;
9899
+ --pf-c-jump-links__label--Display: block;
9900
+ --pf-c-jump-links__label--Visibility: visible;
9995
9901
  }
9996
9902
  }
9997
9903
  @media (min-width: 992px) {
9998
- .pf-c-sidebar__panel.pf-m-width-default-on-lg {
9999
- --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
9904
+ .pf-c-jump-links.pf-m-expandable-on-lg {
9905
+ --pf-c-jump-links__list--Display: none;
9906
+ --pf-c-jump-links__list--Visibility: hidden;
9907
+ --pf-c-jump-links__toggle--Display: block;
9908
+ --pf-c-jump-links__toggle--Visibility: visible;
9909
+ --pf-c-jump-links__label--Display: none;
9910
+ --pf-c-jump-links__label--Visibility: hidden;
10000
9911
  }
10001
9912
 
10002
- .pf-c-sidebar__panel.pf-m-width-25-on-lg {
10003
- --pf-c-sidebar__panel--FlexBasis: 25%;
9913
+ .pf-c-jump-links.pf-m-non-expandable-on-lg {
9914
+ --pf-c-jump-links__list--Display: flex;
9915
+ --pf-c-jump-links__list--Visibility: visible;
9916
+ --pf-c-jump-links__toggle--Display: none;
9917
+ --pf-c-jump-links__toggle--Visibility: hidden;
9918
+ --pf-c-jump-links__label--Display: block;
9919
+ --pf-c-jump-links__label--Visibility: visible;
10004
9920
  }
10005
-
10006
- .pf-c-sidebar__panel.pf-m-width-33-on-lg {
10007
- --pf-c-sidebar__panel--FlexBasis: 33%;
9921
+ }
9922
+ @media (min-width: 1200px) {
9923
+ .pf-c-jump-links.pf-m-expandable-on-xl {
9924
+ --pf-c-jump-links__list--Display: none;
9925
+ --pf-c-jump-links__list--Visibility: hidden;
9926
+ --pf-c-jump-links__toggle--Display: block;
9927
+ --pf-c-jump-links__toggle--Visibility: visible;
9928
+ --pf-c-jump-links__label--Display: none;
9929
+ --pf-c-jump-links__label--Visibility: hidden;
10008
9930
  }
10009
9931
 
10010
- .pf-c-sidebar__panel.pf-m-width-50-on-lg {
10011
- --pf-c-sidebar__panel--FlexBasis: 50%;
9932
+ .pf-c-jump-links.pf-m-non-expandable-on-xl {
9933
+ --pf-c-jump-links__list--Display: flex;
9934
+ --pf-c-jump-links__list--Visibility: visible;
9935
+ --pf-c-jump-links__toggle--Display: none;
9936
+ --pf-c-jump-links__toggle--Visibility: hidden;
9937
+ --pf-c-jump-links__label--Display: block;
9938
+ --pf-c-jump-links__label--Visibility: visible;
10012
9939
  }
10013
-
10014
- .pf-c-sidebar__panel.pf-m-width-66-on-lg {
10015
- --pf-c-sidebar__panel--FlexBasis: 66%;
9940
+ }
9941
+ @media (min-width: 1450px) {
9942
+ .pf-c-jump-links.pf-m-expandable-on-2xl {
9943
+ --pf-c-jump-links__list--Display: none;
9944
+ --pf-c-jump-links__list--Visibility: hidden;
9945
+ --pf-c-jump-links__toggle--Display: block;
9946
+ --pf-c-jump-links__toggle--Visibility: visible;
9947
+ --pf-c-jump-links__label--Display: none;
9948
+ --pf-c-jump-links__label--Visibility: hidden;
10016
9949
  }
10017
9950
 
10018
- .pf-c-sidebar__panel.pf-m-width-75-on-lg {
10019
- --pf-c-sidebar__panel--FlexBasis: 75%;
9951
+ .pf-c-jump-links.pf-m-non-expandable-on-2xl {
9952
+ --pf-c-jump-links__list--Display: flex;
9953
+ --pf-c-jump-links__list--Visibility: visible;
9954
+ --pf-c-jump-links__toggle--Display: none;
9955
+ --pf-c-jump-links__toggle--Visibility: hidden;
9956
+ --pf-c-jump-links__label--Display: block;
9957
+ --pf-c-jump-links__label--Visibility: visible;
10020
9958
  }
9959
+ }
9960
+ .pf-c-jump-links.pf-m-expanded {
9961
+ --pf-c-jump-links__list--Display: flex;
9962
+ --pf-c-jump-links__list--Visibility: visible;
9963
+ --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links--m-expanded__toggle--MarginBottom);
9964
+ --pf-c-jump-links__toggle-icon--Rotate: var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate);
9965
+ --pf-c-jump-links__toggle-icon--Color: var(--pf-c-jump-links--m-expanded__toggle-icon--Color);
9966
+ }
10021
9967
 
10022
- .pf-c-sidebar__panel.pf-m-width-100-on-lg {
10023
- --pf-c-sidebar__panel--FlexBasis: 100%;
10024
- }
9968
+ .pf-c-jump-links__list {
9969
+ position: relative;
9970
+ display: var(--pf-c-jump-links__list--Display);
9971
+ flex-direction: var(--pf-c-jump-links__list--FlexDirection);
9972
+ padding-top: var(--pf-c-jump-links__list--PaddingTop);
9973
+ padding-right: var(--pf-c-jump-links__list--PaddingRight);
9974
+ padding-bottom: var(--pf-c-jump-links__list--PaddingBottom);
9975
+ padding-left: var(--pf-c-jump-links__list--PaddingLeft);
9976
+ visibility: var(--pf-c-jump-links__list--Visibility);
10025
9977
  }
10026
- @media (min-width: 1200px) {
10027
- .pf-c-sidebar__panel.pf-m-width-default-on-xl {
10028
- --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
10029
- }
10030
9978
 
10031
- .pf-c-sidebar__panel.pf-m-width-25-on-xl {
10032
- --pf-c-sidebar__panel--FlexBasis: 25%;
10033
- }
9979
+ .pf-c-jump-links__list::before {
9980
+ position: absolute;
9981
+ top: 0;
9982
+ right: 0;
9983
+ bottom: 0;
9984
+ left: 0;
9985
+ pointer-events: none;
9986
+ content: "";
9987
+ border: solid var(--pf-c-jump-links__list--before--BorderColor);
9988
+ border-width: var(--pf-c-jump-links__list--before--BorderTopWidth) var(--pf-c-jump-links__list--before--BorderRightWidth) var(--pf-c-jump-links__list--before--BorderBottomWidth) var(--pf-c-jump-links__list--before--BorderLeftWidth);
9989
+ }
10034
9990
 
10035
- .pf-c-sidebar__panel.pf-m-width-33-on-xl {
10036
- --pf-c-sidebar__panel--FlexBasis: 33%;
10037
- }
9991
+ .pf-c-jump-links__list .pf-c-jump-links__list {
9992
+ --pf-c-jump-links__list--PaddingTop: 0;
9993
+ --pf-c-jump-links__list--PaddingBottom: 0;
9994
+ --pf-c-jump-links__link--PaddingTop: var(--pf-c-jump-links__list__list__link--PaddingTop);
9995
+ --pf-c-jump-links__link--PaddingBottom: var(--pf-c-jump-links__list__list__link--PaddingBottom);
9996
+ --pf-c-jump-links__link--PaddingLeft: var(--pf-c-jump-links__list__list__link--PaddingLeft);
9997
+ margin-top: var(--pf-c-jump-links__list__list--MarginTop);
9998
+ }
10038
9999
 
10039
- .pf-c-sidebar__panel.pf-m-width-50-on-xl {
10040
- --pf-c-sidebar__panel--FlexBasis: 50%;
10041
- }
10000
+ .pf-c-jump-links__link {
10001
+ position: relative;
10002
+ display: flex;
10003
+ flex: 1;
10004
+ padding-top: var(--pf-c-jump-links__link--PaddingTop);
10005
+ padding-right: var(--pf-c-jump-links__link--PaddingRight);
10006
+ padding-bottom: var(--pf-c-jump-links__link--PaddingBottom);
10007
+ padding-left: var(--pf-c-jump-links__link--PaddingLeft);
10008
+ text-decoration: none;
10009
+ outline-offset: var(--pf-c-jump-links__link--OutlineOffset);
10010
+ }
10042
10011
 
10043
- .pf-c-sidebar__panel.pf-m-width-66-on-xl {
10044
- --pf-c-sidebar__panel--FlexBasis: 66%;
10045
- }
10012
+ .pf-c-jump-links__link:hover {
10013
+ --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--hover__link-text--Color);
10014
+ }
10046
10015
 
10047
- .pf-c-sidebar__panel.pf-m-width-75-on-xl {
10048
- --pf-c-sidebar__panel--FlexBasis: 75%;
10049
- }
10016
+ .pf-c-jump-links__link:focus {
10017
+ --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--focus__link-text--Color);
10018
+ }
10050
10019
 
10051
- .pf-c-sidebar__panel.pf-m-width-100-on-xl {
10052
- --pf-c-sidebar__panel--FlexBasis: 100%;
10053
- }
10020
+ .pf-c-jump-links__link::before {
10021
+ position: absolute;
10022
+ top: 0;
10023
+ right: 0;
10024
+ bottom: 0;
10025
+ left: 0;
10026
+ pointer-events: none;
10027
+ content: "";
10028
+ border-color: var(--pf-c-jump-links__link--before--BorderColor);
10029
+ border-style: solid;
10030
+ border-width: var(--pf-c-jump-links__link--before--BorderTopWidth) var(--pf-c-jump-links__link--before--BorderRightWidth) var(--pf-c-jump-links__link--before--BorderBottomWidth) var(--pf-c-jump-links__link--before--BorderLeftWidth);
10054
10031
  }
10055
- @media (min-width: 1450px) {
10056
- .pf-c-sidebar__panel.pf-m-width-default-on-2xl {
10057
- --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
10058
- }
10059
10032
 
10060
- .pf-c-sidebar__panel.pf-m-width-25-on-2xl {
10061
- --pf-c-sidebar__panel--FlexBasis: 25%;
10062
- }
10033
+ .pf-c-jump-links__item {
10034
+ --pf-c-jump-links__list--before--BorderColor: transparent;
10035
+ }
10063
10036
 
10064
- .pf-c-sidebar__panel.pf-m-width-33-on-2xl {
10065
- --pf-c-sidebar__panel--FlexBasis: 33%;
10066
- }
10037
+ .pf-c-jump-links__item.pf-m-current > .pf-c-jump-links__link {
10038
+ --pf-c-jump-links__link--before--BorderTopWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderTopWidth);
10039
+ --pf-c-jump-links__link--before--BorderLeftWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth);
10040
+ --pf-c-jump-links__link--before--BorderColor: var(--pf-c-jump-links__item--m-current__link--before--BorderColor);
10041
+ --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__item--m-current__link-text--Color);
10042
+ }
10067
10043
 
10068
- .pf-c-sidebar__panel.pf-m-width-50-on-2xl {
10069
- --pf-c-sidebar__panel--FlexBasis: 50%;
10070
- }
10044
+ .pf-c-jump-links__link-text {
10045
+ color: var(--pf-c-jump-links__link-text--Color);
10046
+ }
10071
10047
 
10072
- .pf-c-sidebar__panel.pf-m-width-66-on-2xl {
10073
- --pf-c-sidebar__panel--FlexBasis: 66%;
10074
- }
10048
+ .pf-c-jump-links__label {
10049
+ display: var(--pf-c-jump-links__label--Display);
10050
+ margin-bottom: var(--pf-c-jump-links__label--MarginBottom);
10051
+ visibility: var(--pf-c-jump-links__label--Visibility);
10052
+ }
10075
10053
 
10076
- .pf-c-sidebar__panel.pf-m-width-75-on-2xl {
10077
- --pf-c-sidebar__panel--FlexBasis: 75%;
10078
- }
10054
+ .pf-c-jump-links__main {
10055
+ display: flex;
10056
+ flex-direction: column;
10057
+ }
10079
10058
 
10080
- .pf-c-sidebar__panel.pf-m-width-100-on-2xl {
10081
- --pf-c-sidebar__panel--FlexBasis: 100%;
10082
- }
10059
+ .pf-c-jump-links__toggle {
10060
+ display: var(--pf-c-jump-links__toggle--Display);
10061
+ margin-top: var(--pf-c-jump-links__toggle--MarginTop);
10062
+ margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom);
10063
+ margin-left: var(--pf-c-jump-links__toggle--MarginLeft);
10064
+ visibility: var(--pf-c-jump-links__toggle--Visibility);
10065
+ }
10066
+
10067
+ .pf-c-jump-links__toggle .pf-c-button {
10068
+ display: flex;
10069
+ align-items: center;
10070
+ }
10071
+
10072
+ .pf-c-jump-links__toggle-icon {
10073
+ display: inline-block;
10074
+ color: var(--pf-c-jump-links__toggle-icon--Color);
10075
+ transition: var(--pf-c-jump-links__toggle-icon--Transition);
10076
+ transform: rotate(var(--pf-c-jump-links__toggle-icon--Rotate));
10077
+ }
10078
+
10079
+ .pf-c-jump-links__toggle-text {
10080
+ margin-left: var(--pf-c-jump-links__toggle-text--MarginLeft);
10081
+ color: var(--pf-c-jump-links__toggle-text--Color);
10083
10082
  }
10083
+
10084
10084
  .pf-c-label {
10085
10085
  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
10086
10086
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
@@ -12875,7 +12875,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
12875
12875
  .pf-c-menu-toggle.pf-m-split-button > .pf-c-check {
12876
12876
  --pf-c-menu-toggle--PaddingRight: 0;
12877
12877
  --pf-c-check__input--MarginTop: 0;
12878
- --pf-c-check__label--Color: currentColor;
12878
+ --pf-c-check__label--Color: currentcolor;
12879
12879
  align-items: center;
12880
12880
  align-self: stretch;
12881
12881
  }
@@ -19605,7 +19605,7 @@ svg.pf-c-spinner.pf-m-xl {
19605
19605
  --pf-c-tabs__toggle--Visibility: hidden;
19606
19606
  --pf-c-tabs__toggle--MarginBottom: 0;
19607
19607
  --pf-c-tabs--m-expanded__toggle--MarginBottom: var(--pf-global--spacer--md);
19608
- --pf-c-tabs__toggle-icon--Color: currentColor;
19608
+ --pf-c-tabs__toggle-icon--Color: currentcolor;
19609
19609
  --pf-c-tabs__toggle-icon--Transition: var(--pf-global--Transition);
19610
19610
  --pf-c-tabs__toggle-icon--Rotate: 0;
19611
19611
  --pf-c-tabs__toggle-text--MarginLeft: 0;
@@ -22683,8 +22683,14 @@ svg.pf-c-spinner.pf-m-xl {
22683
22683
  --pf-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-c-tree-view__node--PaddingLeft);
22684
22684
  --pf-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
22685
22685
  --pf-c-tree-view__node-toggle--Position: absolute;
22686
+ --pf-c-tree-view__node-toggle--Color--base: var(--pf-global--Color--200);
22687
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
22688
+ --pf-c-tree-view__node-toggle--hover--Color: var(--pf-global--Color--100);
22689
+ --pf-c-tree-view__node-toggle--focus--Color: var(--pf-global--Color--100);
22690
+ --pf-c-tree-view__node-toggle--active--Color: var(--pf-global--Color--100);
22691
+ --pf-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-global--Color--100);
22686
22692
  --pf-c-tree-view__node-toggle-icon--MinWidth: var(--pf-global--FontSize--md);
22687
- --pf-c-tree-view__node-toggle-icon--Transition: var(--pf-global--Transition);
22693
+ --pf-c-tree-view__node-toggle-icon--Transition: transform var(--pf-global--TransitionDuration) var(--pf-global--TimingFunction);
22688
22694
  --pf-c-tree-view__node-toggle-button--PaddingTop: var(--pf-global--spacer--form-element);
22689
22695
  --pf-c-tree-view__node-toggle-button--PaddingRight: var(--pf-global--spacer--md);
22690
22696
  --pf-c-tree-view__node-toggle-button--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -22909,9 +22915,11 @@ svg.pf-c-spinner.pf-m-xl {
22909
22915
 
22910
22916
  .pf-c-tree-view__list-item .pf-c-tree-view__list-item {
22911
22917
  --pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__node-toggle-icon--base--Rotate);
22918
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
22912
22919
  }
22913
22920
 
22914
22921
  .pf-c-tree-view__list-item.pf-m-expanded {
22922
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__list-item--m-expanded__node-toggle--Color);
22915
22923
  --pf-c-tree-view__node-toggle-icon--Rotate: var(--pf-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
22916
22924
  }
22917
22925
 
@@ -22949,6 +22957,25 @@ svg.pf-c-spinner.pf-m-xl {
22949
22957
  --pf-c-badge--m-read--BackgroundColor: var(--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
22950
22958
  }
22951
22959
 
22960
+ .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle {
22961
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
22962
+ }
22963
+
22964
+ .pf-c-tree-view__node:hover,
22965
+ .pf-c-tree-view__node .pf-c-tree-view__node-toggle:hover {
22966
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover__icon--Color);
22967
+ }
22968
+
22969
+ .pf-c-tree-view__node:focus,
22970
+ .pf-c-tree-view__node .pf-c-tree-view__node-toggle:focus {
22971
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus__icon--Color);
22972
+ }
22973
+
22974
+ .pf-c-tree-view__node:active,
22975
+ .pf-c-tree-view__node .pf-c-tree-view__node-toggle:active {
22976
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active__icon--Color);
22977
+ }
22978
+
22952
22979
  .pf-c-tree-view__node-container {
22953
22980
  display: var(--pf-c-tree-view__node-container--Display);
22954
22981
  flex-grow: 1;
@@ -22978,6 +23005,7 @@ svg.pf-c-spinner.pf-m-xl {
22978
23005
  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);
22979
23006
  margin-top: var(--pf-c-tree-view__node-toggle-button--MarginTop);
22980
23007
  margin-bottom: var(--pf-c-tree-view__node-toggle-button--MarginBottom);
23008
+ color: var(--pf-c-tree-view__node-toggle--Color);
22981
23009
  border: 0;
22982
23010
  transform: translateX(var(--pf-c-tree-view__list-item__list-item__node-toggle--TranslateX));
22983
23011
  }
@@ -22998,6 +23026,10 @@ svg.pf-c-spinner.pf-m-xl {
22998
23026
  white-space: nowrap;
22999
23027
  }
23000
23028
 
23029
+ label.pf-c-tree-view__node-text {
23030
+ cursor: pointer;
23031
+ }
23032
+
23001
23033
  .pf-c-tree-view__node-title {
23002
23034
  font-weight: var(--pf-c-tree-view__node-title--FontWeight);
23003
23035
  }