@patternfly/patternfly 6.0.0-alpha.31 → 6.0.0-alpha.32

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 (16) hide show
  1. package/components/Pagination/pagination.css +61 -121
  2. package/components/Pagination/pagination.scss +48 -127
  3. package/docs/components/Pagination/examples/Pagination.md +663 -637
  4. package/docs/components/Toolbar/examples/Toolbar.md +102 -100
  5. package/docs/demos/CardView/examples/CardView.md +102 -98
  6. package/docs/demos/DataList/examples/DataList.md +408 -392
  7. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +319 -299
  8. package/docs/demos/Table/examples/Table.md +1239 -1193
  9. package/docs/demos/Toolbar/examples/Toolbar.md +408 -392
  10. package/package.json +1 -1
  11. package/patternfly-no-globals.css +61 -125
  12. package/patternfly-theme-dark-unversioned.css +61 -125
  13. package/patternfly.css +61 -125
  14. package/patternfly.min.css +1 -1
  15. package/patternfly.min.css.map +1 -1
  16. package/components/Pagination/themes/dark/pagination.scss +0 -7
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -22543,116 +22543,85 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22543
22543
  flex: 1 0 auto;
22544
22544
  }
22545
22545
 
22546
- .pf-v5-c-pagination {
22546
+ :root {
22547
22547
  --pf-v5-c-pagination--inset: 0;
22548
- --pf-v5-c-pagination--PaddingRight: var(--pf-v5-c-pagination--inset);
22549
- --pf-v5-c-pagination--PaddingLeft: var(--pf-v5-c-pagination--inset);
22550
- --pf-v5-c-pagination--m-page-insets--inset: var(--pf-v5-global--spacer--md);
22551
- --pf-v5-c-pagination--m-page-insets--xl--inset: var(--pf-v5-global--spacer--lg);
22552
- --pf-v5-c-pagination--child--MarginRight: var(--pf-v5-global--spacer--lg);
22553
- --pf-v5-c-pagination--m-bottom--child--MarginRight: 0;
22554
- --pf-v5-c-pagination--m-bottom--child--md--MarginRight: var(--pf-v5-global--spacer--lg);
22555
- --pf-v5-c-pagination--m-compact--child--MarginRight: var(--pf-v5-global--spacer--sm);
22556
- --pf-v5-c-pagination--c-menu-toggle--FontSize: var(--pf-v5-global--FontSize--sm);
22548
+ --pf-v5-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
22549
+ --pf-v5-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--md);
22550
+ --pf-v5-c-pagination--m-page-insets--xl--inset: var(--pf-t--global--spacer--lg);
22557
22551
  --pf-v5-c-pagination__nav--Display: none;
22558
22552
  --pf-v5-c-pagination--m-display-summary__nav--Display: none;
22559
22553
  --pf-v5-c-pagination--m-display-full__nav--Display: inline-flex;
22560
- --pf-v5-c-pagination__nav-control--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
22561
- --pf-v5-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
22562
- --pf-v5-c-pagination__nav-control--c-button--FontSize: var(--pf-v5-global--FontSize--md);
22563
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(var(--pf-v5-global--spacer--xs) * -1);
22564
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-v5-global--spacer--md);
22565
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-v5-global--spacer--md);
22566
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-v5-global--spacer--md);
22567
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-v5-global--spacer--form-element);
22568
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-v5-global--spacer--sm);
22569
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-v5-global--spacer--form-element);
22570
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(--pf-v5-global--spacer--sm);
22571
- --pf-v5-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(--pf-v5-global--spacer--md);
22572
- --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-v5-global--FontSize--sm);
22573
- --pf-v5-c-pagination__nav-page-select--PaddingLeft: var(--pf-v5-global--spacer--md);
22574
- --pf-v5-c-pagination__nav-page-select--PaddingRight: var(--pf-v5-global--spacer--md);
22575
- --pf-v5-c-pagination__nav-page-select--child--MarginRight: var(--pf-v5-global--spacer--xs);
22576
- --pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-v5-global--spacer--sm) * 2 + var(--pf-v5-global--BorderWidth--sm) * 2);
22554
+ --pf-v5-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
22555
+ --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--md);
22556
+ --pf-v5-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
22557
+ --pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-t--global--spacer--sm) * 2 + var(--pf-t--global--border--width--100) * 2);
22577
22558
  --pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;
22578
22559
  --pf-v5-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-v5-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
22579
22560
  --pf-v5-c-pagination__total-items--Display: block;
22580
22561
  --pf-v5-c-pagination--m-display-summary__total-items--Display: block;
22581
22562
  --pf-v5-c-pagination--m-display-full__total-items--Display: none;
22582
- --pf-v5-c-pagination--m-sticky--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
22583
- --pf-v5-c-pagination--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
22584
- --pf-v5-c-pagination--m-sticky--md--PaddingTop: var(--pf-v5-global--spacer--md);
22585
- --pf-v5-c-pagination--m-sticky--md--PaddingRight: var(--pf-v5-global--spacer--md);
22586
- --pf-v5-c-pagination--m-sticky--md--PaddingBottom: var(--pf-v5-global--spacer--md);
22587
- --pf-v5-c-pagination--m-sticky--md--PaddingLeft: var(--pf-v5-global--spacer--md);
22588
- --pf-v5-c-pagination--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--xs);
22563
+ --pf-v5-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22564
+ --pf-v5-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
22565
+ --pf-v5-c-pagination--m-sticky--PaddingTop: var(--pf-t--global--spacer--md);
22566
+ --pf-v5-c-pagination--m-sticky--PaddingRight: var(--pf-t--global--spacer--lg);
22567
+ --pf-v5-c-pagination--m-sticky--PaddingBottom: var(--pf-t--global--spacer--md);
22568
+ --pf-v5-c-pagination--m-sticky--PaddingLeft: var(--pf-t--global--spacer--lg);
22569
+ --pf-v5-c-pagination--m-sticky--ZIndex: 100;
22589
22570
  --pf-v5-c-pagination--m-sticky--Top: 0;
22590
- --pf-v5-c-pagination--m-bottom--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
22591
- --pf-v5-c-pagination--m-bottom--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
22571
+ --pf-v5-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22572
+ --pf-v5-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
22592
22573
  --pf-v5-c-pagination--m-bottom--Bottom: 0;
22593
- --pf-v5-c-pagination--m-bottom--md--PaddingTop: var(--pf-v5-global--spacer--md);
22594
- --pf-v5-c-pagination--m-bottom--md--PaddingRight: var(--pf-v5-global--spacer--md);
22595
- --pf-v5-c-pagination--m-bottom--md--PaddingBottom: var(--pf-v5-global--spacer--md);
22596
- --pf-v5-c-pagination--m-bottom--md--PaddingLeft: var(--pf-v5-global--spacer--md);
22597
- --pf-v5-c-pagination--m-bottom--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
22598
- --pf-v5-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
22599
- --pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
22600
- --pf-v5-c-pagination--c-menu-toggle--Display: none;
22601
- --pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display: none;
22602
- --pf-v5-c-pagination--m-display-full--c-menu-toggle--Display: inline-flex;
22603
- display: flex;
22604
- flex-wrap: wrap;
22605
- align-items: center;
22606
- justify-content: flex-end;
22607
- padding-inline-start: var(--pf-v5-c-pagination--PaddingLeft);
22608
- padding-inline-end: var(--pf-v5-c-pagination--PaddingRight);
22574
+ --pf-v5-c-pagination--m-bottom--PaddingRight: var(--pf-t--global--spacer--lg);
22575
+ --pf-v5-c-pagination--m-bottom--PaddingLeft: var(--pf-t--global--spacer--lg);
22576
+ --pf-v5-c-pagination--m-bottom--md--PaddingTop: var(--pf-t--global--spacer--md);
22577
+ --pf-v5-c-pagination--m-bottom--md--PaddingBottom: var(--pf-t--global--spacer--md);
22578
+ --pf-v5-c-pagination--m-bottom--xl--PaddingRight: var(--pf-t--global--spacer--lg);
22579
+ --pf-v5-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-t--global--spacer--lg);
22580
+ --pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
22581
+ --pf-v5-c-pagination__page-menu--Display: none;
22582
+ --pf-v5-c-pagination--m-display-summary__page-menu--Display: none;
22583
+ --pf-v5-c-pagination--m-display-full__page-menu--Display: inline-flex;
22609
22584
  }
22610
22585
  @media screen and (min-width: 768px) {
22611
- .pf-v5-c-pagination {
22612
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop);
22613
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight);
22614
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom);
22615
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft);
22616
- --pf-v5-c-pagination--m-bottom--child--MarginRight: var(--pf-v5-c-pagination--m-bottom--child--md--MarginRight);
22617
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
22586
+ :root {
22618
22587
  --pf-v5-c-pagination--m-bottom--BoxShadow: none;
22619
- --pf-v5-c-pagination--c-menu-toggle--Display: inline-flex;
22588
+ --pf-v5-c-pagination__page-menu--Display: inline-flex;
22620
22589
  --pf-v5-c-pagination__nav--Display: inline-flex;
22621
22590
  --pf-v5-c-pagination__total-items--Display: none;
22622
22591
  }
22623
22592
  }
22624
22593
  @media screen and (min-width: 1200px) {
22625
- .pf-v5-c-pagination {
22626
- --pf-v5-c-pagination--m-bottom--md--PaddingRight: var(--pf-v5-c-pagination--m-bottom--xl--PaddingRight);
22627
- --pf-v5-c-pagination--m-bottom--md--PaddingLeft: var(--pf-v5-c-pagination--m-bottom--xl--PaddingLeft);
22594
+ :root {
22595
+ --pf-v5-c-pagination--m-bottom--PaddingRight: var(--pf-v5-c-pagination--m-bottom--xl--PaddingRight);
22596
+ --pf-v5-c-pagination--m-bottom--PaddingLeft: var(--pf-v5-c-pagination--m-bottom--xl--PaddingLeft);
22628
22597
  --pf-v5-c-pagination__scroll-button--Width: var(--pf-v5-c-pagination__scroll-button--xl--Width);
22629
22598
  --pf-v5-c-pagination--m-page-insets--inset: var(--pf-v5-c-pagination--m-page-insets--xl--inset);
22630
22599
  }
22631
22600
  }
22632
- .pf-v5-c-pagination > *:not(:last-child):not(.pf-v5-c-pagination__total-items) {
22633
- margin-inline-end: var(--pf-v5-c-pagination--child--MarginRight);
22601
+
22602
+ .pf-v5-c-pagination {
22603
+ display: flex;
22604
+ flex-wrap: wrap;
22605
+ column-gap: var(--pf-v5-c-pagination--ColumnGap);
22606
+ align-items: center;
22607
+ justify-content: flex-end;
22608
+ padding-inline-start: var(--pf-v5-c-pagination--inset);
22609
+ padding-inline-end: var(--pf-v5-c-pagination--inset);
22634
22610
  }
22635
- .pf-v5-c-pagination .pf-v5-c-menu-toggle {
22636
- display: var(--pf-v5-c-pagination--c-menu-toggle--Display);
22637
- font-size: var(--pf-v5-c-pagination--c-menu-toggle--FontSize);
22611
+ .pf-v5-c-pagination .pf-v5-c-pagination__page-menu {
22612
+ display: var(--pf-v5-c-pagination__page-menu--Display);
22638
22613
  }
22639
22614
  .pf-v5-c-pagination.pf-m-bottom {
22640
- --pf-v5-c-pagination--child--MarginRight: var(--pf-v5-c-pagination--m-bottom--child--MarginRight);
22641
- --pf-v5-c-pagination__nav-control--c-button--PaddingRight: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
22642
- --pf-v5-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
22643
22615
  --pf-v5-c-pagination--m-sticky--BoxShadow: var(--pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow);
22644
22616
  --pf-v5-c-pagination--m-sticky--Top: auto;
22645
22617
  position: sticky;
22646
22618
  inset-block-end: var(--pf-v5-c-pagination--m-bottom--Bottom);
22647
22619
  justify-content: center;
22620
+ padding-inline-start: var(--pf-v5-c-pagination--m-bottom--PaddingLeft);
22621
+ padding-inline-end: var(--pf-v5-c-pagination--m-bottom--PaddingRight);
22648
22622
  background-color: var(--pf-v5-c-pagination--m-bottom--BackgroundColor);
22649
22623
  box-shadow: var(--pf-v5-c-pagination--m-bottom--BoxShadow);
22650
22624
  }
22651
- .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control .pf-v5-c-button {
22652
- --pf-v5-c-button--PaddingTop: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingTop);
22653
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingBottom);
22654
- outline-offset: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset);
22655
- }
22656
22625
  .pf-v5-c-pagination.pf-m-bottom.pf-m-static {
22657
22626
  --pf-v5-c-pagination--m-bottom--MarginTop: 0;
22658
22627
  --pf-v5-c-pagination--m-bottom--BorderTopWidth: 0;
@@ -22664,7 +22633,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22664
22633
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
22665
22634
  display: none;
22666
22635
  }
22667
- .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-menu-toggle {
22636
+ .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__page-menu {
22668
22637
  position: absolute;
22669
22638
  display: block;
22670
22639
  }
@@ -22682,8 +22651,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22682
22651
  justify-content: flex-end;
22683
22652
  padding-block-start: var(--pf-v5-c-pagination--m-bottom--md--PaddingTop);
22684
22653
  padding-block-end: var(--pf-v5-c-pagination--m-bottom--md--PaddingBottom);
22685
- padding-inline-start: var(--pf-v5-c-pagination--m-bottom--md--PaddingLeft);
22686
- padding-inline-end: var(--pf-v5-c-pagination--m-bottom--md--PaddingRight);
22687
22654
  }
22688
22655
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control.pf-m-first,
22689
22656
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control.pf-m-last,
@@ -22693,7 +22660,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22693
22660
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
22694
22661
  display: inline-flex;
22695
22662
  }
22696
- .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-menu-toggle {
22663
+ .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__page-menu {
22697
22664
  position: relative;
22698
22665
  }
22699
22666
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav {
@@ -22713,23 +22680,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22713
22680
  background-color: var(--pf-v5-c-pagination--m-sticky--BackgroundColor);
22714
22681
  box-shadow: var(--pf-v5-c-pagination--m-sticky--BoxShadow);
22715
22682
  }
22716
- @media screen and (min-width: 768px) {
22717
- .pf-v5-c-pagination.pf-m-sticky {
22718
- padding-block-start: var(--pf-v5-c-pagination--m-sticky--md--PaddingTop);
22719
- padding-block-end: var(--pf-v5-c-pagination--m-sticky--md--PaddingBottom);
22720
- padding-inline-start: var(--pf-v5-c-pagination--m-sticky--md--PaddingLeft);
22721
- padding-inline-end: var(--pf-v5-c-pagination--m-sticky--md--PaddingRight);
22722
- }
22723
- }
22724
- .pf-v5-c-pagination.pf-m-compact {
22725
- --pf-v5-c-pagination--child--MarginRight: var(--pf-v5-c-pagination--m-compact--child--MarginRight);
22726
- }
22727
22683
  .pf-v5-c-pagination.pf-m-page-insets {
22728
22684
  --pf-v5-c-pagination--inset: var(--pf-v5-c-pagination--m-page-insets--inset);
22729
22685
  }
22730
22686
 
22731
22687
  .pf-v5-c-pagination__nav {
22732
22688
  display: var(--pf-v5-c-pagination__nav--Display);
22689
+ column-gap: var(--pf-v5-c-pagination__nav--ColumnGap);
22733
22690
  justify-content: flex-end;
22734
22691
  }
22735
22692
 
@@ -22737,28 +22694,15 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22737
22694
  scale: -1 1;
22738
22695
  }
22739
22696
 
22740
- .pf-v5-c-pagination__nav-control .pf-v5-c-button {
22741
- padding-inline-start: var(--pf-v5-c-pagination__nav-control--c-button--PaddingLeft);
22742
- padding-inline-end: var(--pf-v5-c-pagination__nav-control--c-button--PaddingRight);
22743
- font-size: var(--pf-v5-c-pagination__nav-control--c-button--FontSize);
22744
- }
22745
- .pf-v5-c-pagination.pf-m-compact .pf-v5-c-pagination__nav-control + .pf-v5-c-pagination__nav-control {
22746
- margin-inline-start: var(--pf-v5-c-pagination--m-compact__nav-control--nav-control--MarginLeft);
22747
- }
22748
-
22749
22697
  .pf-v5-c-pagination__nav-page-select {
22750
22698
  display: flex;
22699
+ column-gap: var(--pf-v5-c-pagination__nav-page-select--ColumnGap);
22751
22700
  align-items: center;
22752
- padding-inline-start: var(--pf-v5-c-pagination__nav-page-select--PaddingLeft);
22753
- padding-inline-end: var(--pf-v5-c-pagination__nav-page-select--PaddingRight);
22754
22701
  }
22755
22702
  .pf-v5-c-pagination__nav-page-select > * {
22756
22703
  font-size: var(--pf-v5-c-pagination__nav-page-select--FontSize);
22757
22704
  white-space: nowrap;
22758
22705
  }
22759
- .pf-v5-c-pagination__nav-page-select > *:not(:last-child) {
22760
- margin-inline-end: var(--pf-v5-c-pagination__nav-page-select--child--MarginRight);
22761
- }
22762
22706
  .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control {
22763
22707
  width: var(--pf-v5-c-pagination__nav-page-select--c-form-control--Width);
22764
22708
  }
@@ -22768,12 +22712,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22768
22712
 
22769
22713
  .pf-v5-c-pagination.pf-m-display-summary {
22770
22714
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22771
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22715
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
22772
22716
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22773
22717
  }
22774
22718
  .pf-v5-c-pagination.pf-m-display-full {
22775
22719
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22776
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22720
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
22777
22721
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22778
22722
  }
22779
22723
  .pf-v5-c-pagination.pf-m-inset-none {
@@ -22797,12 +22741,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22797
22741
  @media (min-width: 576px) {
22798
22742
  .pf-v5-c-pagination.pf-m-display-summary-on-sm {
22799
22743
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22800
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22744
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
22801
22745
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22802
22746
  }
22803
22747
  .pf-v5-c-pagination.pf-m-display-full-on-sm {
22804
22748
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22805
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22749
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
22806
22750
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22807
22751
  }
22808
22752
  .pf-v5-c-pagination.pf-m-inset-none-on-sm {
@@ -22827,12 +22771,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22827
22771
  @media (min-width: 768px) {
22828
22772
  .pf-v5-c-pagination.pf-m-display-summary-on-md {
22829
22773
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22830
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22774
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
22831
22775
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22832
22776
  }
22833
22777
  .pf-v5-c-pagination.pf-m-display-full-on-md {
22834
22778
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22835
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22779
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
22836
22780
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22837
22781
  }
22838
22782
  .pf-v5-c-pagination.pf-m-inset-none-on-md {
@@ -22857,12 +22801,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22857
22801
  @media (min-width: 992px) {
22858
22802
  .pf-v5-c-pagination.pf-m-display-summary-on-lg {
22859
22803
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22860
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22804
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
22861
22805
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22862
22806
  }
22863
22807
  .pf-v5-c-pagination.pf-m-display-full-on-lg {
22864
22808
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22865
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22809
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
22866
22810
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22867
22811
  }
22868
22812
  .pf-v5-c-pagination.pf-m-inset-none-on-lg {
@@ -22887,12 +22831,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22887
22831
  @media (min-width: 1200px) {
22888
22832
  .pf-v5-c-pagination.pf-m-display-summary-on-xl {
22889
22833
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22890
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22834
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
22891
22835
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22892
22836
  }
22893
22837
  .pf-v5-c-pagination.pf-m-display-full-on-xl {
22894
22838
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22895
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22839
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
22896
22840
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22897
22841
  }
22898
22842
  .pf-v5-c-pagination.pf-m-inset-none-on-xl {
@@ -22917,12 +22861,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22917
22861
  @media (min-width: 1450px) {
22918
22862
  .pf-v5-c-pagination.pf-m-display-summary-on-2xl {
22919
22863
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22920
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22864
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
22921
22865
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22922
22866
  }
22923
22867
  .pf-v5-c-pagination.pf-m-display-full-on-2xl {
22924
22868
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22925
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22869
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
22926
22870
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22927
22871
  }
22928
22872
  .pf-v5-c-pagination.pf-m-inset-none-on-2xl {
@@ -22945,14 +22889,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22945
22889
  }
22946
22890
  }
22947
22891
 
22948
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
22949
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
22950
- }
22951
-
22952
- :where(.pf-theme-dark) .pf-v5-c-pagination {
22953
- --pf-v5-c-pagination--m-sticky--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22954
- }
22955
-
22956
22892
  .pf-v5-c-panel {
22957
22893
  --pf-v5-c-panel--Width: auto;
22958
22894
  --pf-v5-c-panel--MinWidth: auto;