@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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "4.198.2",
4
+ "version": "4.200.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -212,6 +212,11 @@
212
212
  --pf-global--breakpoint--lg: 992px;
213
213
  --pf-global--breakpoint--xl: 1200px;
214
214
  --pf-global--breakpoint--2xl: 1450px;
215
+ --pf-global--height-breakpoint--sm: 0;
216
+ --pf-global--height-breakpoint--md: 40rem;
217
+ --pf-global--height-breakpoint--lg: 48rem;
218
+ --pf-global--height-breakpoint--xl: 60rem;
219
+ --pf-global--height-breakpoint--2xl: 80rem;
215
220
  --pf-global--link--Color: #06c;
216
221
  --pf-global--link--Color--hover: #004080;
217
222
  --pf-global--link--Color--light: #2b9af3;
@@ -212,6 +212,11 @@
212
212
  --pf-global--breakpoint--lg: 992px;
213
213
  --pf-global--breakpoint--xl: 1200px;
214
214
  --pf-global--breakpoint--2xl: 1450px;
215
+ --pf-global--height-breakpoint--sm: 0;
216
+ --pf-global--height-breakpoint--md: 40rem;
217
+ --pf-global--height-breakpoint--lg: 48rem;
218
+ --pf-global--height-breakpoint--xl: 60rem;
219
+ --pf-global--height-breakpoint--2xl: 80rem;
215
220
  --pf-global--link--Color: #06c;
216
221
  --pf-global--link--Color--hover: #004080;
217
222
  --pf-global--link--Color--light: #2b9af3;
@@ -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;
@@ -10516,6 +10521,7 @@ label.pf-c-check, .pf-c-check__label,
10516
10521
  --pf-c-description-list__group--RowGap: var(--pf-global--spacer--sm);
10517
10522
  --pf-c-description-list__group--ColumnGap: var(--pf-global--spacer--sm);
10518
10523
  --pf-c-description-list__group--GridTemplateColumns: auto;
10524
+ --pf-c-description-list__group--GridTemplateRows: auto 1fr;
10519
10525
  --pf-c-description-list__group--GridColumn: auto;
10520
10526
  --pf-c-description-list--m-compact--RowGap: var(--pf-global--gutter);
10521
10527
  --pf-c-description-list--m-compact--ColumnGap: var(--pf-global--spacer--sm);
@@ -10528,9 +10534,11 @@ label.pf-c-check, .pf-c-check__label,
10528
10534
  --pf-c-description-list__term-icon--MarginRight: var(--pf-global--spacer--sm);
10529
10535
  --pf-c-description-list__term-icon--Color: var(--pf-global--icon--Color--light);
10530
10536
  --pf-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-c-description-list--GridTemplateColumns--count));
10537
+ --pf-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
10531
10538
  --pf-c-description-list--m-horizontal__term--width: 12ch;
10532
10539
  --pf-c-description-list--m-horizontal__description--width: minmax(10ch, auto);
10533
10540
  --pf-c-description-list--m-horizontal__group--GridTemplateColumns: var(--pf-c-description-list__term--width) var(--pf-c-description-list--m-horizontal__description--width);
10541
+ --pf-c-description-list--m-horizontal__group--GridTemplateRows: auto;
10534
10542
  --pf-c-description-list--m-1-col--GridTemplateColumns--count: 1;
10535
10543
  --pf-c-description-list--m-2-col--GridTemplateColumns--count: 2;
10536
10544
  --pf-c-description-list--m-3-col--GridTemplateColumns--count: 3;
@@ -10541,6 +10549,8 @@ label.pf-c-check, .pf-c-check__label,
10541
10549
  --pf-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
10542
10550
  --pf-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
10543
10551
  --pf-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
10552
+ --pf-c-description-list--m-display-lg__description--FontSize: var(--pf-global--FontSize--lg);
10553
+ --pf-c-description-list--m-display-2xl__description--FontSize: var(--pf-global--FontSize--2xl);
10544
10554
  display: grid;
10545
10555
  align-items: baseline;
10546
10556
  row-gap: var(--pf-c-description-list--RowGap);
@@ -10627,7 +10637,8 @@ label.pf-c-check, .pf-c-check__label,
10627
10637
  column-count: var(--pf-c-description-list--GridTemplateColumns--count);
10628
10638
  margin-bottom: calc(var(--pf-c-description-list--RowGap) * -1);
10629
10639
  }
10630
- .pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group {
10640
+ .pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group,
10641
+ .pf-c-description-list.pf-m-fill-columns > .pf-c-card {
10631
10642
  display: inline-grid;
10632
10643
  width: 100%;
10633
10644
  margin-bottom: var(--pf-c-description-list--RowGap);
@@ -10636,13 +10647,25 @@ label.pf-c-check, .pf-c-check__label,
10636
10647
  -webkit-column-break-inside: avoid;
10637
10648
  -moz-column-break-inside: avoid;
10638
10649
  }
10650
+ .pf-c-description-list.pf-m-display-lg {
10651
+ --pf-c-description-list__description--FontSize: var(--pf-c-description-list--m-display-lg__description--FontSize);
10652
+ }
10653
+ .pf-c-description-list.pf-m-display-2xl {
10654
+ --pf-c-description-list__description--FontSize: var(--pf-c-description-list--m-display-2xl__description--FontSize);
10655
+ }
10656
+ .pf-c-description-list > .pf-c-card {
10657
+ align-self: stretch;
10658
+ 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);
10659
+ }
10639
10660
 
10640
- .pf-c-description-list__group {
10661
+ .pf-c-description-list__group,
10662
+ .pf-c-description-list > .pf-c-card {
10641
10663
  display: grid;
10642
10664
  grid-column: var(--pf-c-description-list__group--GridColumn);
10643
10665
  row-gap: var(--pf-c-description-list__group--RowGap);
10644
10666
  column-gap: var(--pf-c-description-list__group--ColumnGap);
10645
10667
  grid-template-columns: var(--pf-c-description-list__group--GridTemplateColumns);
10668
+ grid-template-rows: var(--pf-c-description-list__group--GridTemplateRows);
10646
10669
  align-items: baseline;
10647
10670
  }
10648
10671
 
@@ -10670,6 +10693,10 @@ label.pf-c-check, .pf-c-check__label,
10670
10693
  color: var(--pf-c-description-list__term-icon--Color);
10671
10694
  }
10672
10695
 
10696
+ .pf-c-description-list__description {
10697
+ font-size: var(--pf-c-description-list__description--FontSize, inherit);
10698
+ }
10699
+
10673
10700
  .pf-c-description-list__text {
10674
10701
  min-width: 0;
10675
10702
  }
@@ -10699,9 +10726,11 @@ label.pf-c-check, .pf-c-check__label,
10699
10726
  }
10700
10727
  .pf-c-description-list.pf-m-horizontal {
10701
10728
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10729
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10702
10730
  }
10703
10731
  .pf-c-description-list.pf-m-vertical {
10704
10732
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10733
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10705
10734
  }
10706
10735
  @media (min-width: 576px) {
10707
10736
  .pf-c-description-list.pf-m-1-col-on-sm {
@@ -10715,9 +10744,11 @@ label.pf-c-check, .pf-c-check__label,
10715
10744
  }
10716
10745
  .pf-c-description-list.pf-m-horizontal-on-sm {
10717
10746
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10747
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10718
10748
  }
10719
10749
  .pf-c-description-list.pf-m-vertical-on-sm {
10720
10750
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10751
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10721
10752
  }
10722
10753
  }
10723
10754
  @media (min-width: 768px) {
@@ -10732,9 +10763,11 @@ label.pf-c-check, .pf-c-check__label,
10732
10763
  }
10733
10764
  .pf-c-description-list.pf-m-horizontal-on-md {
10734
10765
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10766
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10735
10767
  }
10736
10768
  .pf-c-description-list.pf-m-vertical-on-md {
10737
10769
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10770
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10738
10771
  }
10739
10772
  }
10740
10773
  @media (min-width: 992px) {
@@ -10749,9 +10782,11 @@ label.pf-c-check, .pf-c-check__label,
10749
10782
  }
10750
10783
  .pf-c-description-list.pf-m-horizontal-on-lg {
10751
10784
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10785
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10752
10786
  }
10753
10787
  .pf-c-description-list.pf-m-vertical-on-lg {
10754
10788
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10789
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10755
10790
  }
10756
10791
  }
10757
10792
  @media (min-width: 1200px) {
@@ -10766,9 +10801,11 @@ label.pf-c-check, .pf-c-check__label,
10766
10801
  }
10767
10802
  .pf-c-description-list.pf-m-horizontal-on-xl {
10768
10803
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10804
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10769
10805
  }
10770
10806
  .pf-c-description-list.pf-m-vertical-on-xl {
10771
10807
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10808
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10772
10809
  }
10773
10810
  }
10774
10811
  @media (min-width: 1450px) {
@@ -10783,9 +10820,11 @@ label.pf-c-check, .pf-c-check__label,
10783
10820
  }
10784
10821
  .pf-c-description-list.pf-m-horizontal-on-2xl {
10785
10822
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-horizontal__group--GridTemplateColumns);
10823
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-horizontal__group--GridTemplateRows);
10786
10824
  }
10787
10825
  .pf-c-description-list.pf-m-vertical-on-2xl {
10788
10826
  --pf-c-description-list__group--GridTemplateColumns: var(--pf-c-description-list--m-vertical__group--GridTemplateColumns);
10827
+ --pf-c-description-list__group--GridTemplateRows: var(--pf-c-description-list--m-vertical__group--GridTemplateRows);
10789
10828
  }
10790
10829
  }
10791
10830
 
@@ -21594,30 +21633,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21594
21633
  .pf-c-page__main-subnav {
21595
21634
  flex-shrink: 0;
21596
21635
  }
21597
- .pf-c-page__main-nav.pf-m-sticky-top,
21598
- .pf-c-page__main-breadcrumb.pf-m-sticky-top,
21599
- .pf-c-page__main-tabs.pf-m-sticky-top,
21600
- .pf-c-page__main-section.pf-m-sticky-top,
21601
- .pf-c-page__main-wizard.pf-m-sticky-top,
21602
- .pf-c-page__main-group.pf-m-sticky-top,
21603
- .pf-c-page__main-subnav.pf-m-sticky-top {
21604
- position: sticky;
21605
- top: 0;
21606
- z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21607
- box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21608
- }
21609
- .pf-c-page__main-nav.pf-m-sticky-bottom,
21610
- .pf-c-page__main-breadcrumb.pf-m-sticky-bottom,
21611
- .pf-c-page__main-tabs.pf-m-sticky-bottom,
21612
- .pf-c-page__main-section.pf-m-sticky-bottom,
21613
- .pf-c-page__main-wizard.pf-m-sticky-bottom,
21614
- .pf-c-page__main-group.pf-m-sticky-bottom,
21615
- .pf-c-page__main-subnav.pf-m-sticky-bottom {
21616
- position: sticky;
21617
- bottom: 0;
21618
- z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
21619
- box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
21620
- }
21621
21636
  .pf-c-page__main-nav.pf-m-overflow-scroll,
21622
21637
  .pf-c-page__main-breadcrumb.pf-m-overflow-scroll,
21623
21638
  .pf-c-page__main-tabs.pf-m-overflow-scroll,
@@ -21649,6 +21664,160 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21649
21664
  z-index: var(--pf-c-page--section--m-shadow-top--ZIndex);
21650
21665
  box-shadow: var(--pf-c-page--section--m-shadow-top--BoxShadow);
21651
21666
  }
21667
+ .pf-c-page__main-nav.pf-m-sticky-top,
21668
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top,
21669
+ .pf-c-page__main-tabs.pf-m-sticky-top,
21670
+ .pf-c-page__main-section.pf-m-sticky-top,
21671
+ .pf-c-page__main-wizard.pf-m-sticky-top,
21672
+ .pf-c-page__main-group.pf-m-sticky-top,
21673
+ .pf-c-page__main-subnav.pf-m-sticky-top {
21674
+ position: sticky;
21675
+ top: 0;
21676
+ z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21677
+ box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21678
+ }
21679
+ .pf-c-page__main-nav.pf-m-sticky-bottom,
21680
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom,
21681
+ .pf-c-page__main-tabs.pf-m-sticky-bottom,
21682
+ .pf-c-page__main-section.pf-m-sticky-bottom,
21683
+ .pf-c-page__main-wizard.pf-m-sticky-bottom,
21684
+ .pf-c-page__main-group.pf-m-sticky-bottom,
21685
+ .pf-c-page__main-subnav.pf-m-sticky-bottom {
21686
+ position: sticky;
21687
+ bottom: 0;
21688
+ z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
21689
+ box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
21690
+ }
21691
+ @media (min-height: 0) {
21692
+ .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
21693
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
21694
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
21695
+ .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
21696
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
21697
+ .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
21698
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
21699
+ position: sticky;
21700
+ top: 0;
21701
+ z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21702
+ box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21703
+ }
21704
+ .pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
21705
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
21706
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
21707
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
21708
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
21709
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
21710
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
21711
+ position: sticky;
21712
+ bottom: 0;
21713
+ z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
21714
+ box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
21715
+ }
21716
+ }
21717
+ @media (min-height: 40rem) {
21718
+ .pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
21719
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
21720
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
21721
+ .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
21722
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
21723
+ .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
21724
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
21725
+ position: sticky;
21726
+ top: 0;
21727
+ z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21728
+ box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21729
+ }
21730
+ .pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
21731
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
21732
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
21733
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
21734
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
21735
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
21736
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
21737
+ position: sticky;
21738
+ bottom: 0;
21739
+ z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
21740
+ box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
21741
+ }
21742
+ }
21743
+ @media (min-height: 48rem) {
21744
+ .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
21745
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
21746
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
21747
+ .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
21748
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
21749
+ .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
21750
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
21751
+ position: sticky;
21752
+ top: 0;
21753
+ z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21754
+ box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21755
+ }
21756
+ .pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
21757
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
21758
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
21759
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
21760
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
21761
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
21762
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
21763
+ position: sticky;
21764
+ bottom: 0;
21765
+ z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
21766
+ box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
21767
+ }
21768
+ }
21769
+ @media (min-height: 60rem) {
21770
+ .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
21771
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
21772
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
21773
+ .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
21774
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
21775
+ .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
21776
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
21777
+ position: sticky;
21778
+ top: 0;
21779
+ z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21780
+ box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21781
+ }
21782
+ .pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
21783
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
21784
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
21785
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
21786
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
21787
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
21788
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
21789
+ position: sticky;
21790
+ bottom: 0;
21791
+ z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
21792
+ box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
21793
+ }
21794
+ }
21795
+ @media (min-height: 80rem) {
21796
+ .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
21797
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
21798
+ .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
21799
+ .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
21800
+ .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
21801
+ .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
21802
+ .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
21803
+ position: sticky;
21804
+ top: 0;
21805
+ z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
21806
+ box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
21807
+ }
21808
+ .pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
21809
+ .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
21810
+ .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
21811
+ .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
21812
+ .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
21813
+ .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
21814
+ .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
21815
+ position: sticky;
21816
+ bottom: 0;
21817
+ z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
21818
+ box-shadow: var(--pf-c-page--section--m-sticky-bottom--BoxShadow);
21819
+ }
21820
+ }
21652
21821
 
21653
21822
  .pf-c-page__main,
21654
21823
  .pf-c-page__drawer {
@@ -28878,6 +29047,15 @@ svg.pf-c-spinner.pf-m-xl {
28878
29047
  --pf-c-tabs__add--c-button--PaddingTop: var(--pf-c-tabs__link--PaddingTop);
28879
29048
  --pf-c-tabs__add--c-button--PaddingBottom: var(--pf-c-tabs__link--PaddingBottom);
28880
29049
  --pf-c-tabs__add--c-button--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
29050
+ --pf-c-tabs__link-toggle-icon--Color: var(--pf-global--Color--200);
29051
+ --pf-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
29052
+ --pf-c-tabs__link-toggle-icon--Rotate: 0;
29053
+ --pf-c-tabs__link-toggle-icon--FontSize: var(--pf-global--FontSize--sm);
29054
+ --pf-c-tabs__link--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
29055
+ --pf-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
29056
+ --pf-c-tabs__link--hover__toggle-icon--Color: var(--pf-global--Color--100);
29057
+ --pf-c-tabs__link--active__toggle-icon--Color: var(--pf-global--Color--100);
29058
+ --pf-c-tabs__link--focus__toggle-icon--Color: var(--pf-global--Color--100);
28881
29059
  position: relative;
28882
29060
  display: flex;
28883
29061
  width: var(--pf-c-tabs--Width);
@@ -29306,6 +29484,15 @@ svg.pf-c-spinner.pf-m-xl {
29306
29484
  --pf-c-tabs__link--after--BorderWidth: var(--pf-c-tabs__link--active--after--BorderWidth);
29307
29485
  }
29308
29486
 
29487
+ .pf-c-tabs__link:hover {
29488
+ --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--hover__toggle-icon--Color);
29489
+ }
29490
+ .pf-c-tabs__link:focus {
29491
+ --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--focus__toggle-icon--Color);
29492
+ }
29493
+ .pf-c-tabs__link:active, .pf-c-tabs__link.pf-m-active {
29494
+ --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--active__toggle-icon--Color);
29495
+ }
29309
29496
  .pf-c-tabs__link:disabled, .pf-c-tabs__link.pf-m-disabled {
29310
29497
  pointer-events: none;
29311
29498
  }
@@ -29329,6 +29516,18 @@ svg.pf-c-spinner.pf-m-xl {
29329
29516
  .pf-c-tabs__link .pf-c-tabs__item-text:last-child {
29330
29517
  --pf-c-tabs__link--child--MarginRight: 0;
29331
29518
  }
29519
+ .pf-c-tabs__link.pf-m-expanded {
29520
+ --pf-c-tabs__link-toggle-icon--Color: var(--pf-c-tabs__link--m-expanded__toggle-icon--Color);
29521
+ --pf-c-tabs__link-toggle-icon--Rotate: var(--pf-c-tabs__link--m-expanded__toggle-icon--Rotate);
29522
+ }
29523
+
29524
+ .pf-c-tabs__link-toggle-icon {
29525
+ align-self: end;
29526
+ font-size: var(--pf-c-tabs__link-toggle-icon--FontSize);
29527
+ color: var(--pf-c-tabs__link-toggle-icon--Color);
29528
+ transition: var(--pf-c-tabs__link-toggle-icon--Transition);
29529
+ transform: rotate(var(--pf-c-tabs__link-toggle-icon--Rotate));
29530
+ }
29332
29531
 
29333
29532
  .pf-c-tabs__item-close {
29334
29533
  display: flex;
@@ -31259,6 +31458,7 @@ svg.pf-c-spinner.pf-m-xl {
31259
31458
  }
31260
31459
 
31261
31460
  .pf-c-wizard__footer {
31461
+ position: relative;
31262
31462
  z-index: var(--pf-c-wizard__footer--ZIndex);
31263
31463
  display: flex;
31264
31464
  flex-wrap: wrap;
@@ -31272,7 +31472,7 @@ svg.pf-c-spinner.pf-m-xl {
31272
31472
  .pf-c-wizard__footer > *:not(:last-child) {
31273
31473
  margin-right: var(--pf-c-wizard__footer--child--MarginRight);
31274
31474
  }
31275
- .pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer {
31475
+ .pf-c-page__main-wizard .pf-c-wizard__footer, .pf-c-modal-box .pf-c-wizard__footer, .pf-c-drawer > .pf-c-wizard__footer {
31276
31476
  box-shadow: var(--pf-c-wizard__footer--BoxShadow);
31277
31477
  }
31278
31478