@patternfly/react-core 4.202.16 → 4.202.19

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 (86) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/esm/components/CalendarMonth/CalendarMonth.d.ts.map +1 -1
  3. package/dist/esm/components/CalendarMonth/CalendarMonth.js +12 -4
  4. package/dist/esm/components/CalendarMonth/CalendarMonth.js.map +1 -1
  5. package/dist/js/components/CalendarMonth/CalendarMonth.d.ts.map +1 -1
  6. package/dist/js/components/CalendarMonth/CalendarMonth.js +12 -4
  7. package/dist/js/components/CalendarMonth/CalendarMonth.js.map +1 -1
  8. package/dist/umd/react-core.js +12 -4
  9. package/dist/umd/react-core.min.css +460 -460
  10. package/dist/umd/react-core.min.js +1 -1
  11. package/package.json +5 -5
  12. package/src/components/CalendarMonth/CalendarMonth.tsx +10 -4
  13. package/src/components/CalendarMonth/examples/CalendarMonth.md +9 -0
  14. package/src/components/CalendarMonth/examples/CalendarMonthDateRange.tsx +10 -0
  15. package/src/components/ContextSelector/examples/ContextSelector.md +3 -279
  16. package/src/components/ContextSelector/examples/ContextSelectorBasic.tsx +84 -0
  17. package/src/components/ContextSelector/examples/ContextSelectorPlainText.tsx +85 -0
  18. package/src/components/ContextSelector/examples/ContextSelectorWithFooter.tsx +91 -0
  19. package/src/components/DescriptionList/examples/DescriptionList.md +22 -930
  20. package/src/components/DescriptionList/examples/DescriptionListAutoFitBasic.tsx +40 -0
  21. package/src/components/DescriptionList/examples/DescriptionListAutoFitMinWidthModified.tsx +40 -0
  22. package/src/components/DescriptionList/examples/DescriptionListAutoFitMinWidthResponsive.tsx +40 -0
  23. package/src/components/DescriptionList/examples/DescriptionListBasic.tsx +40 -0
  24. package/src/components/DescriptionList/examples/DescriptionListColumnFill.tsx +42 -0
  25. package/src/components/DescriptionList/examples/DescriptionListCompact.tsx +40 -0
  26. package/src/components/DescriptionList/examples/DescriptionListCompactHorizontal.tsx +40 -0
  27. package/src/components/DescriptionList/examples/DescriptionListDefaultAutoColumn.tsx +40 -0
  28. package/src/components/DescriptionList/examples/DescriptionListDefaultInlineGrid.tsx +40 -0
  29. package/src/components/DescriptionList/examples/DescriptionListDefaultResponsiveColumns.tsx +40 -0
  30. package/src/components/DescriptionList/examples/DescriptionListDefaultThreeColLg.tsx +40 -0
  31. package/src/components/DescriptionList/examples/DescriptionListDefaultTwoCol.tsx +44 -0
  32. package/src/components/DescriptionList/examples/DescriptionListFluidHorizontal.tsx +40 -0
  33. package/src/components/DescriptionList/examples/DescriptionListHorizontal.tsx +40 -0
  34. package/src/components/DescriptionList/examples/DescriptionListHorizontalAutoColumn.tsx +40 -0
  35. package/src/components/DescriptionList/examples/DescriptionListHorizontalCustomTermWidth.tsx +50 -0
  36. package/src/components/DescriptionList/examples/DescriptionListHorizontalResponsiveColumns.tsx +40 -0
  37. package/src/components/DescriptionList/examples/DescriptionListHorizontalThreeColLg.tsx +40 -0
  38. package/src/components/DescriptionList/examples/DescriptionListHorizontalTwoCol.tsx +40 -0
  39. package/src/components/DescriptionList/examples/DescriptionListIconsOnTerms.tsx +45 -0
  40. package/src/components/DescriptionList/examples/DescriptionListResponsiveHoriVertGroup.tsx +48 -0
  41. package/src/components/DescriptionList/examples/DescriptionListWithTermHelpText.tsx +62 -0
  42. package/src/components/Divider/examples/Divider.md +15 -68
  43. package/src/components/Divider/examples/DividerInsetMedium.tsx +4 -0
  44. package/src/components/Divider/examples/DividerInsetVariousBreakpoints.tsx +13 -0
  45. package/src/components/Divider/examples/DividerUsingDiv.tsx +4 -0
  46. package/src/components/Divider/examples/DividerUsingHr.tsx +4 -0
  47. package/src/components/Divider/examples/DividerUsingLi.tsx +10 -0
  48. package/src/components/Divider/examples/DividerVerticalFlex.tsx +10 -0
  49. package/src/components/Divider/examples/DividerVerticalFlexInsetMedium.tsx +10 -0
  50. package/src/components/Divider/examples/DividerVerticalFlexInsetVariousBreakpoints.tsx +18 -0
  51. package/src/components/FormSelect/__tests__/FormSelect.test.tsx +0 -1
  52. package/src/components/List/__tests__/List.test.tsx +33 -33
  53. package/src/components/List/__tests__/__snapshots__/List.test.tsx.snap +33 -64
  54. package/src/components/Menu/__tests__/Menu.test.tsx +37 -33
  55. package/src/components/Menu/__tests__/__snapshots__/Menu.test.tsx.snap +3 -36
  56. package/src/components/Modal/__tests__/Modal.test.tsx +65 -67
  57. package/src/components/Modal/__tests__/ModalBoxCloseButton.test.tsx +13 -10
  58. package/src/components/Nav/__tests__/Nav.test.tsx +185 -214
  59. package/src/components/Nav/__tests__/__snapshots__/Nav.test.tsx.snap +877 -1729
  60. package/src/components/NotificationDrawer/__tests__/NotificationDrawer.test.tsx +13 -15
  61. package/src/components/NotificationDrawer/__tests__/NotificationDrawerBody.test.tsx +13 -15
  62. package/src/components/NotificationDrawer/__tests__/NotificationDrawerGroup.test.tsx +21 -27
  63. package/src/components/NotificationDrawer/__tests__/NotificationDrawerGroupList.test.tsx +13 -15
  64. package/src/components/NotificationDrawer/__tests__/NotificationDrawerHeader.test.tsx +25 -27
  65. package/src/components/NotificationDrawer/__tests__/NotificationDrawerList.test.tsx +17 -19
  66. package/src/components/NotificationDrawer/__tests__/NotificationDrawerListItem.test.tsx +20 -27
  67. package/src/components/NotificationDrawer/__tests__/NotificationDrawerListItemBody.test.tsx +17 -13
  68. package/src/components/NotificationDrawer/__tests__/NotificationDrawerListItemHeader.test.tsx +30 -25
  69. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawer.test.tsx.snap +3 -5
  70. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerBody.test.tsx.snap +3 -5
  71. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerGroup.test.tsx.snap +9 -11
  72. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerGroupList.test.tsx.snap +3 -5
  73. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerHeader.test.tsx.snap +16 -18
  74. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerList.test.tsx.snap +7 -8
  75. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerListItem.test.tsx.snap +3 -5
  76. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerListItemBody.test.tsx.snap +6 -8
  77. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerListItemHeader.test.tsx.snap +12 -14
  78. package/src/components/OverflowMenu/__tests__/OverflowMenu.test.tsx +15 -12
  79. package/src/components/OverflowMenu/__tests__/OverflowMenuControl.test.tsx +9 -8
  80. package/src/components/OverflowMenu/__tests__/OverflowMenuGroup.test.tsx +17 -18
  81. package/src/components/OverflowMenu/__tests__/OverflowMenuItem.test.tsx +10 -9
  82. package/src/components/OverflowMenu/__tests__/__snapshots__/OverflowMenu.test.tsx.snap +6 -16
  83. package/src/components/OverflowMenu/__tests__/__snapshots__/OverflowMenuControl.test.tsx.snap +3 -15
  84. package/src/components/OverflowMenu/__tests__/__snapshots__/OverflowMenuItem.test.tsx.snap +3 -17
  85. package/src/components/Modal/__tests__/__snapshots__/ModalBoxCloseButton.test.tsx.snap +0 -16
  86. package/src/components/OverflowMenu/__tests__/__snapshots__/OverflowMenuGroup.test.tsx.snap +0 -33
@@ -8779,327 +8779,6 @@ label.pf-c-input-group__text {
8779
8779
  margin-left: 0;
8780
8780
  }
8781
8781
 
8782
- .pf-c-jump-links {
8783
- --pf-c-jump-links__list--Display: flex;
8784
- --pf-c-jump-links__list--Visibility: visible;
8785
- --pf-c-jump-links__list--PaddingTop: 0;
8786
- --pf-c-jump-links__list--PaddingRight: var(--pf-global--spacer--md);
8787
- --pf-c-jump-links__list--PaddingBottom: 0;
8788
- --pf-c-jump-links__list--PaddingLeft: var(--pf-global--spacer--md);
8789
- --pf-c-jump-links--m-vertical__list--PaddingTop: var(--pf-global--spacer--md);
8790
- --pf-c-jump-links--m-vertical__list--PaddingRight: 0;
8791
- --pf-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-global--spacer--md);
8792
- --pf-c-jump-links--m-vertical__list--PaddingLeft: 0;
8793
- --pf-c-jump-links__list--FlexDirection: row;
8794
- --pf-c-jump-links--m-vertical__list--FlexDirection: column;
8795
- --pf-c-jump-links__list--before--BorderColor: var(--pf-global--BorderColor--100);
8796
- --pf-c-jump-links__list--before--BorderTopWidth: var(--pf-global--BorderWidth--sm);
8797
- --pf-c-jump-links__list--before--BorderRightWidth: 0;
8798
- --pf-c-jump-links__list--before--BorderBottomWidth: 0;
8799
- --pf-c-jump-links__list--before--BorderLeftWidth: 0;
8800
- --pf-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
8801
- --pf-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
8802
- --pf-c-jump-links__list__list--MarginTop: calc(var(--pf-global--spacer--sm) * -1);
8803
- --pf-c-jump-links__link--PaddingTop: var(--pf-global--spacer--md);
8804
- --pf-c-jump-links__link--PaddingRight: var(--pf-global--spacer--md);
8805
- --pf-c-jump-links__link--PaddingBottom: var(--pf-global--spacer--md);
8806
- --pf-c-jump-links__link--PaddingLeft: var(--pf-global--spacer--md);
8807
- --pf-c-jump-links__list__list__link--PaddingTop: var(--pf-global--spacer--sm);
8808
- --pf-c-jump-links__list__list__link--PaddingLeft: var(--pf-global--spacer--lg);
8809
- --pf-c-jump-links__list__list__link--PaddingBottom: var(--pf-global--spacer--sm);
8810
- --pf-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-global--spacer--sm));
8811
- --pf-c-jump-links__link--before--BorderTopWidth: 0;
8812
- --pf-c-jump-links__link--before--BorderRightWidth: 0;
8813
- --pf-c-jump-links__link--before--BorderBottomWidth: 0;
8814
- --pf-c-jump-links__link--before--BorderLeftWidth: 0;
8815
- --pf-c-jump-links__link--before--BorderColor: transparent;
8816
- --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-global--BorderWidth--lg);
8817
- --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
8818
- --pf-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-global--primary-color--100);
8819
- --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
8820
- --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
8821
- --pf-c-jump-links__link-text--Color: var(--pf-global--Color--200);
8822
- --pf-c-jump-links__link--hover__link-text--Color: var(--pf-global--Color--100);
8823
- --pf-c-jump-links__link--focus__link-text--Color: var(--pf-global--Color--100);
8824
- --pf-c-jump-links__item--m-current__link-text--Color: var(--pf-global--Color--100);
8825
- --pf-c-jump-links__label--MarginBottom: var(--pf-global--spacer--md);
8826
- --pf-c-jump-links__label--Display: block;
8827
- --pf-c-jump-links__label--Visibility: visible;
8828
- --pf-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
8829
- --pf-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-global--spacer--form-element));
8830
- --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links__toggle--MarginBottom--base);
8831
- --pf-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-c-jump-links__toggle--MarginBottom--base) + var(--pf-global--spacer--md));
8832
- --pf-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
8833
- --pf-c-jump-links__toggle--Display: none;
8834
- --pf-c-jump-links__toggle--Visibility: hidden;
8835
- --pf-c-jump-links__toggle-icon--Color: currentColor;
8836
- --pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
8837
- --pf-c-jump-links__toggle-icon--Rotate: 0;
8838
- --pf-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
8839
- --pf-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
8840
- --pf-c-jump-links__toggle-text--MarginLeft: var(--pf-global--spacer--md);
8841
- --pf-c-jump-links__toggle-text--Color: var(--pf-global--Color--100);
8842
- display: flex;
8843
- }
8844
-
8845
- .pf-c-jump-links.pf-m-center {
8846
- justify-content: center;
8847
- }
8848
-
8849
- .pf-c-jump-links.pf-m-center .pf-c-jump-links__main {
8850
- align-items: center;
8851
- }
8852
-
8853
- .pf-c-jump-links.pf-m-vertical, .pf-c-jump-links.pf-m-expandable {
8854
- --pf-c-jump-links__list--PaddingTop: var(--pf-c-jump-links--m-vertical__list--PaddingTop);
8855
- --pf-c-jump-links__list--PaddingRight: var(--pf-c-jump-links--m-vertical__list--PaddingRight);
8856
- --pf-c-jump-links__list--PaddingBottom: var(--pf-c-jump-links--m-vertical__list--PaddingBottom);
8857
- --pf-c-jump-links__list--PaddingLeft: var(--pf-c-jump-links--m-vertical__list--PaddingLeft);
8858
- --pf-c-jump-links__list--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth);
8859
- --pf-c-jump-links__list--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth);
8860
- --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth);
8861
- --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth);
8862
- --pf-c-jump-links__list--FlexDirection: var(--pf-c-jump-links--m-vertical__list--FlexDirection);
8863
- flex-direction: column;
8864
- }
8865
-
8866
- .pf-c-jump-links.pf-m-expandable {
8867
- --pf-c-jump-links__list--Display: none;
8868
- --pf-c-jump-links__list--Visibility: hidden;
8869
- --pf-c-jump-links__toggle--Display: block;
8870
- --pf-c-jump-links__toggle--Visibility: visible;
8871
- --pf-c-jump-links__label--Display: none;
8872
- --pf-c-jump-links__label--Visibility: hidden;
8873
- }
8874
-
8875
- .pf-c-jump-links.pf-m-non-expandable {
8876
- --pf-c-jump-links__list--Display: flex;
8877
- --pf-c-jump-links__list--Visibility: visible;
8878
- --pf-c-jump-links__toggle--Display: none;
8879
- --pf-c-jump-links__toggle--Visibility: hidden;
8880
- --pf-c-jump-links__label--Display: block;
8881
- --pf-c-jump-links__label--Visibility: visible;
8882
- }
8883
-
8884
- @media (min-width: 576px) {
8885
- .pf-c-jump-links.pf-m-expandable-on-sm {
8886
- --pf-c-jump-links__list--Display: none;
8887
- --pf-c-jump-links__list--Visibility: hidden;
8888
- --pf-c-jump-links__toggle--Display: block;
8889
- --pf-c-jump-links__toggle--Visibility: visible;
8890
- --pf-c-jump-links__label--Display: none;
8891
- --pf-c-jump-links__label--Visibility: hidden;
8892
- }
8893
-
8894
- .pf-c-jump-links.pf-m-non-expandable-on-sm {
8895
- --pf-c-jump-links__list--Display: flex;
8896
- --pf-c-jump-links__list--Visibility: visible;
8897
- --pf-c-jump-links__toggle--Display: none;
8898
- --pf-c-jump-links__toggle--Visibility: hidden;
8899
- --pf-c-jump-links__label--Display: block;
8900
- --pf-c-jump-links__label--Visibility: visible;
8901
- }
8902
- }
8903
- @media (min-width: 768px) {
8904
- .pf-c-jump-links.pf-m-expandable-on-md {
8905
- --pf-c-jump-links__list--Display: none;
8906
- --pf-c-jump-links__list--Visibility: hidden;
8907
- --pf-c-jump-links__toggle--Display: block;
8908
- --pf-c-jump-links__toggle--Visibility: visible;
8909
- --pf-c-jump-links__label--Display: none;
8910
- --pf-c-jump-links__label--Visibility: hidden;
8911
- }
8912
-
8913
- .pf-c-jump-links.pf-m-non-expandable-on-md {
8914
- --pf-c-jump-links__list--Display: flex;
8915
- --pf-c-jump-links__list--Visibility: visible;
8916
- --pf-c-jump-links__toggle--Display: none;
8917
- --pf-c-jump-links__toggle--Visibility: hidden;
8918
- --pf-c-jump-links__label--Display: block;
8919
- --pf-c-jump-links__label--Visibility: visible;
8920
- }
8921
- }
8922
- @media (min-width: 992px) {
8923
- .pf-c-jump-links.pf-m-expandable-on-lg {
8924
- --pf-c-jump-links__list--Display: none;
8925
- --pf-c-jump-links__list--Visibility: hidden;
8926
- --pf-c-jump-links__toggle--Display: block;
8927
- --pf-c-jump-links__toggle--Visibility: visible;
8928
- --pf-c-jump-links__label--Display: none;
8929
- --pf-c-jump-links__label--Visibility: hidden;
8930
- }
8931
-
8932
- .pf-c-jump-links.pf-m-non-expandable-on-lg {
8933
- --pf-c-jump-links__list--Display: flex;
8934
- --pf-c-jump-links__list--Visibility: visible;
8935
- --pf-c-jump-links__toggle--Display: none;
8936
- --pf-c-jump-links__toggle--Visibility: hidden;
8937
- --pf-c-jump-links__label--Display: block;
8938
- --pf-c-jump-links__label--Visibility: visible;
8939
- }
8940
- }
8941
- @media (min-width: 1200px) {
8942
- .pf-c-jump-links.pf-m-expandable-on-xl {
8943
- --pf-c-jump-links__list--Display: none;
8944
- --pf-c-jump-links__list--Visibility: hidden;
8945
- --pf-c-jump-links__toggle--Display: block;
8946
- --pf-c-jump-links__toggle--Visibility: visible;
8947
- --pf-c-jump-links__label--Display: none;
8948
- --pf-c-jump-links__label--Visibility: hidden;
8949
- }
8950
-
8951
- .pf-c-jump-links.pf-m-non-expandable-on-xl {
8952
- --pf-c-jump-links__list--Display: flex;
8953
- --pf-c-jump-links__list--Visibility: visible;
8954
- --pf-c-jump-links__toggle--Display: none;
8955
- --pf-c-jump-links__toggle--Visibility: hidden;
8956
- --pf-c-jump-links__label--Display: block;
8957
- --pf-c-jump-links__label--Visibility: visible;
8958
- }
8959
- }
8960
- @media (min-width: 1450px) {
8961
- .pf-c-jump-links.pf-m-expandable-on-2xl {
8962
- --pf-c-jump-links__list--Display: none;
8963
- --pf-c-jump-links__list--Visibility: hidden;
8964
- --pf-c-jump-links__toggle--Display: block;
8965
- --pf-c-jump-links__toggle--Visibility: visible;
8966
- --pf-c-jump-links__label--Display: none;
8967
- --pf-c-jump-links__label--Visibility: hidden;
8968
- }
8969
-
8970
- .pf-c-jump-links.pf-m-non-expandable-on-2xl {
8971
- --pf-c-jump-links__list--Display: flex;
8972
- --pf-c-jump-links__list--Visibility: visible;
8973
- --pf-c-jump-links__toggle--Display: none;
8974
- --pf-c-jump-links__toggle--Visibility: hidden;
8975
- --pf-c-jump-links__label--Display: block;
8976
- --pf-c-jump-links__label--Visibility: visible;
8977
- }
8978
- }
8979
- .pf-c-jump-links.pf-m-expanded {
8980
- --pf-c-jump-links__list--Display: flex;
8981
- --pf-c-jump-links__list--Visibility: visible;
8982
- --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links--m-expanded__toggle--MarginBottom);
8983
- --pf-c-jump-links__toggle-icon--Rotate: var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate);
8984
- --pf-c-jump-links__toggle-icon--Color: var(--pf-c-jump-links--m-expanded__toggle-icon--Color);
8985
- }
8986
-
8987
- .pf-c-jump-links__list {
8988
- position: relative;
8989
- display: var(--pf-c-jump-links__list--Display);
8990
- flex-direction: var(--pf-c-jump-links__list--FlexDirection);
8991
- padding-top: var(--pf-c-jump-links__list--PaddingTop);
8992
- padding-right: var(--pf-c-jump-links__list--PaddingRight);
8993
- padding-bottom: var(--pf-c-jump-links__list--PaddingBottom);
8994
- padding-left: var(--pf-c-jump-links__list--PaddingLeft);
8995
- visibility: var(--pf-c-jump-links__list--Visibility);
8996
- }
8997
-
8998
- .pf-c-jump-links__list::before {
8999
- position: absolute;
9000
- top: 0;
9001
- right: 0;
9002
- bottom: 0;
9003
- left: 0;
9004
- pointer-events: none;
9005
- content: "";
9006
- border: solid var(--pf-c-jump-links__list--before--BorderColor);
9007
- 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);
9008
- }
9009
-
9010
- .pf-c-jump-links__list .pf-c-jump-links__list {
9011
- --pf-c-jump-links__list--PaddingTop: 0;
9012
- --pf-c-jump-links__list--PaddingBottom: 0;
9013
- --pf-c-jump-links__link--PaddingTop: var(--pf-c-jump-links__list__list__link--PaddingTop);
9014
- --pf-c-jump-links__link--PaddingBottom: var(--pf-c-jump-links__list__list__link--PaddingBottom);
9015
- --pf-c-jump-links__link--PaddingLeft: var(--pf-c-jump-links__list__list__link--PaddingLeft);
9016
- margin-top: var(--pf-c-jump-links__list__list--MarginTop);
9017
- }
9018
-
9019
- .pf-c-jump-links__link {
9020
- position: relative;
9021
- display: flex;
9022
- flex: 1;
9023
- padding-top: var(--pf-c-jump-links__link--PaddingTop);
9024
- padding-right: var(--pf-c-jump-links__link--PaddingRight);
9025
- padding-bottom: var(--pf-c-jump-links__link--PaddingBottom);
9026
- padding-left: var(--pf-c-jump-links__link--PaddingLeft);
9027
- text-decoration: none;
9028
- outline-offset: var(--pf-c-jump-links__link--OutlineOffset);
9029
- }
9030
-
9031
- .pf-c-jump-links__link:hover {
9032
- --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--hover__link-text--Color);
9033
- }
9034
-
9035
- .pf-c-jump-links__link:focus {
9036
- --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--focus__link-text--Color);
9037
- }
9038
-
9039
- .pf-c-jump-links__link::before {
9040
- position: absolute;
9041
- top: 0;
9042
- right: 0;
9043
- bottom: 0;
9044
- left: 0;
9045
- pointer-events: none;
9046
- content: "";
9047
- border-color: var(--pf-c-jump-links__link--before--BorderColor);
9048
- border-style: solid;
9049
- 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);
9050
- }
9051
-
9052
- .pf-c-jump-links__item {
9053
- --pf-c-jump-links__list--before--BorderColor: transparent;
9054
- }
9055
-
9056
- .pf-c-jump-links__item.pf-m-current > .pf-c-jump-links__link {
9057
- --pf-c-jump-links__link--before--BorderTopWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderTopWidth);
9058
- --pf-c-jump-links__link--before--BorderLeftWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth);
9059
- --pf-c-jump-links__link--before--BorderColor: var(--pf-c-jump-links__item--m-current__link--before--BorderColor);
9060
- --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__item--m-current__link-text--Color);
9061
- }
9062
-
9063
- .pf-c-jump-links__link-text {
9064
- color: var(--pf-c-jump-links__link-text--Color);
9065
- }
9066
-
9067
- .pf-c-jump-links__label {
9068
- display: var(--pf-c-jump-links__label--Display);
9069
- margin-bottom: var(--pf-c-jump-links__label--MarginBottom);
9070
- visibility: var(--pf-c-jump-links__label--Visibility);
9071
- }
9072
-
9073
- .pf-c-jump-links__main {
9074
- display: flex;
9075
- flex-direction: column;
9076
- }
9077
-
9078
- .pf-c-jump-links__toggle {
9079
- display: var(--pf-c-jump-links__toggle--Display);
9080
- margin-top: var(--pf-c-jump-links__toggle--MarginTop);
9081
- margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom);
9082
- margin-left: var(--pf-c-jump-links__toggle--MarginLeft);
9083
- visibility: var(--pf-c-jump-links__toggle--Visibility);
9084
- }
9085
-
9086
- .pf-c-jump-links__toggle .pf-c-button {
9087
- display: flex;
9088
- align-items: center;
9089
- }
9090
-
9091
- .pf-c-jump-links__toggle-icon {
9092
- display: inline-block;
9093
- color: var(--pf-c-jump-links__toggle-icon--Color);
9094
- transition: var(--pf-c-jump-links__toggle-icon--Transition);
9095
- transform: rotate(var(--pf-c-jump-links__toggle-icon--Rotate));
9096
- }
9097
-
9098
- .pf-c-jump-links__toggle-text {
9099
- margin-left: var(--pf-c-jump-links__toggle-text--MarginLeft);
9100
- color: var(--pf-c-jump-links__toggle-text--Color);
9101
- }
9102
-
9103
8782
  .pf-c-sidebar {
9104
8783
  --pf-c-sidebar--BackgroundColor: var(--pf-global--BackgroundColor--100);
9105
8784
  --pf-c-sidebar__main--FlexDirection: column;
@@ -9283,146 +8962,467 @@ label.pf-c-input-group__text {
9283
8962
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
9284
8963
  }
9285
8964
 
9286
- .pf-c-sidebar__panel.pf-m-width-25-on-sm {
8965
+ .pf-c-sidebar__panel.pf-m-width-25-on-sm {
8966
+ --pf-c-sidebar__panel--FlexBasis: 25%;
8967
+ }
8968
+
8969
+ .pf-c-sidebar__panel.pf-m-width-33-on-sm {
8970
+ --pf-c-sidebar__panel--FlexBasis: 33%;
8971
+ }
8972
+
8973
+ .pf-c-sidebar__panel.pf-m-width-50-on-sm {
8974
+ --pf-c-sidebar__panel--FlexBasis: 50%;
8975
+ }
8976
+
8977
+ .pf-c-sidebar__panel.pf-m-width-66-on-sm {
8978
+ --pf-c-sidebar__panel--FlexBasis: 66%;
8979
+ }
8980
+
8981
+ .pf-c-sidebar__panel.pf-m-width-75-on-sm {
8982
+ --pf-c-sidebar__panel--FlexBasis: 75%;
8983
+ }
8984
+
8985
+ .pf-c-sidebar__panel.pf-m-width-100-on-sm {
8986
+ --pf-c-sidebar__panel--FlexBasis: 100%;
8987
+ }
8988
+ }
8989
+ @media (min-width: 768px) {
8990
+ .pf-c-sidebar__panel.pf-m-width-default-on-md {
8991
+ --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
8992
+ }
8993
+
8994
+ .pf-c-sidebar__panel.pf-m-width-25-on-md {
8995
+ --pf-c-sidebar__panel--FlexBasis: 25%;
8996
+ }
8997
+
8998
+ .pf-c-sidebar__panel.pf-m-width-33-on-md {
8999
+ --pf-c-sidebar__panel--FlexBasis: 33%;
9000
+ }
9001
+
9002
+ .pf-c-sidebar__panel.pf-m-width-50-on-md {
9003
+ --pf-c-sidebar__panel--FlexBasis: 50%;
9004
+ }
9005
+
9006
+ .pf-c-sidebar__panel.pf-m-width-66-on-md {
9007
+ --pf-c-sidebar__panel--FlexBasis: 66%;
9008
+ }
9009
+
9010
+ .pf-c-sidebar__panel.pf-m-width-75-on-md {
9011
+ --pf-c-sidebar__panel--FlexBasis: 75%;
9012
+ }
9013
+
9014
+ .pf-c-sidebar__panel.pf-m-width-100-on-md {
9015
+ --pf-c-sidebar__panel--FlexBasis: 100%;
9016
+ }
9017
+ }
9018
+ @media (min-width: 992px) {
9019
+ .pf-c-sidebar__panel.pf-m-width-default-on-lg {
9020
+ --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
9021
+ }
9022
+
9023
+ .pf-c-sidebar__panel.pf-m-width-25-on-lg {
9024
+ --pf-c-sidebar__panel--FlexBasis: 25%;
9025
+ }
9026
+
9027
+ .pf-c-sidebar__panel.pf-m-width-33-on-lg {
9028
+ --pf-c-sidebar__panel--FlexBasis: 33%;
9029
+ }
9030
+
9031
+ .pf-c-sidebar__panel.pf-m-width-50-on-lg {
9032
+ --pf-c-sidebar__panel--FlexBasis: 50%;
9033
+ }
9034
+
9035
+ .pf-c-sidebar__panel.pf-m-width-66-on-lg {
9036
+ --pf-c-sidebar__panel--FlexBasis: 66%;
9037
+ }
9038
+
9039
+ .pf-c-sidebar__panel.pf-m-width-75-on-lg {
9040
+ --pf-c-sidebar__panel--FlexBasis: 75%;
9041
+ }
9042
+
9043
+ .pf-c-sidebar__panel.pf-m-width-100-on-lg {
9044
+ --pf-c-sidebar__panel--FlexBasis: 100%;
9045
+ }
9046
+ }
9047
+ @media (min-width: 1200px) {
9048
+ .pf-c-sidebar__panel.pf-m-width-default-on-xl {
9049
+ --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
9050
+ }
9051
+
9052
+ .pf-c-sidebar__panel.pf-m-width-25-on-xl {
9287
9053
  --pf-c-sidebar__panel--FlexBasis: 25%;
9288
9054
  }
9289
9055
 
9290
- .pf-c-sidebar__panel.pf-m-width-33-on-sm {
9056
+ .pf-c-sidebar__panel.pf-m-width-33-on-xl {
9291
9057
  --pf-c-sidebar__panel--FlexBasis: 33%;
9292
9058
  }
9293
9059
 
9294
- .pf-c-sidebar__panel.pf-m-width-50-on-sm {
9060
+ .pf-c-sidebar__panel.pf-m-width-50-on-xl {
9295
9061
  --pf-c-sidebar__panel--FlexBasis: 50%;
9296
9062
  }
9297
9063
 
9298
- .pf-c-sidebar__panel.pf-m-width-66-on-sm {
9064
+ .pf-c-sidebar__panel.pf-m-width-66-on-xl {
9299
9065
  --pf-c-sidebar__panel--FlexBasis: 66%;
9300
9066
  }
9301
9067
 
9302
- .pf-c-sidebar__panel.pf-m-width-75-on-sm {
9068
+ .pf-c-sidebar__panel.pf-m-width-75-on-xl {
9303
9069
  --pf-c-sidebar__panel--FlexBasis: 75%;
9304
9070
  }
9305
9071
 
9306
- .pf-c-sidebar__panel.pf-m-width-100-on-sm {
9072
+ .pf-c-sidebar__panel.pf-m-width-100-on-xl {
9307
9073
  --pf-c-sidebar__panel--FlexBasis: 100%;
9308
9074
  }
9309
9075
  }
9310
- @media (min-width: 768px) {
9311
- .pf-c-sidebar__panel.pf-m-width-default-on-md {
9076
+ @media (min-width: 1450px) {
9077
+ .pf-c-sidebar__panel.pf-m-width-default-on-2xl {
9312
9078
  --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
9313
9079
  }
9314
9080
 
9315
- .pf-c-sidebar__panel.pf-m-width-25-on-md {
9081
+ .pf-c-sidebar__panel.pf-m-width-25-on-2xl {
9316
9082
  --pf-c-sidebar__panel--FlexBasis: 25%;
9317
9083
  }
9318
9084
 
9319
- .pf-c-sidebar__panel.pf-m-width-33-on-md {
9085
+ .pf-c-sidebar__panel.pf-m-width-33-on-2xl {
9320
9086
  --pf-c-sidebar__panel--FlexBasis: 33%;
9321
9087
  }
9322
9088
 
9323
- .pf-c-sidebar__panel.pf-m-width-50-on-md {
9089
+ .pf-c-sidebar__panel.pf-m-width-50-on-2xl {
9324
9090
  --pf-c-sidebar__panel--FlexBasis: 50%;
9325
9091
  }
9326
9092
 
9327
- .pf-c-sidebar__panel.pf-m-width-66-on-md {
9093
+ .pf-c-sidebar__panel.pf-m-width-66-on-2xl {
9328
9094
  --pf-c-sidebar__panel--FlexBasis: 66%;
9329
9095
  }
9330
9096
 
9331
- .pf-c-sidebar__panel.pf-m-width-75-on-md {
9097
+ .pf-c-sidebar__panel.pf-m-width-75-on-2xl {
9332
9098
  --pf-c-sidebar__panel--FlexBasis: 75%;
9333
9099
  }
9334
9100
 
9335
- .pf-c-sidebar__panel.pf-m-width-100-on-md {
9101
+ .pf-c-sidebar__panel.pf-m-width-100-on-2xl {
9336
9102
  --pf-c-sidebar__panel--FlexBasis: 100%;
9337
9103
  }
9338
9104
  }
9339
- @media (min-width: 992px) {
9340
- .pf-c-sidebar__panel.pf-m-width-default-on-lg {
9341
- --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
9105
+ .pf-c-jump-links {
9106
+ --pf-c-jump-links__list--Display: flex;
9107
+ --pf-c-jump-links__list--Visibility: visible;
9108
+ --pf-c-jump-links__list--PaddingTop: 0;
9109
+ --pf-c-jump-links__list--PaddingRight: var(--pf-global--spacer--md);
9110
+ --pf-c-jump-links__list--PaddingBottom: 0;
9111
+ --pf-c-jump-links__list--PaddingLeft: var(--pf-global--spacer--md);
9112
+ --pf-c-jump-links--m-vertical__list--PaddingTop: var(--pf-global--spacer--md);
9113
+ --pf-c-jump-links--m-vertical__list--PaddingRight: 0;
9114
+ --pf-c-jump-links--m-vertical__list--PaddingBottom: var(--pf-global--spacer--md);
9115
+ --pf-c-jump-links--m-vertical__list--PaddingLeft: 0;
9116
+ --pf-c-jump-links__list--FlexDirection: row;
9117
+ --pf-c-jump-links--m-vertical__list--FlexDirection: column;
9118
+ --pf-c-jump-links__list--before--BorderColor: var(--pf-global--BorderColor--100);
9119
+ --pf-c-jump-links__list--before--BorderTopWidth: var(--pf-global--BorderWidth--sm);
9120
+ --pf-c-jump-links__list--before--BorderRightWidth: 0;
9121
+ --pf-c-jump-links__list--before--BorderBottomWidth: 0;
9122
+ --pf-c-jump-links__list--before--BorderLeftWidth: 0;
9123
+ --pf-c-jump-links--m-vertical__list--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
9124
+ --pf-c-jump-links--m-vertical__list--before--BorderTopWidth: 0;
9125
+ --pf-c-jump-links__list__list--MarginTop: calc(var(--pf-global--spacer--sm) * -1);
9126
+ --pf-c-jump-links__link--PaddingTop: var(--pf-global--spacer--md);
9127
+ --pf-c-jump-links__link--PaddingRight: var(--pf-global--spacer--md);
9128
+ --pf-c-jump-links__link--PaddingBottom: var(--pf-global--spacer--md);
9129
+ --pf-c-jump-links__link--PaddingLeft: var(--pf-global--spacer--md);
9130
+ --pf-c-jump-links__list__list__link--PaddingTop: var(--pf-global--spacer--sm);
9131
+ --pf-c-jump-links__list__list__link--PaddingLeft: var(--pf-global--spacer--lg);
9132
+ --pf-c-jump-links__list__list__link--PaddingBottom: var(--pf-global--spacer--sm);
9133
+ --pf-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-global--spacer--sm));
9134
+ --pf-c-jump-links__link--before--BorderTopWidth: 0;
9135
+ --pf-c-jump-links__link--before--BorderRightWidth: 0;
9136
+ --pf-c-jump-links__link--before--BorderBottomWidth: 0;
9137
+ --pf-c-jump-links__link--before--BorderLeftWidth: 0;
9138
+ --pf-c-jump-links__link--before--BorderColor: transparent;
9139
+ --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-global--BorderWidth--lg);
9140
+ --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: 0;
9141
+ --pf-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-global--primary-color--100);
9142
+ --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth: 0;
9143
+ --pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth: var(--pf-global--BorderWidth--lg);
9144
+ --pf-c-jump-links__link-text--Color: var(--pf-global--Color--200);
9145
+ --pf-c-jump-links__link--hover__link-text--Color: var(--pf-global--Color--100);
9146
+ --pf-c-jump-links__link--focus__link-text--Color: var(--pf-global--Color--100);
9147
+ --pf-c-jump-links__item--m-current__link-text--Color: var(--pf-global--Color--100);
9148
+ --pf-c-jump-links__label--MarginBottom: var(--pf-global--spacer--md);
9149
+ --pf-c-jump-links__label--Display: block;
9150
+ --pf-c-jump-links__label--Visibility: visible;
9151
+ --pf-c-jump-links__toggle--MarginTop: calc(-1 * var(--pf-global--spacer--form-element));
9152
+ --pf-c-jump-links__toggle--MarginBottom--base: calc(-1 * var(--pf-global--spacer--form-element));
9153
+ --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links__toggle--MarginBottom--base);
9154
+ --pf-c-jump-links--m-expanded__toggle--MarginBottom: calc(var(--pf-c-jump-links__toggle--MarginBottom--base) + var(--pf-global--spacer--md));
9155
+ --pf-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
9156
+ --pf-c-jump-links__toggle--Display: none;
9157
+ --pf-c-jump-links__toggle--Visibility: hidden;
9158
+ --pf-c-jump-links__toggle-icon--Color: currentColor;
9159
+ --pf-c-jump-links__toggle-icon--Transition: var(--pf-global--Transition);
9160
+ --pf-c-jump-links__toggle-icon--Rotate: 0;
9161
+ --pf-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
9162
+ --pf-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
9163
+ --pf-c-jump-links__toggle-text--MarginLeft: var(--pf-global--spacer--md);
9164
+ --pf-c-jump-links__toggle-text--Color: var(--pf-global--Color--100);
9165
+ display: flex;
9166
+ }
9167
+
9168
+ .pf-c-jump-links.pf-m-center {
9169
+ justify-content: center;
9170
+ }
9171
+
9172
+ .pf-c-jump-links.pf-m-center .pf-c-jump-links__main {
9173
+ align-items: center;
9174
+ }
9175
+
9176
+ .pf-c-jump-links.pf-m-vertical, .pf-c-jump-links.pf-m-expandable {
9177
+ --pf-c-jump-links__list--PaddingTop: var(--pf-c-jump-links--m-vertical__list--PaddingTop);
9178
+ --pf-c-jump-links__list--PaddingRight: var(--pf-c-jump-links--m-vertical__list--PaddingRight);
9179
+ --pf-c-jump-links__list--PaddingBottom: var(--pf-c-jump-links--m-vertical__list--PaddingBottom);
9180
+ --pf-c-jump-links__list--PaddingLeft: var(--pf-c-jump-links--m-vertical__list--PaddingLeft);
9181
+ --pf-c-jump-links__list--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderTopWidth);
9182
+ --pf-c-jump-links__list--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__list--before--BorderLeftWidth);
9183
+ --pf-c-jump-links__item--m-current__link--before--BorderTopWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderTopWidth);
9184
+ --pf-c-jump-links__item--m-current__link--before--BorderLeftWidth: var(--pf-c-jump-links--m-vertical__item--m-current__link--before--BorderLeftWidth);
9185
+ --pf-c-jump-links__list--FlexDirection: var(--pf-c-jump-links--m-vertical__list--FlexDirection);
9186
+ flex-direction: column;
9187
+ }
9188
+
9189
+ .pf-c-jump-links.pf-m-expandable {
9190
+ --pf-c-jump-links__list--Display: none;
9191
+ --pf-c-jump-links__list--Visibility: hidden;
9192
+ --pf-c-jump-links__toggle--Display: block;
9193
+ --pf-c-jump-links__toggle--Visibility: visible;
9194
+ --pf-c-jump-links__label--Display: none;
9195
+ --pf-c-jump-links__label--Visibility: hidden;
9196
+ }
9197
+
9198
+ .pf-c-jump-links.pf-m-non-expandable {
9199
+ --pf-c-jump-links__list--Display: flex;
9200
+ --pf-c-jump-links__list--Visibility: visible;
9201
+ --pf-c-jump-links__toggle--Display: none;
9202
+ --pf-c-jump-links__toggle--Visibility: hidden;
9203
+ --pf-c-jump-links__label--Display: block;
9204
+ --pf-c-jump-links__label--Visibility: visible;
9205
+ }
9206
+
9207
+ @media (min-width: 576px) {
9208
+ .pf-c-jump-links.pf-m-expandable-on-sm {
9209
+ --pf-c-jump-links__list--Display: none;
9210
+ --pf-c-jump-links__list--Visibility: hidden;
9211
+ --pf-c-jump-links__toggle--Display: block;
9212
+ --pf-c-jump-links__toggle--Visibility: visible;
9213
+ --pf-c-jump-links__label--Display: none;
9214
+ --pf-c-jump-links__label--Visibility: hidden;
9342
9215
  }
9343
9216
 
9344
- .pf-c-sidebar__panel.pf-m-width-25-on-lg {
9345
- --pf-c-sidebar__panel--FlexBasis: 25%;
9217
+ .pf-c-jump-links.pf-m-non-expandable-on-sm {
9218
+ --pf-c-jump-links__list--Display: flex;
9219
+ --pf-c-jump-links__list--Visibility: visible;
9220
+ --pf-c-jump-links__toggle--Display: none;
9221
+ --pf-c-jump-links__toggle--Visibility: hidden;
9222
+ --pf-c-jump-links__label--Display: block;
9223
+ --pf-c-jump-links__label--Visibility: visible;
9224
+ }
9225
+ }
9226
+ @media (min-width: 768px) {
9227
+ .pf-c-jump-links.pf-m-expandable-on-md {
9228
+ --pf-c-jump-links__list--Display: none;
9229
+ --pf-c-jump-links__list--Visibility: hidden;
9230
+ --pf-c-jump-links__toggle--Display: block;
9231
+ --pf-c-jump-links__toggle--Visibility: visible;
9232
+ --pf-c-jump-links__label--Display: none;
9233
+ --pf-c-jump-links__label--Visibility: hidden;
9346
9234
  }
9347
9235
 
9348
- .pf-c-sidebar__panel.pf-m-width-33-on-lg {
9349
- --pf-c-sidebar__panel--FlexBasis: 33%;
9236
+ .pf-c-jump-links.pf-m-non-expandable-on-md {
9237
+ --pf-c-jump-links__list--Display: flex;
9238
+ --pf-c-jump-links__list--Visibility: visible;
9239
+ --pf-c-jump-links__toggle--Display: none;
9240
+ --pf-c-jump-links__toggle--Visibility: hidden;
9241
+ --pf-c-jump-links__label--Display: block;
9242
+ --pf-c-jump-links__label--Visibility: visible;
9243
+ }
9244
+ }
9245
+ @media (min-width: 992px) {
9246
+ .pf-c-jump-links.pf-m-expandable-on-lg {
9247
+ --pf-c-jump-links__list--Display: none;
9248
+ --pf-c-jump-links__list--Visibility: hidden;
9249
+ --pf-c-jump-links__toggle--Display: block;
9250
+ --pf-c-jump-links__toggle--Visibility: visible;
9251
+ --pf-c-jump-links__label--Display: none;
9252
+ --pf-c-jump-links__label--Visibility: hidden;
9350
9253
  }
9351
9254
 
9352
- .pf-c-sidebar__panel.pf-m-width-50-on-lg {
9353
- --pf-c-sidebar__panel--FlexBasis: 50%;
9255
+ .pf-c-jump-links.pf-m-non-expandable-on-lg {
9256
+ --pf-c-jump-links__list--Display: flex;
9257
+ --pf-c-jump-links__list--Visibility: visible;
9258
+ --pf-c-jump-links__toggle--Display: none;
9259
+ --pf-c-jump-links__toggle--Visibility: hidden;
9260
+ --pf-c-jump-links__label--Display: block;
9261
+ --pf-c-jump-links__label--Visibility: visible;
9262
+ }
9263
+ }
9264
+ @media (min-width: 1200px) {
9265
+ .pf-c-jump-links.pf-m-expandable-on-xl {
9266
+ --pf-c-jump-links__list--Display: none;
9267
+ --pf-c-jump-links__list--Visibility: hidden;
9268
+ --pf-c-jump-links__toggle--Display: block;
9269
+ --pf-c-jump-links__toggle--Visibility: visible;
9270
+ --pf-c-jump-links__label--Display: none;
9271
+ --pf-c-jump-links__label--Visibility: hidden;
9354
9272
  }
9355
9273
 
9356
- .pf-c-sidebar__panel.pf-m-width-66-on-lg {
9357
- --pf-c-sidebar__panel--FlexBasis: 66%;
9274
+ .pf-c-jump-links.pf-m-non-expandable-on-xl {
9275
+ --pf-c-jump-links__list--Display: flex;
9276
+ --pf-c-jump-links__list--Visibility: visible;
9277
+ --pf-c-jump-links__toggle--Display: none;
9278
+ --pf-c-jump-links__toggle--Visibility: hidden;
9279
+ --pf-c-jump-links__label--Display: block;
9280
+ --pf-c-jump-links__label--Visibility: visible;
9281
+ }
9282
+ }
9283
+ @media (min-width: 1450px) {
9284
+ .pf-c-jump-links.pf-m-expandable-on-2xl {
9285
+ --pf-c-jump-links__list--Display: none;
9286
+ --pf-c-jump-links__list--Visibility: hidden;
9287
+ --pf-c-jump-links__toggle--Display: block;
9288
+ --pf-c-jump-links__toggle--Visibility: visible;
9289
+ --pf-c-jump-links__label--Display: none;
9290
+ --pf-c-jump-links__label--Visibility: hidden;
9358
9291
  }
9359
9292
 
9360
- .pf-c-sidebar__panel.pf-m-width-75-on-lg {
9361
- --pf-c-sidebar__panel--FlexBasis: 75%;
9293
+ .pf-c-jump-links.pf-m-non-expandable-on-2xl {
9294
+ --pf-c-jump-links__list--Display: flex;
9295
+ --pf-c-jump-links__list--Visibility: visible;
9296
+ --pf-c-jump-links__toggle--Display: none;
9297
+ --pf-c-jump-links__toggle--Visibility: hidden;
9298
+ --pf-c-jump-links__label--Display: block;
9299
+ --pf-c-jump-links__label--Visibility: visible;
9362
9300
  }
9301
+ }
9302
+ .pf-c-jump-links.pf-m-expanded {
9303
+ --pf-c-jump-links__list--Display: flex;
9304
+ --pf-c-jump-links__list--Visibility: visible;
9305
+ --pf-c-jump-links__toggle--MarginBottom: var(--pf-c-jump-links--m-expanded__toggle--MarginBottom);
9306
+ --pf-c-jump-links__toggle-icon--Rotate: var(--pf-c-jump-links--m-expanded__toggle-icon--Rotate);
9307
+ --pf-c-jump-links__toggle-icon--Color: var(--pf-c-jump-links--m-expanded__toggle-icon--Color);
9308
+ }
9309
+
9310
+ .pf-c-jump-links__list {
9311
+ position: relative;
9312
+ display: var(--pf-c-jump-links__list--Display);
9313
+ flex-direction: var(--pf-c-jump-links__list--FlexDirection);
9314
+ padding-top: var(--pf-c-jump-links__list--PaddingTop);
9315
+ padding-right: var(--pf-c-jump-links__list--PaddingRight);
9316
+ padding-bottom: var(--pf-c-jump-links__list--PaddingBottom);
9317
+ padding-left: var(--pf-c-jump-links__list--PaddingLeft);
9318
+ visibility: var(--pf-c-jump-links__list--Visibility);
9319
+ }
9320
+
9321
+ .pf-c-jump-links__list::before {
9322
+ position: absolute;
9323
+ top: 0;
9324
+ right: 0;
9325
+ bottom: 0;
9326
+ left: 0;
9327
+ pointer-events: none;
9328
+ content: "";
9329
+ border: solid var(--pf-c-jump-links__list--before--BorderColor);
9330
+ 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);
9331
+ }
9363
9332
 
9364
- .pf-c-sidebar__panel.pf-m-width-100-on-lg {
9365
- --pf-c-sidebar__panel--FlexBasis: 100%;
9366
- }
9333
+ .pf-c-jump-links__list .pf-c-jump-links__list {
9334
+ --pf-c-jump-links__list--PaddingTop: 0;
9335
+ --pf-c-jump-links__list--PaddingBottom: 0;
9336
+ --pf-c-jump-links__link--PaddingTop: var(--pf-c-jump-links__list__list__link--PaddingTop);
9337
+ --pf-c-jump-links__link--PaddingBottom: var(--pf-c-jump-links__list__list__link--PaddingBottom);
9338
+ --pf-c-jump-links__link--PaddingLeft: var(--pf-c-jump-links__list__list__link--PaddingLeft);
9339
+ margin-top: var(--pf-c-jump-links__list__list--MarginTop);
9367
9340
  }
9368
- @media (min-width: 1200px) {
9369
- .pf-c-sidebar__panel.pf-m-width-default-on-xl {
9370
- --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
9371
- }
9372
9341
 
9373
- .pf-c-sidebar__panel.pf-m-width-25-on-xl {
9374
- --pf-c-sidebar__panel--FlexBasis: 25%;
9375
- }
9342
+ .pf-c-jump-links__link {
9343
+ position: relative;
9344
+ display: flex;
9345
+ flex: 1;
9346
+ padding-top: var(--pf-c-jump-links__link--PaddingTop);
9347
+ padding-right: var(--pf-c-jump-links__link--PaddingRight);
9348
+ padding-bottom: var(--pf-c-jump-links__link--PaddingBottom);
9349
+ padding-left: var(--pf-c-jump-links__link--PaddingLeft);
9350
+ text-decoration: none;
9351
+ outline-offset: var(--pf-c-jump-links__link--OutlineOffset);
9352
+ }
9376
9353
 
9377
- .pf-c-sidebar__panel.pf-m-width-33-on-xl {
9378
- --pf-c-sidebar__panel--FlexBasis: 33%;
9379
- }
9354
+ .pf-c-jump-links__link:hover {
9355
+ --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--hover__link-text--Color);
9356
+ }
9380
9357
 
9381
- .pf-c-sidebar__panel.pf-m-width-50-on-xl {
9382
- --pf-c-sidebar__panel--FlexBasis: 50%;
9383
- }
9358
+ .pf-c-jump-links__link:focus {
9359
+ --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__link--focus__link-text--Color);
9360
+ }
9384
9361
 
9385
- .pf-c-sidebar__panel.pf-m-width-66-on-xl {
9386
- --pf-c-sidebar__panel--FlexBasis: 66%;
9387
- }
9362
+ .pf-c-jump-links__link::before {
9363
+ position: absolute;
9364
+ top: 0;
9365
+ right: 0;
9366
+ bottom: 0;
9367
+ left: 0;
9368
+ pointer-events: none;
9369
+ content: "";
9370
+ border-color: var(--pf-c-jump-links__link--before--BorderColor);
9371
+ border-style: solid;
9372
+ 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);
9373
+ }
9388
9374
 
9389
- .pf-c-sidebar__panel.pf-m-width-75-on-xl {
9390
- --pf-c-sidebar__panel--FlexBasis: 75%;
9391
- }
9375
+ .pf-c-jump-links__item {
9376
+ --pf-c-jump-links__list--before--BorderColor: transparent;
9377
+ }
9392
9378
 
9393
- .pf-c-sidebar__panel.pf-m-width-100-on-xl {
9394
- --pf-c-sidebar__panel--FlexBasis: 100%;
9395
- }
9379
+ .pf-c-jump-links__item.pf-m-current > .pf-c-jump-links__link {
9380
+ --pf-c-jump-links__link--before--BorderTopWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderTopWidth);
9381
+ --pf-c-jump-links__link--before--BorderLeftWidth: var(--pf-c-jump-links__item--m-current__link--before--BorderLeftWidth);
9382
+ --pf-c-jump-links__link--before--BorderColor: var(--pf-c-jump-links__item--m-current__link--before--BorderColor);
9383
+ --pf-c-jump-links__link-text--Color: var(--pf-c-jump-links__item--m-current__link-text--Color);
9396
9384
  }
9397
- @media (min-width: 1450px) {
9398
- .pf-c-sidebar__panel.pf-m-width-default-on-2xl {
9399
- --pf-c-sidebar__panel--FlexBasis: var(--pf-c-sidebar__panel--FlexBasis--base);
9400
- }
9401
9385
 
9402
- .pf-c-sidebar__panel.pf-m-width-25-on-2xl {
9403
- --pf-c-sidebar__panel--FlexBasis: 25%;
9404
- }
9386
+ .pf-c-jump-links__link-text {
9387
+ color: var(--pf-c-jump-links__link-text--Color);
9388
+ }
9405
9389
 
9406
- .pf-c-sidebar__panel.pf-m-width-33-on-2xl {
9407
- --pf-c-sidebar__panel--FlexBasis: 33%;
9408
- }
9390
+ .pf-c-jump-links__label {
9391
+ display: var(--pf-c-jump-links__label--Display);
9392
+ margin-bottom: var(--pf-c-jump-links__label--MarginBottom);
9393
+ visibility: var(--pf-c-jump-links__label--Visibility);
9394
+ }
9409
9395
 
9410
- .pf-c-sidebar__panel.pf-m-width-50-on-2xl {
9411
- --pf-c-sidebar__panel--FlexBasis: 50%;
9412
- }
9396
+ .pf-c-jump-links__main {
9397
+ display: flex;
9398
+ flex-direction: column;
9399
+ }
9413
9400
 
9414
- .pf-c-sidebar__panel.pf-m-width-66-on-2xl {
9415
- --pf-c-sidebar__panel--FlexBasis: 66%;
9416
- }
9401
+ .pf-c-jump-links__toggle {
9402
+ display: var(--pf-c-jump-links__toggle--Display);
9403
+ margin-top: var(--pf-c-jump-links__toggle--MarginTop);
9404
+ margin-bottom: var(--pf-c-jump-links__toggle--MarginBottom);
9405
+ margin-left: var(--pf-c-jump-links__toggle--MarginLeft);
9406
+ visibility: var(--pf-c-jump-links__toggle--Visibility);
9407
+ }
9417
9408
 
9418
- .pf-c-sidebar__panel.pf-m-width-75-on-2xl {
9419
- --pf-c-sidebar__panel--FlexBasis: 75%;
9420
- }
9409
+ .pf-c-jump-links__toggle .pf-c-button {
9410
+ display: flex;
9411
+ align-items: center;
9412
+ }
9421
9413
 
9422
- .pf-c-sidebar__panel.pf-m-width-100-on-2xl {
9423
- --pf-c-sidebar__panel--FlexBasis: 100%;
9424
- }
9414
+ .pf-c-jump-links__toggle-icon {
9415
+ display: inline-block;
9416
+ color: var(--pf-c-jump-links__toggle-icon--Color);
9417
+ transition: var(--pf-c-jump-links__toggle-icon--Transition);
9418
+ transform: rotate(var(--pf-c-jump-links__toggle-icon--Rotate));
9425
9419
  }
9420
+
9421
+ .pf-c-jump-links__toggle-text {
9422
+ margin-left: var(--pf-c-jump-links__toggle-text--MarginLeft);
9423
+ color: var(--pf-c-jump-links__toggle-text--Color);
9424
+ }
9425
+
9426
9426
  .pf-c-label {
9427
9427
  --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
9428
9428
  --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);
@@ -19242,71 +19242,6 @@ svg.pf-c-spinner.pf-m-xl {
19242
19242
  color: var(--pf-c-tile__icon--Color);
19243
19243
  }
19244
19244
 
19245
- .pf-c-title {
19246
- --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
19247
- --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);
19248
- --pf-c-title--m-4xl--FontSize: var(--pf-global--FontSize--4xl);
19249
- --pf-c-title--m-4xl--FontWeight: var(--pf-global--FontWeight--normal);
19250
- --pf-c-title--m-3xl--LineHeight: var(--pf-global--LineHeight--sm);
19251
- --pf-c-title--m-3xl--FontSize: var(--pf-global--FontSize--3xl);
19252
- --pf-c-title--m-3xl--FontWeight: var(--pf-global--FontWeight--normal);
19253
- --pf-c-title--m-2xl--LineHeight: var(--pf-global--LineHeight--sm);
19254
- --pf-c-title--m-2xl--FontSize: var(--pf-global--FontSize--2xl);
19255
- --pf-c-title--m-2xl--FontWeight: var(--pf-global--FontWeight--normal);
19256
- --pf-c-title--m-xl--LineHeight: var(--pf-global--LineHeight--md);
19257
- --pf-c-title--m-xl--FontSize: var(--pf-global--FontSize--xl);
19258
- --pf-c-title--m-xl--FontWeight: var(--pf-global--FontWeight--normal);
19259
- --pf-c-title--m-lg--LineHeight: var(--pf-global--LineHeight--md);
19260
- --pf-c-title--m-lg--FontSize: var(--pf-global--FontSize--lg);
19261
- --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--normal);
19262
- --pf-c-title--m-md--LineHeight: var(--pf-global--LineHeight--md);
19263
- --pf-c-title--m-md--FontSize: var(--pf-global--FontSize--md);
19264
- --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--normal);
19265
- font-family: var(--pf-c-title--FontFamily);
19266
- word-break: break-word;
19267
- }
19268
-
19269
- .pf-c-title.pf-m-4xl {
19270
- font-size: var(--pf-c-title--m-4xl--FontSize);
19271
- font-weight: var(--pf-c-title--m-4xl--FontWeight);
19272
- line-height: var(--pf-c-title--m-4xl--LineHeight);
19273
- }
19274
-
19275
- .pf-c-title.pf-m-3xl {
19276
- font-size: var(--pf-c-title--m-3xl--FontSize);
19277
- font-weight: var(--pf-c-title--m-3xl--FontWeight);
19278
- line-height: var(--pf-c-title--m-3xl--LineHeight);
19279
- }
19280
-
19281
- .pf-c-title.pf-m-2xl {
19282
- font-size: var(--pf-c-title--m-2xl--FontSize);
19283
- font-weight: var(--pf-c-title--m-2xl--FontWeight);
19284
- line-height: var(--pf-c-title--m-2xl--LineHeight);
19285
- }
19286
-
19287
- .pf-c-title.pf-m-xl {
19288
- font-size: var(--pf-c-title--m-xl--FontSize);
19289
- font-weight: var(--pf-c-title--m-xl--FontWeight);
19290
- line-height: var(--pf-c-title--m-xl--LineHeight);
19291
- }
19292
-
19293
- .pf-c-title.pf-m-lg {
19294
- font-size: var(--pf-c-title--m-lg--FontSize);
19295
- font-weight: var(--pf-c-title--m-lg--FontWeight);
19296
- line-height: var(--pf-c-title--m-lg--LineHeight);
19297
- }
19298
-
19299
- .pf-c-title.pf-m-md {
19300
- font-size: var(--pf-c-title--m-md--FontSize);
19301
- font-weight: var(--pf-c-title--m-md--FontWeight);
19302
- line-height: var(--pf-c-title--m-md--LineHeight);
19303
- }
19304
-
19305
- .pf-m-overpass-font .pf-c-title {
19306
- --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--semi-bold);
19307
- --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
19308
- }
19309
-
19310
19245
  .pf-c-toggle-group {
19311
19246
  --pf-c-toggle-group__button--PaddingTop: var(--pf-global--spacer--form-element);
19312
19247
  --pf-c-toggle-group__button--PaddingRight: var(--pf-global--spacer--md);
@@ -19419,6 +19354,71 @@ svg.pf-c-spinner.pf-m-xl {
19419
19354
  margin-left: var(--pf-c-toggle-group__icon--text--MarginLeft);
19420
19355
  }
19421
19356
 
19357
+ .pf-c-title {
19358
+ --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
19359
+ --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);
19360
+ --pf-c-title--m-4xl--FontSize: var(--pf-global--FontSize--4xl);
19361
+ --pf-c-title--m-4xl--FontWeight: var(--pf-global--FontWeight--normal);
19362
+ --pf-c-title--m-3xl--LineHeight: var(--pf-global--LineHeight--sm);
19363
+ --pf-c-title--m-3xl--FontSize: var(--pf-global--FontSize--3xl);
19364
+ --pf-c-title--m-3xl--FontWeight: var(--pf-global--FontWeight--normal);
19365
+ --pf-c-title--m-2xl--LineHeight: var(--pf-global--LineHeight--sm);
19366
+ --pf-c-title--m-2xl--FontSize: var(--pf-global--FontSize--2xl);
19367
+ --pf-c-title--m-2xl--FontWeight: var(--pf-global--FontWeight--normal);
19368
+ --pf-c-title--m-xl--LineHeight: var(--pf-global--LineHeight--md);
19369
+ --pf-c-title--m-xl--FontSize: var(--pf-global--FontSize--xl);
19370
+ --pf-c-title--m-xl--FontWeight: var(--pf-global--FontWeight--normal);
19371
+ --pf-c-title--m-lg--LineHeight: var(--pf-global--LineHeight--md);
19372
+ --pf-c-title--m-lg--FontSize: var(--pf-global--FontSize--lg);
19373
+ --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--normal);
19374
+ --pf-c-title--m-md--LineHeight: var(--pf-global--LineHeight--md);
19375
+ --pf-c-title--m-md--FontSize: var(--pf-global--FontSize--md);
19376
+ --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--normal);
19377
+ font-family: var(--pf-c-title--FontFamily);
19378
+ word-break: break-word;
19379
+ }
19380
+
19381
+ .pf-c-title.pf-m-4xl {
19382
+ font-size: var(--pf-c-title--m-4xl--FontSize);
19383
+ font-weight: var(--pf-c-title--m-4xl--FontWeight);
19384
+ line-height: var(--pf-c-title--m-4xl--LineHeight);
19385
+ }
19386
+
19387
+ .pf-c-title.pf-m-3xl {
19388
+ font-size: var(--pf-c-title--m-3xl--FontSize);
19389
+ font-weight: var(--pf-c-title--m-3xl--FontWeight);
19390
+ line-height: var(--pf-c-title--m-3xl--LineHeight);
19391
+ }
19392
+
19393
+ .pf-c-title.pf-m-2xl {
19394
+ font-size: var(--pf-c-title--m-2xl--FontSize);
19395
+ font-weight: var(--pf-c-title--m-2xl--FontWeight);
19396
+ line-height: var(--pf-c-title--m-2xl--LineHeight);
19397
+ }
19398
+
19399
+ .pf-c-title.pf-m-xl {
19400
+ font-size: var(--pf-c-title--m-xl--FontSize);
19401
+ font-weight: var(--pf-c-title--m-xl--FontWeight);
19402
+ line-height: var(--pf-c-title--m-xl--LineHeight);
19403
+ }
19404
+
19405
+ .pf-c-title.pf-m-lg {
19406
+ font-size: var(--pf-c-title--m-lg--FontSize);
19407
+ font-weight: var(--pf-c-title--m-lg--FontWeight);
19408
+ line-height: var(--pf-c-title--m-lg--LineHeight);
19409
+ }
19410
+
19411
+ .pf-c-title.pf-m-md {
19412
+ font-size: var(--pf-c-title--m-md--FontSize);
19413
+ font-weight: var(--pf-c-title--m-md--FontWeight);
19414
+ line-height: var(--pf-c-title--m-md--LineHeight);
19415
+ }
19416
+
19417
+ .pf-m-overpass-font .pf-c-title {
19418
+ --pf-c-title--m-md--FontWeight: var(--pf-global--FontWeight--semi-bold);
19419
+ --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
19420
+ }
19421
+
19422
19422
  .pf-c-toolbar__content-section, .pf-c-toolbar__content, .pf-c-toolbar__item, .pf-c-toolbar__group {
19423
19423
  --pf-hidden-visible--visible--Visibility: visible;
19424
19424
  --pf-hidden-visible--hidden--Display: none;