@patternfly/patternfly 4.198.2 → 4.200.1

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.
package/patternfly.css CHANGED
@@ -285,6 +285,11 @@
285
285
  --pf-global--breakpoint--lg: 992px;
286
286
  --pf-global--breakpoint--xl: 1200px;
287
287
  --pf-global--breakpoint--2xl: 1450px;
288
+ --pf-global--height-breakpoint--sm: 0;
289
+ --pf-global--height-breakpoint--md: 40rem;
290
+ --pf-global--height-breakpoint--lg: 48rem;
291
+ --pf-global--height-breakpoint--xl: 60rem;
292
+ --pf-global--height-breakpoint--2xl: 80rem;
288
293
  --pf-global--link--Color: #06c;
289
294
  --pf-global--link--Color--hover: #004080;
290
295
  --pf-global--link--Color--light: #2b9af3;
@@ -10643,6 +10648,7 @@ label.pf-c-check, .pf-c-check__label,
10643
10648
  --pf-c-description-list__group--RowGap: var(--pf-global--spacer--sm);
10644
10649
  --pf-c-description-list__group--ColumnGap: var(--pf-global--spacer--sm);
10645
10650
  --pf-c-description-list__group--GridTemplateColumns: auto;
10651
+ --pf-c-description-list__group--GridTemplateRows: auto 1fr;
10646
10652
  --pf-c-description-list__group--GridColumn: auto;
10647
10653
  --pf-c-description-list--m-compact--RowGap: var(--pf-global--gutter);
10648
10654
  --pf-c-description-list--m-compact--ColumnGap: var(--pf-global--spacer--sm);
@@ -10655,9 +10661,11 @@ label.pf-c-check, .pf-c-check__label,
10655
10661
  --pf-c-description-list__term-icon--MarginRight: var(--pf-global--spacer--sm);
10656
10662
  --pf-c-description-list__term-icon--Color: var(--pf-global--icon--Color--light);
10657
10663
  --pf-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-c-description-list--GridTemplateColumns--count));
10664
+ --pf-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
10658
10665
  --pf-c-description-list--m-horizontal__term--width: 12ch;
10659
10666
  --pf-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
10660
10667
  --pf-c-description-list--m-horizontal__group--GridTemplateColumns: var(--pf-c-description-list__term--width) var(--pf-c-description-list--m-horizontal__description--width);
10668
+ --pf-c-description-list--m-horizontal__group--GridTemplateRows: auto;
10661
10669
  --pf-c-description-list--m-1-col--GridTemplateColumns--count: 1;
10662
10670
  --pf-c-description-list--m-2-col--GridTemplateColumns--count: 2;
10663
10671
  --pf-c-description-list--m-3-col--GridTemplateColumns--count: 3;
@@ -10668,6 +10676,8 @@ label.pf-c-check, .pf-c-check__label,
10668
10676
  --pf-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
10669
10677
  --pf-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
10670
10678
  --pf-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
10679
+ --pf-c-description-list--m-display-lg__description--FontSize: var(--pf-global--FontSize--lg);
10680
+ --pf-c-description-list--m-display-2xl__description--FontSize: var(--pf-global--FontSize--2xl);
10671
10681
  display: grid;
10672
10682
  align-items: baseline;
10673
10683
  row-gap: var(--pf-c-description-list--RowGap);
@@ -10754,7 +10764,8 @@ label.pf-c-check, .pf-c-check__label,
10754
10764
  column-count: var(--pf-c-description-list--GridTemplateColumns--count);
10755
10765
  margin-bottom: calc(var(--pf-c-description-list--RowGap) * -1);
10756
10766
  }
10757
- .pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group {
10767
+ .pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group,
10768
+ .pf-c-description-list.pf-m-fill-columns > .pf-c-card {
10758
10769
  display: inline-grid;
10759
10770
  width: 100%;
10760
10771
  margin-bottom: var(--pf-c-description-list--RowGap);
@@ -10763,13 +10774,25 @@ label.pf-c-check, .pf-c-check__label,
10763
10774
  -webkit-column-break-inside: avoid;
10764
10775
  -moz-column-break-inside: avoid;
10765
10776
  }
10777
+ .pf-c-description-list.pf-m-display-lg {
10778
+ --pf-c-description-list__description--FontSize: var(--pf-c-description-list--m-display-lg__description--FontSize);
10779
+ }
10780
+ .pf-c-description-list.pf-m-display-2xl {
10781
+ --pf-c-description-list__description--FontSize: var(--pf-c-description-list--m-display-2xl__description--FontSize);
10782
+ }
10783
+ .pf-c-description-list > .pf-c-card {
10784
+ align-self: stretch;
10785
+ padding: var(--pf-c-card--first-child--PaddingTop) var(--pf-c-card--child--PaddingRight) var(--pf-c-card--child--PaddingBottom) var(--pf-c-card--child--PaddingLeft);
10786
+ }
10766
10787
 
10767
- .pf-c-description-list__group {
10788
+ .pf-c-description-list__group,
10789
+ .pf-c-description-list > .pf-c-card {
10768
10790
  display: grid;
10769
10791
  grid-column: var(--pf-c-description-list__group--GridColumn);
10770
10792
  row-gap: var(--pf-c-description-list__group--RowGap);
10771
10793
  column-gap: var(--pf-c-description-list__group--ColumnGap);
10772
10794
  grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
10795
+ grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
10773
10796
  align-items: baseline;
10774
10797
  }
10775
10798
 
@@ -10797,6 +10820,10 @@ label.pf-c-check, .pf-c-check__label,
10797
10820
  color: var(--pf-c-description-list__term-icon--Color);
10798
10821
  }
10799
10822
 
10823
+ .pf-c-description-list__description {
10824
+ font-size: var(--pf-c-description-list__description--FontSize, inherit);
10825
+ }
10826
+
10800
10827
  .pf-c-description-list__text {
10801
10828
  min-width: 0;
10802
10829
  }
@@ -10826,9 +10853,11 @@ label.pf-c-check, .pf-c-check__label,
10826
10853
  }
10827
10854
  .pf-c-description-list.pf-m-horizontal {
10828
10855
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10856
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10829
10857
  }
10830
10858
  .pf-c-description-list.pf-m-vertical {
10831
10859
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10860
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10832
10861
  }
10833
10862
  @media (min-width: 576px) {
10834
10863
  .pf-c-description-list.pf-m-1-col-on-sm {
@@ -10842,9 +10871,11 @@ label.pf-c-check, .pf-c-check__label,
10842
10871
  }
10843
10872
  .pf-c-description-list.pf-m-horizontal-on-sm {
10844
10873
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10874
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10845
10875
  }
10846
10876
  .pf-c-description-list.pf-m-vertical-on-sm {
10847
10877
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10878
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10848
10879
  }
10849
10880
  }
10850
10881
  @media (min-width: 768px) {
@@ -10859,9 +10890,11 @@ label.pf-c-check, .pf-c-check__label,
10859
10890
  }
10860
10891
  .pf-c-description-list.pf-m-horizontal-on-md {
10861
10892
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10893
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10862
10894
  }
10863
10895
  .pf-c-description-list.pf-m-vertical-on-md {
10864
10896
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10897
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10865
10898
  }
10866
10899
  }
10867
10900
  @media (min-width: 992px) {
@@ -10876,9 +10909,11 @@ label.pf-c-check, .pf-c-check__label,
10876
10909
  }
10877
10910
  .pf-c-description-list.pf-m-horizontal-on-lg {
10878
10911
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10912
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10879
10913
  }
10880
10914
  .pf-c-description-list.pf-m-vertical-on-lg {
10881
10915
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10916
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10882
10917
  }
10883
10918
  }
10884
10919
  @media (min-width: 1200px) {
@@ -10893,9 +10928,11 @@ label.pf-c-check, .pf-c-check__label,
10893
10928
  }
10894
10929
  .pf-c-description-list.pf-m-horizontal-on-xl {
10895
10930
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10931
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10896
10932
  }
10897
10933
  .pf-c-description-list.pf-m-vertical-on-xl {
10898
10934
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10935
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10899
10936
  }
10900
10937
  }
10901
10938
  @media (min-width: 1450px) {
@@ -10910,9 +10947,11 @@ label.pf-c-check, .pf-c-check__label,
10910
10947
  }
10911
10948
  .pf-c-description-list.pf-m-horizontal-on-2xl {
10912
10949
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10950
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10913
10951
  }
10914
10952
  .pf-c-description-list.pf-m-vertical-on-2xl {
10915
10953
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10954
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10916
10955
  }
10917
10956
  }
10918
10957
 
@@ -21721,30 +21760,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21721
21760
  .pf-c-page__main-subnav {
21722
21761
  flex-shrink: 0;
21723
21762
  }
21724
- .pf-c-page__main-nav.pf-m-sticky-top,
21725
- .pf-c-page__main-breadcrumb.pf-m-sticky-top,
21726
- .pf-c-page__main-tabs.pf-m-sticky-top,
21727
- .pf-c-page__main-section.pf-m-sticky-top,
21728
- .pf-c-page__main-wizard.pf-m-sticky-top,
21729
- .pf-c-page__main-group.pf-m-sticky-top,
21730
- .pf-c-page__main-subnav.pf-m-sticky-top {
21731
- position: sticky;
21732
- top: 0;
21733
- z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21734
- box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21735
- }
21736
- .pf-c-page__main-nav.pf-m-sticky-bottom,
21737
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom,
21738
- .pf-c-page__main-tabs.pf-m-sticky-bottom,
21739
- .pf-c-page__main-section.pf-m-sticky-bottom,
21740
- .pf-c-page__main-wizard.pf-m-sticky-bottom,
21741
- .pf-c-page__main-group.pf-m-sticky-bottom,
21742
- .pf-c-page__main-subnav.pf-m-sticky-bottom {
21743
- position: sticky;
21744
- bottom: 0;
21745
- z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
21746
- box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
21747
- }
21748
21763
  .pf-c-page__main-nav.pf-m-overflow-scroll,
21749
21764
  .pf-c-page__main-breadcrumb.pf-m-overflow-scroll,
21750
21765
  .pf-c-page__main-tabs.pf-m-overflow-scroll,
@@ -21776,6 +21791,160 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21776
21791
  z-index: var(--pf-c-page--section--m-shadow-top--ZIndex);
21777
21792
  box-shadow: var(--pf-c-page--section--m-shadow-top--BoxShadow);
21778
21793
  }
21794
+ .pf-c-page__main-nav.pf-m-sticky-top,
21795
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top,
21796
+ .pf-c-page__main-tabs.pf-m-sticky-top,
21797
+ .pf-c-page__main-section.pf-m-sticky-top,
21798
+ .pf-c-page__main-wizard.pf-m-sticky-top,
21799
+ .pf-c-page__main-group.pf-m-sticky-top,
21800
+ .pf-c-page__main-subnav.pf-m-sticky-top {
21801
+ position: sticky;
21802
+ top: 0;
21803
+ z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21804
+ box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21805
+ }
21806
+ .pf-c-page__main-nav.pf-m-sticky-bottom,
21807
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom,
21808
+ .pf-c-page__main-tabs.pf-m-sticky-bottom,
21809
+ .pf-c-page__main-section.pf-m-sticky-bottom,
21810
+ .pf-c-page__main-wizard.pf-m-sticky-bottom,
21811
+ .pf-c-page__main-group.pf-m-sticky-bottom,
21812
+ .pf-c-page__main-subnav.pf-m-sticky-bottom {
21813
+ position: sticky;
21814
+ bottom: 0;
21815
+ z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
21816
+ box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
21817
+ }
21818
+ @media (min-height: 0) {
21819
+ .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
21820
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
21821
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
21822
+ .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
21823
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
21824
+ .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
21825
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
21826
+ position: sticky;
21827
+ top: 0;
21828
+ z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21829
+ box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21830
+ }
21831
+ .pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
21832
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
21833
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
21834
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
21835
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
21836
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
21837
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
21838
+ position: sticky;
21839
+ bottom: 0;
21840
+ z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
21841
+ box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
21842
+ }
21843
+ }
21844
+ @media (min-height: 40rem) {
21845
+ .pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
21846
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
21847
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
21848
+ .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
21849
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
21850
+ .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
21851
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
21852
+ position: sticky;
21853
+ top: 0;
21854
+ z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21855
+ box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21856
+ }
21857
+ .pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
21858
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
21859
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
21860
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
21861
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
21862
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
21863
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
21864
+ position: sticky;
21865
+ bottom: 0;
21866
+ z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
21867
+ box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
21868
+ }
21869
+ }
21870
+ @media (min-height: 48rem) {
21871
+ .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
21872
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
21873
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
21874
+ .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
21875
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
21876
+ .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
21877
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
21878
+ position: sticky;
21879
+ top: 0;
21880
+ z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21881
+ box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21882
+ }
21883
+ .pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
21884
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
21885
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
21886
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
21887
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
21888
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
21889
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
21890
+ position: sticky;
21891
+ bottom: 0;
21892
+ z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
21893
+ box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
21894
+ }
21895
+ }
21896
+ @media (min-height: 60rem) {
21897
+ .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
21898
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
21899
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
21900
+ .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
21901
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
21902
+ .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
21903
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
21904
+ position: sticky;
21905
+ top: 0;
21906
+ z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21907
+ box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21908
+ }
21909
+ .pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
21910
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
21911
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
21912
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
21913
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
21914
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
21915
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
21916
+ position: sticky;
21917
+ bottom: 0;
21918
+ z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
21919
+ box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
21920
+ }
21921
+ }
21922
+ @media (min-height: 80rem) {
21923
+ .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
21924
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
21925
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
21926
+ .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
21927
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
21928
+ .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
21929
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
21930
+ position: sticky;
21931
+ top: 0;
21932
+ z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21933
+ box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21934
+ }
21935
+ .pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
21936
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
21937
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
21938
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
21939
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
21940
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
21941
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
21942
+ position: sticky;
21943
+ bottom: 0;
21944
+ z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
21945
+ box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
21946
+ }
21947
+ }
21779
21948
 
21780
21949
  .pf-c-page__main,
21781
21950
  .pf-c-page__drawer {
@@ -29005,6 +29174,15 @@ svg.pf-c-spinner.pf-m-xl {
29005
29174
  --pf-c-tabs__add--c-button--PaddingTop: var(--pf-c-tabs__link--PaddingTop);
29006
29175
  --pf-c-tabs__add--c-button--PaddingBottom: var(--pf-c-tabs__link--PaddingBottom);
29007
29176
  --pf-c-tabs__add--c-button--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
29177
+ --pf-c-tabs__link-toggle-icon--Color: var(--pf-global--Color--200);
29178
+ --pf-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
29179
+ --pf-c-tabs__link-toggle-icon--Rotate: 0;
29180
+ --pf-c-tabs__link-toggle-icon--FontSize: var(--pf-global--FontSize--sm);
29181
+ --pf-c-tabs__link--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
29182
+ --pf-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
29183
+ --pf-c-tabs__link--hover__toggle-icon--Color: var(--pf-global--Color--100);
29184
+ --pf-c-tabs__link--active__toggle-icon--Color: var(--pf-global--Color--100);
29185
+ --pf-c-tabs__link--focus__toggle-icon--Color: var(--pf-global--Color--100);
29008
29186
  position: relative;
29009
29187
  display: flex;
29010
29188
  width: var(--pf-c-tabs--Width);
@@ -29433,6 +29611,15 @@ svg.pf-c-spinner.pf-m-xl {
29433
29611
  --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__link--active--after--BorderWidth);
29434
29612
  }
29435
29613
 
29614
+ .pf-c-tabs__link:hover {
29615
+ --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--hover__toggle-icon--Color);
29616
+ }
29617
+ .pf-c-tabs__link:focus {
29618
+ --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--focus__toggle-icon--Color);
29619
+ }
29620
+ .pf-c-tabs__link:active, .pf-c-tabs__link.pf-m-active {
29621
+ --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--active__toggle-icon--Color);
29622
+ }
29436
29623
  .pf-c-tabs__link:disabled, .pf-c-tabs__link.pf-m-disabled {
29437
29624
  pointer-events: none;
29438
29625
  }
@@ -29456,6 +29643,18 @@ svg.pf-c-spinner.pf-m-xl {
29456
29643
  .pf-c-tabs__link .pf-c-tabs__item-text:last-child {
29457
29644
  --pf-c-tabs__link--child--MarginRight: 0;
29458
29645
  }
29646
+ .pf-c-tabs__link.pf-m-expanded {
29647
+ --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--m-expanded__toggle-icon--Color);
29648
+ --pf-c-tabs__link-toggle-icon--Rotate: var(--pf-c-tabs__link--m-expanded__toggle-icon--Rotate);
29649
+ }
29650
+
29651
+ .pf-c-tabs__link-toggle-icon {
29652
+ align-self: end;
29653
+ font-size: var(--pf-c-tabs__link-toggle-icon--FontSize);
29654
+ color: var(--pf-c-tabs__link-toggle-icon--Color);
29655
+ transition: var(--pf-c-tabs__link-toggle-icon--Transition);
29656
+ transform: rotate(var(--pf-c-tabs__link-toggle-icon--Rotate));
29657
+ }
29459
29658
 
29460
29659
  .pf-c-tabs__item-close {
29461
29660
  display: flex;
@@ -31386,6 +31585,7 @@ svg.pf-c-spinner.pf-m-xl {
31386
31585
  }
31387
31586
 
31388
31587
  .pf-c-wizard__footer {
31588
+ position: relative;
31389
31589
  z-index: var(--pf-c-wizard__footer--ZIndex);
31390
31590
  display: flex;
31391
31591
  flex-wrap: wrap;
@@ -31399,7 +31599,7 @@ svg.pf-c-spinner.pf-m-xl {
31399
31599
  .pf-c-wizard__footer > *:not(:last-child) {
31400
31600
  margin-right: var(--pf-c-wizard__footer--child--MarginRight);
31401
31601
  }
31402
- .pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer {
31602
+ .pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer, .pf-c-drawer > .pf-c-wizard__footer {
31403
31603
  box-shadow: var(--pf-c-wizard__footer--BoxShadow);
31404
31604
  }
31405
31605