@patternfly/react-core 4.229.0 → 4.231.0

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 (131) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/esm/components/ContextSelector/ContextSelector.d.ts +4 -2
  3. package/dist/esm/components/ContextSelector/ContextSelector.d.ts.map +1 -1
  4. package/dist/esm/components/ContextSelector/ContextSelector.js.map +1 -1
  5. package/dist/esm/components/ContextSelector/ContextSelectorToggle.d.ts +4 -2
  6. package/dist/esm/components/ContextSelector/ContextSelectorToggle.d.ts.map +1 -1
  7. package/dist/esm/components/ContextSelector/ContextSelectorToggle.js.map +1 -1
  8. package/dist/esm/components/MenuToggle/MenuToggle.d.ts +8 -0
  9. package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  10. package/dist/esm/components/MenuToggle/MenuToggle.js +12 -7
  11. package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
  12. package/dist/esm/components/MenuToggle/MenuToggleAction.d.ts +19 -0
  13. package/dist/esm/components/MenuToggle/MenuToggleAction.d.ts.map +1 -0
  14. package/dist/esm/components/MenuToggle/MenuToggleAction.js +17 -0
  15. package/dist/esm/components/MenuToggle/MenuToggleAction.js.map +1 -0
  16. package/dist/esm/components/MenuToggle/MenuToggleCheckbox.d.ts +36 -0
  17. package/dist/esm/components/MenuToggle/MenuToggleCheckbox.d.ts.map +1 -0
  18. package/dist/esm/components/MenuToggle/MenuToggleCheckbox.js +43 -0
  19. package/dist/esm/components/MenuToggle/MenuToggleCheckbox.js.map +1 -0
  20. package/dist/esm/components/MenuToggle/index.d.ts +2 -0
  21. package/dist/esm/components/MenuToggle/index.d.ts.map +1 -1
  22. package/dist/esm/components/MenuToggle/index.js +2 -0
  23. package/dist/esm/components/MenuToggle/index.js.map +1 -1
  24. package/dist/esm/components/Page/Page.d.ts +13 -0
  25. package/dist/esm/components/Page/Page.d.ts.map +1 -1
  26. package/dist/esm/components/Page/Page.js +18 -19
  27. package/dist/esm/components/Page/Page.js.map +1 -1
  28. package/dist/esm/components/Page/PageBreadcrumb.d.ts +11 -2
  29. package/dist/esm/components/Page/PageBreadcrumb.d.ts.map +1 -1
  30. package/dist/esm/components/Page/PageBreadcrumb.js +5 -2
  31. package/dist/esm/components/Page/PageBreadcrumb.js.map +1 -1
  32. package/dist/esm/components/Page/PageGroup.d.ts +11 -2
  33. package/dist/esm/components/Page/PageGroup.d.ts.map +1 -1
  34. package/dist/esm/components/Page/PageGroup.js +5 -2
  35. package/dist/esm/components/Page/PageGroup.js.map +1 -1
  36. package/dist/esm/components/Page/PageNavigation.d.ts +11 -2
  37. package/dist/esm/components/Page/PageNavigation.d.ts.map +1 -1
  38. package/dist/esm/components/Page/PageNavigation.js +5 -2
  39. package/dist/esm/components/Page/PageNavigation.js.map +1 -1
  40. package/dist/esm/components/Page/PageSection.d.ts +10 -1
  41. package/dist/esm/components/Page/PageSection.d.ts.map +1 -1
  42. package/dist/esm/components/Page/PageSection.js +4 -2
  43. package/dist/esm/components/Page/PageSection.js.map +1 -1
  44. package/dist/esm/helpers/constants.d.ts +14 -0
  45. package/dist/esm/helpers/constants.d.ts.map +1 -1
  46. package/dist/esm/helpers/constants.js +24 -0
  47. package/dist/esm/helpers/constants.js.map +1 -1
  48. package/dist/esm/helpers/util.d.ts +8 -1
  49. package/dist/esm/helpers/util.d.ts.map +1 -1
  50. package/dist/esm/helpers/util.js +36 -9
  51. package/dist/esm/helpers/util.js.map +1 -1
  52. package/dist/js/components/ContextSelector/ContextSelector.d.ts +4 -2
  53. package/dist/js/components/ContextSelector/ContextSelector.d.ts.map +1 -1
  54. package/dist/js/components/ContextSelector/ContextSelector.js.map +1 -1
  55. package/dist/js/components/ContextSelector/ContextSelectorToggle.d.ts +4 -2
  56. package/dist/js/components/ContextSelector/ContextSelectorToggle.d.ts.map +1 -1
  57. package/dist/js/components/ContextSelector/ContextSelectorToggle.js.map +1 -1
  58. package/dist/js/components/MenuToggle/MenuToggle.d.ts +8 -0
  59. package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  60. package/dist/js/components/MenuToggle/MenuToggle.js +12 -7
  61. package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
  62. package/dist/js/components/MenuToggle/MenuToggleAction.d.ts +19 -0
  63. package/dist/js/components/MenuToggle/MenuToggleAction.d.ts.map +1 -0
  64. package/dist/js/components/MenuToggle/MenuToggleAction.js +21 -0
  65. package/dist/js/components/MenuToggle/MenuToggleAction.js.map +1 -0
  66. package/dist/js/components/MenuToggle/MenuToggleCheckbox.d.ts +36 -0
  67. package/dist/js/components/MenuToggle/MenuToggleCheckbox.d.ts.map +1 -0
  68. package/dist/js/components/MenuToggle/MenuToggleCheckbox.js +47 -0
  69. package/dist/js/components/MenuToggle/MenuToggleCheckbox.js.map +1 -0
  70. package/dist/js/components/MenuToggle/index.d.ts +2 -0
  71. package/dist/js/components/MenuToggle/index.d.ts.map +1 -1
  72. package/dist/js/components/MenuToggle/index.js +2 -0
  73. package/dist/js/components/MenuToggle/index.js.map +1 -1
  74. package/dist/js/components/Page/Page.d.ts +13 -0
  75. package/dist/js/components/Page/Page.d.ts.map +1 -1
  76. package/dist/js/components/Page/Page.js +17 -18
  77. package/dist/js/components/Page/Page.js.map +1 -1
  78. package/dist/js/components/Page/PageBreadcrumb.d.ts +11 -2
  79. package/dist/js/components/Page/PageBreadcrumb.d.ts.map +1 -1
  80. package/dist/js/components/Page/PageBreadcrumb.js +5 -2
  81. package/dist/js/components/Page/PageBreadcrumb.js.map +1 -1
  82. package/dist/js/components/Page/PageGroup.d.ts +11 -2
  83. package/dist/js/components/Page/PageGroup.d.ts.map +1 -1
  84. package/dist/js/components/Page/PageGroup.js +5 -2
  85. package/dist/js/components/Page/PageGroup.js.map +1 -1
  86. package/dist/js/components/Page/PageNavigation.d.ts +11 -2
  87. package/dist/js/components/Page/PageNavigation.d.ts.map +1 -1
  88. package/dist/js/components/Page/PageNavigation.js +5 -2
  89. package/dist/js/components/Page/PageNavigation.js.map +1 -1
  90. package/dist/js/components/Page/PageSection.d.ts +10 -1
  91. package/dist/js/components/Page/PageSection.d.ts.map +1 -1
  92. package/dist/js/components/Page/PageSection.js +4 -2
  93. package/dist/js/components/Page/PageSection.js.map +1 -1
  94. package/dist/js/helpers/constants.d.ts +14 -0
  95. package/dist/js/helpers/constants.d.ts.map +1 -1
  96. package/dist/js/helpers/constants.js +26 -1
  97. package/dist/js/helpers/constants.js.map +1 -1
  98. package/dist/js/helpers/util.d.ts +8 -1
  99. package/dist/js/helpers/util.d.ts.map +1 -1
  100. package/dist/js/helpers/util.js +37 -9
  101. package/dist/js/helpers/util.js.map +1 -1
  102. package/dist/umd/react-core.css +60 -10
  103. package/dist/umd/react-core.js +220 -72
  104. package/dist/umd/react-core.min.css +124 -74
  105. package/dist/umd/react-core.min.js +6 -5
  106. package/package.json +6 -6
  107. package/src/components/ContextSelector/ContextSelector.tsx +4 -2
  108. package/src/components/ContextSelector/ContextSelectorToggle.tsx +4 -2
  109. package/src/components/MenuToggle/MenuToggle.tsx +53 -27
  110. package/src/components/MenuToggle/MenuToggleAction.tsx +42 -0
  111. package/src/components/MenuToggle/MenuToggleCheckbox.tsx +104 -0
  112. package/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +1 -1
  113. package/src/components/MenuToggle/examples/MenuToggle.md +35 -2
  114. package/src/components/MenuToggle/examples/MenuToggleSplitButtonAction.tsx +51 -0
  115. package/src/components/MenuToggle/examples/MenuToggleSplitButtonActionPrimary.tsx +58 -0
  116. package/src/components/MenuToggle/examples/MenuToggleSplitButtonActionSecondary.tsx +58 -0
  117. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckbox.tsx +40 -0
  118. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxPrimary.tsx +55 -0
  119. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxSecondary.tsx +55 -0
  120. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithText.tsx +52 -0
  121. package/src/components/MenuToggle/index.ts +2 -0
  122. package/src/components/Page/Page.tsx +58 -21
  123. package/src/components/Page/PageBreadcrumb.tsx +37 -20
  124. package/src/components/Page/PageGroup.tsx +35 -19
  125. package/src/components/Page/PageNavigation.tsx +37 -20
  126. package/src/components/Page/PageSection.tsx +41 -25
  127. package/src/components/Page/__tests__/Page.test.tsx +126 -2
  128. package/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap +683 -14
  129. package/src/demos/Page/Page.md +356 -3
  130. package/src/helpers/constants.ts +28 -0
  131. package/src/helpers/util.ts +44 -9
@@ -1843,70 +1843,6 @@ textarea.pf-c-form-control {
1843
1843
  color: var(--pf-global--palette--black-900);
1844
1844
  }
1845
1845
 
1846
- .pf-c-brand {
1847
- --pf-c-brand--Width: auto;
1848
- --pf-c-brand--Height: auto;
1849
- width: var(--pf-c-brand--Width--base);
1850
- height: var(--pf-c-brand--Height--base);
1851
- --pf-c-brand--Width--base: var(--pf-c-brand--Width);
1852
- --pf-c-brand--Height--base: var(--pf-c-brand--Height);
1853
- }
1854
-
1855
- @media (min-width: 576px) {
1856
- .pf-c-brand {
1857
- --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width));
1858
- }
1859
- }
1860
- @media (min-width: 768px) {
1861
- .pf-c-brand {
1862
- --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)));
1863
- }
1864
- }
1865
- @media (min-width: 992px) {
1866
- .pf-c-brand {
1867
- --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))));
1868
- }
1869
- }
1870
- @media (min-width: 1200px) {
1871
- .pf-c-brand {
1872
- --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)))));
1873
- }
1874
- }
1875
- @media (min-width: 1450px) {
1876
- .pf-c-brand {
1877
- --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-2xl, var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))))));
1878
- }
1879
- }
1880
- @media (min-width: 576px) {
1881
- .pf-c-brand {
1882
- --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height));
1883
- }
1884
- }
1885
- @media (min-width: 768px) {
1886
- .pf-c-brand {
1887
- --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)));
1888
- }
1889
- }
1890
- @media (min-width: 992px) {
1891
- .pf-c-brand {
1892
- --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))));
1893
- }
1894
- }
1895
- @media (min-width: 1200px) {
1896
- .pf-c-brand {
1897
- --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)))));
1898
- }
1899
- }
1900
- @media (min-width: 1450px) {
1901
- .pf-c-brand {
1902
- --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-2xl, var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))))));
1903
- }
1904
- }
1905
- .pf-c-brand.pf-m-picture {
1906
- display: inline-flex;
1907
- max-width: 100%;
1908
- }
1909
-
1910
1846
  .pf-c-breadcrumb {
1911
1847
  --pf-c-breadcrumb__item--FontSize: var(--pf-global--FontSize--sm);
1912
1848
  --pf-c-breadcrumb__item--LineHeight: var(--pf-global--LineHeight--sm);
@@ -2836,6 +2772,70 @@ button.pf-c-breadcrumb__link {
2836
2772
  --pf-c-calendar-month__date--BackgroundColor: var(--pf-global--primary-color--300);
2837
2773
  }
2838
2774
 
2775
+ .pf-c-brand {
2776
+ --pf-c-brand--Width: auto;
2777
+ --pf-c-brand--Height: auto;
2778
+ width: var(--pf-c-brand--Width--base);
2779
+ height: var(--pf-c-brand--Height--base);
2780
+ --pf-c-brand--Width--base: var(--pf-c-brand--Width);
2781
+ --pf-c-brand--Height--base: var(--pf-c-brand--Height);
2782
+ }
2783
+
2784
+ @media (min-width: 576px) {
2785
+ .pf-c-brand {
2786
+ --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width));
2787
+ }
2788
+ }
2789
+ @media (min-width: 768px) {
2790
+ .pf-c-brand {
2791
+ --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)));
2792
+ }
2793
+ }
2794
+ @media (min-width: 992px) {
2795
+ .pf-c-brand {
2796
+ --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))));
2797
+ }
2798
+ }
2799
+ @media (min-width: 1200px) {
2800
+ .pf-c-brand {
2801
+ --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)))));
2802
+ }
2803
+ }
2804
+ @media (min-width: 1450px) {
2805
+ .pf-c-brand {
2806
+ --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-2xl, var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))))));
2807
+ }
2808
+ }
2809
+ @media (min-width: 576px) {
2810
+ .pf-c-brand {
2811
+ --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height));
2812
+ }
2813
+ }
2814
+ @media (min-width: 768px) {
2815
+ .pf-c-brand {
2816
+ --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)));
2817
+ }
2818
+ }
2819
+ @media (min-width: 992px) {
2820
+ .pf-c-brand {
2821
+ --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))));
2822
+ }
2823
+ }
2824
+ @media (min-width: 1200px) {
2825
+ .pf-c-brand {
2826
+ --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)))));
2827
+ }
2828
+ }
2829
+ @media (min-width: 1450px) {
2830
+ .pf-c-brand {
2831
+ --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-2xl, var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))))));
2832
+ }
2833
+ }
2834
+ .pf-c-brand.pf-m-picture {
2835
+ display: inline-flex;
2836
+ max-width: 100%;
2837
+ }
2838
+
2839
2839
  .pf-c-card {
2840
2840
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
2841
2841
  --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--sm);
@@ -13427,6 +13427,16 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
13427
13427
  color: var(--pf-c-multiple-file-upload__status-item-progress-size--Color);
13428
13428
  }
13429
13429
 
13430
+ .pf-l-bullseye {
13431
+ --pf-l-bullseye--Padding: 0;
13432
+ display: flex;
13433
+ align-items: center;
13434
+ justify-content: center;
13435
+ height: 100%;
13436
+ padding: var(--pf-l-bullseye--Padding);
13437
+ margin: 0;
13438
+ }
13439
+
13430
13440
  .pf-c-nav {
13431
13441
  --pf-c-nav--Transition: var(--pf-global--Transition);
13432
13442
  --pf-c-nav--m-light__item--before--BorderColor: var(--pf-global--BorderColor--300);
@@ -14480,16 +14490,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
14480
14490
  --pf-c-nav__item--item__link--after--Top: 0;
14481
14491
  }
14482
14492
 
14483
- .pf-l-bullseye {
14484
- --pf-l-bullseye--Padding: 0;
14485
- display: flex;
14486
- align-items: center;
14487
- justify-content: center;
14488
- height: 100%;
14489
- padding: var(--pf-l-bullseye--Padding);
14490
- margin: 0;
14491
- }
14492
-
14493
14493
  .pf-c-notification-badge {
14494
14494
  --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
14495
14495
  --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
@@ -15998,6 +15998,31 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
15998
15998
  padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
15999
15999
  }
16000
16000
 
16001
+ @media (min-height: 0) {
16002
+ .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-nav:last-child {
16003
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
16004
+ }
16005
+ }
16006
+ @media (min-height: 40rem) {
16007
+ .pf-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-nav:last-child {
16008
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
16009
+ }
16010
+ }
16011
+ @media (min-height: 48rem) {
16012
+ .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-nav:last-child {
16013
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
16014
+ }
16015
+ }
16016
+ @media (min-height: 60rem) {
16017
+ .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-nav:last-child {
16018
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
16019
+ }
16020
+ }
16021
+ @media (min-height: 80rem) {
16022
+ .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-c-page__main-nav:last-child {
16023
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
16024
+ }
16025
+ }
16001
16026
  .pf-c-page__main-subnav {
16002
16027
  background-color: var(--pf-c-page__main-subnav--BackgroundColor);
16003
16028
  border-top: var(--pf-c-page__main-subnav--BorderTopWidth) solid var(--pf-c-page__main-subnav--BorderTopColor);
@@ -16026,6 +16051,31 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
16026
16051
  --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
16027
16052
  }
16028
16053
 
16054
+ @media (min-height: 0) {
16055
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height, .pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-breadcrumb:last-child {
16056
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
16057
+ }
16058
+ }
16059
+ @media (min-height: 40rem) {
16060
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height, .pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-breadcrumb:last-child {
16061
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
16062
+ }
16063
+ }
16064
+ @media (min-height: 48rem) {
16065
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height, .pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-breadcrumb:last-child {
16066
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
16067
+ }
16068
+ }
16069
+ @media (min-height: 60rem) {
16070
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-breadcrumb:last-child {
16071
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
16072
+ }
16073
+ }
16074
+ @media (min-height: 80rem) {
16075
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-c-page__main-breadcrumb:last-child {
16076
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
16077
+ }
16078
+ }
16029
16079
  .pf-c-page__main-tabs {
16030
16080
  padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft);
16031
16081
  background-color: var(--pf-c-page__main-tabs--BackgroundColor);