@patternfly/patternfly 6.0.0-alpha.193 → 6.0.0-alpha.194

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 (9) hide show
  1. package/components/Page/page.css +1 -71
  2. package/components/Page/page.scss +1 -42
  3. package/components/_index.css +1 -71
  4. package/docs/components/Page/examples/Page.md +0 -4
  5. package/package.json +1 -1
  6. package/patternfly-no-globals.css +1 -71
  7. package/patternfly.css +1 -71
  8. package/patternfly.min.css +1 -1
  9. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -17460,7 +17460,6 @@ ul.pf-v6-c-list {
17460
17460
  --pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17461
17461
  --pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17462
17462
  --pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
17463
- --pf-v6-c-page__main-nav--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
17464
17463
  --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
17465
17464
  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
17466
17465
  --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
@@ -17470,13 +17469,6 @@ ul.pf-v6-c-list {
17470
17469
  --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
17471
17470
  --pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
17472
17471
  --pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
17473
- --pf-v6-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17474
- --pf-v6-c-page__main-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
17475
- --pf-v6-c-page__main-nav--PaddingInlineEnd: 0;
17476
- --pf-v6-c-page__main-nav--PaddingInlineStart: 0;
17477
- --pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
17478
- --pf-v6-c-page__main-nav--xl--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17479
- --pf-v6-c-page__main-nav--xl--PaddingInlineStart: var(--pf-t--global--spacer--sm);
17480
17472
  --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17481
17473
  --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
17482
17474
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
@@ -17606,21 +17598,18 @@ ul.pf-v6-c-list {
17606
17598
  flex-grow: 0;
17607
17599
  }
17608
17600
 
17609
- .pf-v6-c-page__main-nav.pf-m-limit-width > .pf-v6-c-page__main-body,
17610
17601
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
17611
17602
  .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
17612
17603
  .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
17613
17604
  .pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
17614
17605
  max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
17615
17606
  }
17616
- .pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
17617
17607
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
17618
17608
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
17619
17609
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center,
17620
17610
  .pf-v6-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
17621
17611
  align-items: center;
17622
17612
  }
17623
- .pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
17624
17613
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
17625
17614
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
17626
17615
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
@@ -17628,7 +17617,6 @@ ul.pf-v6-c-list {
17628
17617
  width: 100%;
17629
17618
  }
17630
17619
 
17631
- .pf-v6-c-page__main-nav,
17632
17620
  .pf-v6-c-page__main-breadcrumb,
17633
17621
  .pf-v6-c-page__main-tabs,
17634
17622
  .pf-v6-c-page__main-section,
@@ -17639,7 +17627,6 @@ ul.pf-v6-c-list {
17639
17627
  flex-direction: column;
17640
17628
  flex-shrink: 0;
17641
17629
  }
17642
- .pf-v6-c-page__main-nav.pf-m-overflow-scroll,
17643
17630
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
17644
17631
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
17645
17632
  .pf-v6-c-page__main-section.pf-m-overflow-scroll,
@@ -17650,7 +17637,6 @@ ul.pf-v6-c-list {
17650
17637
  flex-shrink: 1;
17651
17638
  overflow: auto;
17652
17639
  }
17653
- .pf-v6-c-page__main-nav.pf-m-shadow-bottom,
17654
17640
  .pf-v6-c-page__main-breadcrumb.pf-m-shadow-bottom,
17655
17641
  .pf-v6-c-page__main-tabs.pf-m-shadow-bottom,
17656
17642
  .pf-v6-c-page__main-section.pf-m-shadow-bottom,
@@ -17660,7 +17646,6 @@ ul.pf-v6-c-list {
17660
17646
  z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
17661
17647
  box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
17662
17648
  }
17663
- .pf-v6-c-page__main-nav.pf-m-shadow-top,
17664
17649
  .pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
17665
17650
  .pf-v6-c-page__main-tabs.pf-m-shadow-top,
17666
17651
  .pf-v6-c-page__main-section.pf-m-shadow-top,
@@ -17670,7 +17655,6 @@ ul.pf-v6-c-list {
17670
17655
  z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
17671
17656
  box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
17672
17657
  }
17673
- .pf-v6-c-page__main-nav.pf-m-sticky-top,
17674
17658
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
17675
17659
  .pf-v6-c-page__main-tabs.pf-m-sticky-top,
17676
17660
  .pf-v6-c-page__main-section.pf-m-sticky-top,
@@ -17682,7 +17666,6 @@ ul.pf-v6-c-list {
17682
17666
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
17683
17667
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
17684
17668
  }
17685
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom,
17686
17669
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
17687
17670
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom,
17688
17671
  .pf-v6-c-page__main-section.pf-m-sticky-bottom,
@@ -17695,7 +17678,6 @@ ul.pf-v6-c-list {
17695
17678
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
17696
17679
  }
17697
17680
  @media (min-height: 0) {
17698
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-sm-height,
17699
17681
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
17700
17682
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
17701
17683
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-sm-height,
@@ -17707,7 +17689,6 @@ ul.pf-v6-c-list {
17707
17689
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
17708
17690
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
17709
17691
  }
17710
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
17711
17692
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
17712
17693
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
17713
17694
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
@@ -17721,7 +17702,6 @@ ul.pf-v6-c-list {
17721
17702
  }
17722
17703
  }
17723
17704
  @media (min-height: 40rem) {
17724
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-md-height,
17725
17705
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
17726
17706
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-md-height,
17727
17707
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-md-height,
@@ -17733,7 +17713,6 @@ ul.pf-v6-c-list {
17733
17713
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
17734
17714
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
17735
17715
  }
17736
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
17737
17716
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
17738
17717
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
17739
17718
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-md-height,
@@ -17747,7 +17726,6 @@ ul.pf-v6-c-list {
17747
17726
  }
17748
17727
  }
17749
17728
  @media (min-height: 48rem) {
17750
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-lg-height,
17751
17729
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
17752
17730
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
17753
17731
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-lg-height,
@@ -17759,7 +17737,6 @@ ul.pf-v6-c-list {
17759
17737
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
17760
17738
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
17761
17739
  }
17762
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
17763
17740
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
17764
17741
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
17765
17742
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
@@ -17773,7 +17750,6 @@ ul.pf-v6-c-list {
17773
17750
  }
17774
17751
  }
17775
17752
  @media (min-height: 60rem) {
17776
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-xl-height,
17777
17753
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
17778
17754
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
17779
17755
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-xl-height,
@@ -17785,7 +17761,6 @@ ul.pf-v6-c-list {
17785
17761
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
17786
17762
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
17787
17763
  }
17788
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
17789
17764
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
17790
17765
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
17791
17766
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
@@ -17799,7 +17774,6 @@ ul.pf-v6-c-list {
17799
17774
  }
17800
17775
  }
17801
17776
  @media (min-height: 80rem) {
17802
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
17803
17777
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
17804
17778
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
17805
17779
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-2xl-height,
@@ -17811,7 +17785,6 @@ ul.pf-v6-c-list {
17811
17785
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
17812
17786
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
17813
17787
  }
17814
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
17815
17788
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
17816
17789
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
17817
17790
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
@@ -17857,48 +17830,12 @@ ul.pf-v6-c-list {
17857
17830
 
17858
17831
  .pf-v6-c-page__main,
17859
17832
  .pf-v6-c-page__main-drawer,
17860
- .pf-v6-c-page__main-group,
17861
- .pf-v6-c-page__main-list {
17833
+ .pf-v6-c-page__main-group {
17862
17834
  display: flex;
17863
17835
  flex-direction: column;
17864
17836
  flex-grow: 1;
17865
17837
  }
17866
17838
 
17867
- .pf-v6-c-page__main-nav {
17868
- padding-block-start: var(--pf-v6-c-page__main-nav--PaddingBlockStart);
17869
- padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
17870
- padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
17871
- background-color: var(--pf-v6-c-page__main-nav--BackgroundColor);
17872
- }
17873
- .pf-v6-c-page__main-nav.pf-m-sticky-top, .pf-v6-c-page__main-group.pf-m-sticky-top .pf-v6-c-page__main-nav:last-child {
17874
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
17875
- }
17876
- @media (min-height: 0) {
17877
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-v6-c-page__main-nav:last-child {
17878
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
17879
- }
17880
- }
17881
- @media (min-height: 40rem) {
17882
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-md-height .pf-v6-c-page__main-nav:last-child {
17883
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
17884
- }
17885
- }
17886
- @media (min-height: 48rem) {
17887
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-v6-c-page__main-nav:last-child {
17888
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
17889
- }
17890
- }
17891
- @media (min-height: 60rem) {
17892
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-v6-c-page__main-nav:last-child {
17893
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
17894
- }
17895
- }
17896
- @media (min-height: 80rem) {
17897
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-v6-c-page__main-nav:last-child {
17898
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
17899
- }
17900
- }
17901
-
17902
17839
  .pf-v6-c-page__main-subnav {
17903
17840
  padding-block-start: var(--pf-v6-c-page__main-subnav--PaddingBlockStart);
17904
17841
  padding-block-end: var(--pf-v6-c-page__main-subnav--PaddingBlockEnd);
@@ -17953,9 +17890,6 @@ ul.pf-v6-c-list {
17953
17890
  padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
17954
17891
  background-color: var(--pf-v6-c-page__main-tabs--BackgroundColor);
17955
17892
  }
17956
- .pf-v6-c-page__main-nav + .pf-v6-c-page__main-tabs {
17957
- --pf-v6-c-page__main-tabs--PaddingBlockStart: var(--pf-v6-c-page__main-nav--page__main-tabs--PaddingBlockStart);
17958
- }
17959
17893
  .pf-v6-c-page__main-breadcrumb + .pf-v6-c-page__main-tabs {
17960
17894
  --pf-v6-c-page__main-tabs--PaddingBlockStart: var(--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart);
17961
17895
  }
@@ -18119,10 +18053,6 @@ ul.pf-v6-c-list {
18119
18053
  flex-shrink: 0;
18120
18054
  }
18121
18055
 
18122
- .pf-v6-c-page__main-nav .pf-v6-c-page__main-body {
18123
- padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
18124
- padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
18125
- }
18126
18056
  .pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
18127
18057
  padding-inline-start: 0;
18128
18058
  padding-inline-end: 0;
package/patternfly.css CHANGED
@@ -17581,7 +17581,6 @@ ul.pf-v6-c-list {
17581
17581
  --pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17582
17582
  --pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17583
17583
  --pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
17584
- --pf-v6-c-page__main-nav--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
17585
17584
  --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
17586
17585
  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
17587
17586
  --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
@@ -17591,13 +17590,6 @@ ul.pf-v6-c-list {
17591
17590
  --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
17592
17591
  --pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
17593
17592
  --pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
17594
- --pf-v6-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17595
- --pf-v6-c-page__main-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
17596
- --pf-v6-c-page__main-nav--PaddingInlineEnd: 0;
17597
- --pf-v6-c-page__main-nav--PaddingInlineStart: 0;
17598
- --pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd: var(--pf-t--global--spacer--md);
17599
- --pf-v6-c-page__main-nav--xl--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
17600
- --pf-v6-c-page__main-nav--xl--PaddingInlineStart: var(--pf-t--global--spacer--sm);
17601
17593
  --pf-v6-c-page__main-subnav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17602
17594
  --pf-v6-c-page__main-subnav--PaddingBlockStart: var(--pf-t--global--spacer--md);
17603
17595
  --pf-v6-c-page__main-subnav--PaddingBlockEnd: 0;
@@ -17727,21 +17719,18 @@ ul.pf-v6-c-list {
17727
17719
  flex-grow: 0;
17728
17720
  }
17729
17721
 
17730
- .pf-v6-c-page__main-nav.pf-m-limit-width > .pf-v6-c-page__main-body,
17731
17722
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
17732
17723
  .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
17733
17724
  .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
17734
17725
  .pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
17735
17726
  max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
17736
17727
  }
17737
- .pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
17738
17728
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center,
17739
17729
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center,
17740
17730
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center,
17741
17731
  .pf-v6-c-page__main-wizard.pf-m-limit-width.pf-m-align-center {
17742
17732
  align-items: center;
17743
17733
  }
17744
- .pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
17745
17734
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
17746
17735
  .pf-v6-c-page__main-tabs.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
17747
17736
  .pf-v6-c-page__main-section.pf-m-limit-width.pf-m-align-center > .pf-v6-c-page__main-body,
@@ -17749,7 +17738,6 @@ ul.pf-v6-c-list {
17749
17738
  width: 100%;
17750
17739
  }
17751
17740
 
17752
- .pf-v6-c-page__main-nav,
17753
17741
  .pf-v6-c-page__main-breadcrumb,
17754
17742
  .pf-v6-c-page__main-tabs,
17755
17743
  .pf-v6-c-page__main-section,
@@ -17760,7 +17748,6 @@ ul.pf-v6-c-list {
17760
17748
  flex-direction: column;
17761
17749
  flex-shrink: 0;
17762
17750
  }
17763
- .pf-v6-c-page__main-nav.pf-m-overflow-scroll,
17764
17751
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
17765
17752
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
17766
17753
  .pf-v6-c-page__main-section.pf-m-overflow-scroll,
@@ -17771,7 +17758,6 @@ ul.pf-v6-c-list {
17771
17758
  flex-shrink: 1;
17772
17759
  overflow: auto;
17773
17760
  }
17774
- .pf-v6-c-page__main-nav.pf-m-shadow-bottom,
17775
17761
  .pf-v6-c-page__main-breadcrumb.pf-m-shadow-bottom,
17776
17762
  .pf-v6-c-page__main-tabs.pf-m-shadow-bottom,
17777
17763
  .pf-v6-c-page__main-section.pf-m-shadow-bottom,
@@ -17781,7 +17767,6 @@ ul.pf-v6-c-list {
17781
17767
  z-index: var(--pf-v6-c-page--section--m-shadow-bottom--ZIndex);
17782
17768
  box-shadow: var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow);
17783
17769
  }
17784
- .pf-v6-c-page__main-nav.pf-m-shadow-top,
17785
17770
  .pf-v6-c-page__main-breadcrumb.pf-m-shadow-top,
17786
17771
  .pf-v6-c-page__main-tabs.pf-m-shadow-top,
17787
17772
  .pf-v6-c-page__main-section.pf-m-shadow-top,
@@ -17791,7 +17776,6 @@ ul.pf-v6-c-list {
17791
17776
  z-index: var(--pf-v6-c-page--section--m-shadow-top--ZIndex);
17792
17777
  box-shadow: var(--pf-v6-c-page--section--m-shadow-top--BoxShadow);
17793
17778
  }
17794
- .pf-v6-c-page__main-nav.pf-m-sticky-top,
17795
17779
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top,
17796
17780
  .pf-v6-c-page__main-tabs.pf-m-sticky-top,
17797
17781
  .pf-v6-c-page__main-section.pf-m-sticky-top,
@@ -17803,7 +17787,6 @@ ul.pf-v6-c-list {
17803
17787
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
17804
17788
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
17805
17789
  }
17806
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom,
17807
17790
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom,
17808
17791
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom,
17809
17792
  .pf-v6-c-page__main-section.pf-m-sticky-bottom,
@@ -17816,7 +17799,6 @@ ul.pf-v6-c-list {
17816
17799
  box-shadow: var(--pf-v6-c-page--section--m-sticky-bottom--BoxShadow);
17817
17800
  }
17818
17801
  @media (min-height: 0) {
17819
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-sm-height,
17820
17802
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
17821
17803
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
17822
17804
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-sm-height,
@@ -17828,7 +17810,6 @@ ul.pf-v6-c-list {
17828
17810
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
17829
17811
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
17830
17812
  }
17831
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
17832
17813
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
17833
17814
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
17834
17815
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
@@ -17842,7 +17823,6 @@ ul.pf-v6-c-list {
17842
17823
  }
17843
17824
  }
17844
17825
  @media (min-height: 40rem) {
17845
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-md-height,
17846
17826
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
17847
17827
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-md-height,
17848
17828
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-md-height,
@@ -17854,7 +17834,6 @@ ul.pf-v6-c-list {
17854
17834
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
17855
17835
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
17856
17836
  }
17857
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
17858
17837
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
17859
17838
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
17860
17839
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-md-height,
@@ -17868,7 +17847,6 @@ ul.pf-v6-c-list {
17868
17847
  }
17869
17848
  }
17870
17849
  @media (min-height: 48rem) {
17871
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-lg-height,
17872
17850
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
17873
17851
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
17874
17852
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-lg-height,
@@ -17880,7 +17858,6 @@ ul.pf-v6-c-list {
17880
17858
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
17881
17859
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
17882
17860
  }
17883
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
17884
17861
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
17885
17862
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
17886
17863
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
@@ -17894,7 +17871,6 @@ ul.pf-v6-c-list {
17894
17871
  }
17895
17872
  }
17896
17873
  @media (min-height: 60rem) {
17897
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-xl-height,
17898
17874
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
17899
17875
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
17900
17876
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-xl-height,
@@ -17906,7 +17882,6 @@ ul.pf-v6-c-list {
17906
17882
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
17907
17883
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
17908
17884
  }
17909
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
17910
17885
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
17911
17886
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
17912
17887
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
@@ -17920,7 +17895,6 @@ ul.pf-v6-c-list {
17920
17895
  }
17921
17896
  }
17922
17897
  @media (min-height: 80rem) {
17923
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
17924
17898
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
17925
17899
  .pf-v6-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
17926
17900
  .pf-v6-c-page__main-section.pf-m-sticky-top-on-2xl-height,
@@ -17932,7 +17906,6 @@ ul.pf-v6-c-list {
17932
17906
  z-index: var(--pf-v6-c-page--section--m-sticky-top--ZIndex);
17933
17907
  box-shadow: var(--pf-v6-c-page--section--m-sticky-top--BoxShadow);
17934
17908
  }
17935
- .pf-v6-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
17936
17909
  .pf-v6-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
17937
17910
  .pf-v6-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
17938
17911
  .pf-v6-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
@@ -17978,48 +17951,12 @@ ul.pf-v6-c-list {
17978
17951
 
17979
17952
  .pf-v6-c-page__main,
17980
17953
  .pf-v6-c-page__main-drawer,
17981
- .pf-v6-c-page__main-group,
17982
- .pf-v6-c-page__main-list {
17954
+ .pf-v6-c-page__main-group {
17983
17955
  display: flex;
17984
17956
  flex-direction: column;
17985
17957
  flex-grow: 1;
17986
17958
  }
17987
17959
 
17988
- .pf-v6-c-page__main-nav {
17989
- padding-block-start: var(--pf-v6-c-page__main-nav--PaddingBlockStart);
17990
- padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
17991
- padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
17992
- background-color: var(--pf-v6-c-page__main-nav--BackgroundColor);
17993
- }
17994
- .pf-v6-c-page__main-nav.pf-m-sticky-top, .pf-v6-c-page__main-group.pf-m-sticky-top .pf-v6-c-page__main-nav:last-child {
17995
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
17996
- }
17997
- @media (min-height: 0) {
17998
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-v6-c-page__main-nav:last-child {
17999
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
18000
- }
18001
- }
18002
- @media (min-height: 40rem) {
18003
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-md-height .pf-v6-c-page__main-nav:last-child {
18004
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
18005
- }
18006
- }
18007
- @media (min-height: 48rem) {
18008
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-v6-c-page__main-nav:last-child {
18009
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
18010
- }
18011
- }
18012
- @media (min-height: 60rem) {
18013
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-v6-c-page__main-nav:last-child {
18014
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
18015
- }
18016
- }
18017
- @media (min-height: 80rem) {
18018
- .pf-v6-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-v6-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-v6-c-page__main-nav:last-child {
18019
- padding-block-end: var(--pf-v6-c-page__main-nav--m-sticky-top--PaddingBlockEnd);
18020
- }
18021
- }
18022
-
18023
17960
  .pf-v6-c-page__main-subnav {
18024
17961
  padding-block-start: var(--pf-v6-c-page__main-subnav--PaddingBlockStart);
18025
17962
  padding-block-end: var(--pf-v6-c-page__main-subnav--PaddingBlockEnd);
@@ -18074,9 +18011,6 @@ ul.pf-v6-c-list {
18074
18011
  padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
18075
18012
  background-color: var(--pf-v6-c-page__main-tabs--BackgroundColor);
18076
18013
  }
18077
- .pf-v6-c-page__main-nav + .pf-v6-c-page__main-tabs {
18078
- --pf-v6-c-page__main-tabs--PaddingBlockStart: var(--pf-v6-c-page__main-nav--page__main-tabs--PaddingBlockStart);
18079
- }
18080
18014
  .pf-v6-c-page__main-breadcrumb + .pf-v6-c-page__main-tabs {
18081
18015
  --pf-v6-c-page__main-tabs--PaddingBlockStart: var(--pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart);
18082
18016
  }
@@ -18240,10 +18174,6 @@ ul.pf-v6-c-list {
18240
18174
  flex-shrink: 0;
18241
18175
  }
18242
18176
 
18243
- .pf-v6-c-page__main-nav .pf-v6-c-page__main-body {
18244
- padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
18245
- padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
18246
- }
18247
18177
  .pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
18248
18178
  padding-inline-start: 0;
18249
18179
  padding-inline-end: 0;