@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/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": "6.0.0-alpha.31",
4
+ "version": "6.0.0-alpha.32",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -22426,116 +22426,85 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22426
22426
  flex: 1 0 auto;
22427
22427
  }
22428
22428
 
22429
- .pf-v5-c-pagination {
22429
+ :root {
22430
22430
  --pf-v5-c-pagination--inset: 0;
22431
- --pf-v5-c-pagination--PaddingRight: var(--pf-v5-c-pagination--inset);
22432
- --pf-v5-c-pagination--PaddingLeft: var(--pf-v5-c-pagination--inset);
22433
- --pf-v5-c-pagination--m-page-insets--inset: var(--pf-v5-global--spacer--md);
22434
- --pf-v5-c-pagination--m-page-insets--xl--inset: var(--pf-v5-global--spacer--lg);
22435
- --pf-v5-c-pagination--child--MarginRight: var(--pf-v5-global--spacer--lg);
22436
- --pf-v5-c-pagination--m-bottom--child--MarginRight: 0;
22437
- --pf-v5-c-pagination--m-bottom--child--md--MarginRight: var(--pf-v5-global--spacer--lg);
22438
- --pf-v5-c-pagination--m-compact--child--MarginRight: var(--pf-v5-global--spacer--sm);
22439
- --pf-v5-c-pagination--c-menu-toggle--FontSize: var(--pf-v5-global--FontSize--sm);
22431
+ --pf-v5-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
22432
+ --pf-v5-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--md);
22433
+ --pf-v5-c-pagination--m-page-insets--xl--inset: var(--pf-t--global--spacer--lg);
22440
22434
  --pf-v5-c-pagination__nav--Display: none;
22441
22435
  --pf-v5-c-pagination--m-display-summary__nav--Display: none;
22442
22436
  --pf-v5-c-pagination--m-display-full__nav--Display: inline-flex;
22443
- --pf-v5-c-pagination__nav-control--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
22444
- --pf-v5-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
22445
- --pf-v5-c-pagination__nav-control--c-button--FontSize: var(--pf-v5-global--FontSize--md);
22446
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(var(--pf-v5-global--spacer--xs) * -1);
22447
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-v5-global--spacer--md);
22448
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-v5-global--spacer--md);
22449
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-v5-global--spacer--md);
22450
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-v5-global--spacer--form-element);
22451
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-v5-global--spacer--sm);
22452
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-v5-global--spacer--form-element);
22453
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(--pf-v5-global--spacer--sm);
22454
- --pf-v5-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(--pf-v5-global--spacer--md);
22455
- --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-v5-global--FontSize--sm);
22456
- --pf-v5-c-pagination__nav-page-select--PaddingLeft: var(--pf-v5-global--spacer--md);
22457
- --pf-v5-c-pagination__nav-page-select--PaddingRight: var(--pf-v5-global--spacer--md);
22458
- --pf-v5-c-pagination__nav-page-select--child--MarginRight: var(--pf-v5-global--spacer--xs);
22459
- --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);
22437
+ --pf-v5-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
22438
+ --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--md);
22439
+ --pf-v5-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
22440
+ --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);
22460
22441
  --pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;
22461
22442
  --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));
22462
22443
  --pf-v5-c-pagination__total-items--Display: block;
22463
22444
  --pf-v5-c-pagination--m-display-summary__total-items--Display: block;
22464
22445
  --pf-v5-c-pagination--m-display-full__total-items--Display: none;
22465
- --pf-v5-c-pagination--m-sticky--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
22466
- --pf-v5-c-pagination--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
22467
- --pf-v5-c-pagination--m-sticky--md--PaddingTop: var(--pf-v5-global--spacer--md);
22468
- --pf-v5-c-pagination--m-sticky--md--PaddingRight: var(--pf-v5-global--spacer--md);
22469
- --pf-v5-c-pagination--m-sticky--md--PaddingBottom: var(--pf-v5-global--spacer--md);
22470
- --pf-v5-c-pagination--m-sticky--md--PaddingLeft: var(--pf-v5-global--spacer--md);
22471
- --pf-v5-c-pagination--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--xs);
22446
+ --pf-v5-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22447
+ --pf-v5-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
22448
+ --pf-v5-c-pagination--m-sticky--PaddingTop: var(--pf-t--global--spacer--md);
22449
+ --pf-v5-c-pagination--m-sticky--PaddingRight: var(--pf-t--global--spacer--lg);
22450
+ --pf-v5-c-pagination--m-sticky--PaddingBottom: var(--pf-t--global--spacer--md);
22451
+ --pf-v5-c-pagination--m-sticky--PaddingLeft: var(--pf-t--global--spacer--lg);
22452
+ --pf-v5-c-pagination--m-sticky--ZIndex: 100;
22472
22453
  --pf-v5-c-pagination--m-sticky--Top: 0;
22473
- --pf-v5-c-pagination--m-bottom--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
22474
- --pf-v5-c-pagination--m-bottom--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
22454
+ --pf-v5-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22455
+ --pf-v5-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
22475
22456
  --pf-v5-c-pagination--m-bottom--Bottom: 0;
22476
- --pf-v5-c-pagination--m-bottom--md--PaddingTop: var(--pf-v5-global--spacer--md);
22477
- --pf-v5-c-pagination--m-bottom--md--PaddingRight: var(--pf-v5-global--spacer--md);
22478
- --pf-v5-c-pagination--m-bottom--md--PaddingBottom: var(--pf-v5-global--spacer--md);
22479
- --pf-v5-c-pagination--m-bottom--md--PaddingLeft: var(--pf-v5-global--spacer--md);
22480
- --pf-v5-c-pagination--m-bottom--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
22481
- --pf-v5-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
22482
- --pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
22483
- --pf-v5-c-pagination--c-menu-toggle--Display: none;
22484
- --pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display: none;
22485
- --pf-v5-c-pagination--m-display-full--c-menu-toggle--Display: inline-flex;
22486
- display: flex;
22487
- flex-wrap: wrap;
22488
- align-items: center;
22489
- justify-content: flex-end;
22490
- padding-inline-start: var(--pf-v5-c-pagination--PaddingLeft);
22491
- padding-inline-end: var(--pf-v5-c-pagination--PaddingRight);
22457
+ --pf-v5-c-pagination--m-bottom--PaddingRight: var(--pf-t--global--spacer--lg);
22458
+ --pf-v5-c-pagination--m-bottom--PaddingLeft: var(--pf-t--global--spacer--lg);
22459
+ --pf-v5-c-pagination--m-bottom--md--PaddingTop: var(--pf-t--global--spacer--md);
22460
+ --pf-v5-c-pagination--m-bottom--md--PaddingBottom: var(--pf-t--global--spacer--md);
22461
+ --pf-v5-c-pagination--m-bottom--xl--PaddingRight: var(--pf-t--global--spacer--lg);
22462
+ --pf-v5-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-t--global--spacer--lg);
22463
+ --pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
22464
+ --pf-v5-c-pagination__page-menu--Display: none;
22465
+ --pf-v5-c-pagination--m-display-summary__page-menu--Display: none;
22466
+ --pf-v5-c-pagination--m-display-full__page-menu--Display: inline-flex;
22492
22467
  }
22493
22468
  @media screen and (min-width: 768px) {
22494
- .pf-v5-c-pagination {
22495
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop);
22496
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight);
22497
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom);
22498
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft);
22499
- --pf-v5-c-pagination--m-bottom--child--MarginRight: var(--pf-v5-c-pagination--m-bottom--child--md--MarginRight);
22500
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
22469
+ :root {
22501
22470
  --pf-v5-c-pagination--m-bottom--BoxShadow: none;
22502
- --pf-v5-c-pagination--c-menu-toggle--Display: inline-flex;
22471
+ --pf-v5-c-pagination__page-menu--Display: inline-flex;
22503
22472
  --pf-v5-c-pagination__nav--Display: inline-flex;
22504
22473
  --pf-v5-c-pagination__total-items--Display: none;
22505
22474
  }
22506
22475
  }
22507
22476
  @media screen and (min-width: 1200px) {
22508
- .pf-v5-c-pagination {
22509
- --pf-v5-c-pagination--m-bottom--md--PaddingRight: var(--pf-v5-c-pagination--m-bottom--xl--PaddingRight);
22510
- --pf-v5-c-pagination--m-bottom--md--PaddingLeft: var(--pf-v5-c-pagination--m-bottom--xl--PaddingLeft);
22477
+ :root {
22478
+ --pf-v5-c-pagination--m-bottom--PaddingRight: var(--pf-v5-c-pagination--m-bottom--xl--PaddingRight);
22479
+ --pf-v5-c-pagination--m-bottom--PaddingLeft: var(--pf-v5-c-pagination--m-bottom--xl--PaddingLeft);
22511
22480
  --pf-v5-c-pagination__scroll-button--Width: var(--pf-v5-c-pagination__scroll-button--xl--Width);
22512
22481
  --pf-v5-c-pagination--m-page-insets--inset: var(--pf-v5-c-pagination--m-page-insets--xl--inset);
22513
22482
  }
22514
22483
  }
22515
- .pf-v5-c-pagination > *:not(:last-child):not(.pf-v5-c-pagination__total-items) {
22516
- margin-inline-end: var(--pf-v5-c-pagination--child--MarginRight);
22484
+
22485
+ .pf-v5-c-pagination {
22486
+ display: flex;
22487
+ flex-wrap: wrap;
22488
+ column-gap: var(--pf-v5-c-pagination--ColumnGap);
22489
+ align-items: center;
22490
+ justify-content: flex-end;
22491
+ padding-inline-start: var(--pf-v5-c-pagination--inset);
22492
+ padding-inline-end: var(--pf-v5-c-pagination--inset);
22517
22493
  }
22518
- .pf-v5-c-pagination .pf-v5-c-menu-toggle {
22519
- display: var(--pf-v5-c-pagination--c-menu-toggle--Display);
22520
- font-size: var(--pf-v5-c-pagination--c-menu-toggle--FontSize);
22494
+ .pf-v5-c-pagination .pf-v5-c-pagination__page-menu {
22495
+ display: var(--pf-v5-c-pagination__page-menu--Display);
22521
22496
  }
22522
22497
  .pf-v5-c-pagination.pf-m-bottom {
22523
- --pf-v5-c-pagination--child--MarginRight: var(--pf-v5-c-pagination--m-bottom--child--MarginRight);
22524
- --pf-v5-c-pagination__nav-control--c-button--PaddingRight: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
22525
- --pf-v5-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
22526
22498
  --pf-v5-c-pagination--m-sticky--BoxShadow: var(--pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow);
22527
22499
  --pf-v5-c-pagination--m-sticky--Top: auto;
22528
22500
  position: sticky;
22529
22501
  inset-block-end: var(--pf-v5-c-pagination--m-bottom--Bottom);
22530
22502
  justify-content: center;
22503
+ padding-inline-start: var(--pf-v5-c-pagination--m-bottom--PaddingLeft);
22504
+ padding-inline-end: var(--pf-v5-c-pagination--m-bottom--PaddingRight);
22531
22505
  background-color: var(--pf-v5-c-pagination--m-bottom--BackgroundColor);
22532
22506
  box-shadow: var(--pf-v5-c-pagination--m-bottom--BoxShadow);
22533
22507
  }
22534
- .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control .pf-v5-c-button {
22535
- --pf-v5-c-button--PaddingTop: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingTop);
22536
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingBottom);
22537
- outline-offset: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset);
22538
- }
22539
22508
  .pf-v5-c-pagination.pf-m-bottom.pf-m-static {
22540
22509
  --pf-v5-c-pagination--m-bottom--MarginTop: 0;
22541
22510
  --pf-v5-c-pagination--m-bottom--BorderTopWidth: 0;
@@ -22547,7 +22516,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22547
22516
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
22548
22517
  display: none;
22549
22518
  }
22550
- .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-menu-toggle {
22519
+ .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__page-menu {
22551
22520
  position: absolute;
22552
22521
  display: block;
22553
22522
  }
@@ -22565,8 +22534,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22565
22534
  justify-content: flex-end;
22566
22535
  padding-block-start: var(--pf-v5-c-pagination--m-bottom--md--PaddingTop);
22567
22536
  padding-block-end: var(--pf-v5-c-pagination--m-bottom--md--PaddingBottom);
22568
- padding-inline-start: var(--pf-v5-c-pagination--m-bottom--md--PaddingLeft);
22569
- padding-inline-end: var(--pf-v5-c-pagination--m-bottom--md--PaddingRight);
22570
22537
  }
22571
22538
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control.pf-m-first,
22572
22539
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control.pf-m-last,
@@ -22576,7 +22543,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22576
22543
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
22577
22544
  display: inline-flex;
22578
22545
  }
22579
- .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-menu-toggle {
22546
+ .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__page-menu {
22580
22547
  position: relative;
22581
22548
  }
22582
22549
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav {
@@ -22596,23 +22563,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22596
22563
  background-color: var(--pf-v5-c-pagination--m-sticky--BackgroundColor);
22597
22564
  box-shadow: var(--pf-v5-c-pagination--m-sticky--BoxShadow);
22598
22565
  }
22599
- @media screen and (min-width: 768px) {
22600
- .pf-v5-c-pagination.pf-m-sticky {
22601
- padding-block-start: var(--pf-v5-c-pagination--m-sticky--md--PaddingTop);
22602
- padding-block-end: var(--pf-v5-c-pagination--m-sticky--md--PaddingBottom);
22603
- padding-inline-start: var(--pf-v5-c-pagination--m-sticky--md--PaddingLeft);
22604
- padding-inline-end: var(--pf-v5-c-pagination--m-sticky--md--PaddingRight);
22605
- }
22606
- }
22607
- .pf-v5-c-pagination.pf-m-compact {
22608
- --pf-v5-c-pagination--child--MarginRight: var(--pf-v5-c-pagination--m-compact--child--MarginRight);
22609
- }
22610
22566
  .pf-v5-c-pagination.pf-m-page-insets {
22611
22567
  --pf-v5-c-pagination--inset: var(--pf-v5-c-pagination--m-page-insets--inset);
22612
22568
  }
22613
22569
 
22614
22570
  .pf-v5-c-pagination__nav {
22615
22571
  display: var(--pf-v5-c-pagination__nav--Display);
22572
+ column-gap: var(--pf-v5-c-pagination__nav--ColumnGap);
22616
22573
  justify-content: flex-end;
22617
22574
  }
22618
22575
 
@@ -22620,28 +22577,15 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22620
22577
  scale: -1 1;
22621
22578
  }
22622
22579
 
22623
- .pf-v5-c-pagination__nav-control .pf-v5-c-button {
22624
- padding-inline-start: var(--pf-v5-c-pagination__nav-control--c-button--PaddingLeft);
22625
- padding-inline-end: var(--pf-v5-c-pagination__nav-control--c-button--PaddingRight);
22626
- font-size: var(--pf-v5-c-pagination__nav-control--c-button--FontSize);
22627
- }
22628
- .pf-v5-c-pagination.pf-m-compact .pf-v5-c-pagination__nav-control + .pf-v5-c-pagination__nav-control {
22629
- margin-inline-start: var(--pf-v5-c-pagination--m-compact__nav-control--nav-control--MarginLeft);
22630
- }
22631
-
22632
22580
  .pf-v5-c-pagination__nav-page-select {
22633
22581
  display: flex;
22582
+ column-gap: var(--pf-v5-c-pagination__nav-page-select--ColumnGap);
22634
22583
  align-items: center;
22635
- padding-inline-start: var(--pf-v5-c-pagination__nav-page-select--PaddingLeft);
22636
- padding-inline-end: var(--pf-v5-c-pagination__nav-page-select--PaddingRight);
22637
22584
  }
22638
22585
  .pf-v5-c-pagination__nav-page-select > * {
22639
22586
  font-size: var(--pf-v5-c-pagination__nav-page-select--FontSize);
22640
22587
  white-space: nowrap;
22641
22588
  }
22642
- .pf-v5-c-pagination__nav-page-select > *:not(:last-child) {
22643
- margin-inline-end: var(--pf-v5-c-pagination__nav-page-select--child--MarginRight);
22644
- }
22645
22589
  .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control {
22646
22590
  width: var(--pf-v5-c-pagination__nav-page-select--c-form-control--Width);
22647
22591
  }
@@ -22651,12 +22595,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22651
22595
 
22652
22596
  .pf-v5-c-pagination.pf-m-display-summary {
22653
22597
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22654
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22598
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
22655
22599
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22656
22600
  }
22657
22601
  .pf-v5-c-pagination.pf-m-display-full {
22658
22602
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22659
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22603
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
22660
22604
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22661
22605
  }
22662
22606
  .pf-v5-c-pagination.pf-m-inset-none {
@@ -22680,12 +22624,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22680
22624
  @media (min-width: 576px) {
22681
22625
  .pf-v5-c-pagination.pf-m-display-summary-on-sm {
22682
22626
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22683
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22627
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
22684
22628
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22685
22629
  }
22686
22630
  .pf-v5-c-pagination.pf-m-display-full-on-sm {
22687
22631
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22688
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22632
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
22689
22633
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22690
22634
  }
22691
22635
  .pf-v5-c-pagination.pf-m-inset-none-on-sm {
@@ -22710,12 +22654,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22710
22654
  @media (min-width: 768px) {
22711
22655
  .pf-v5-c-pagination.pf-m-display-summary-on-md {
22712
22656
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22713
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22657
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
22714
22658
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22715
22659
  }
22716
22660
  .pf-v5-c-pagination.pf-m-display-full-on-md {
22717
22661
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22718
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22662
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
22719
22663
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22720
22664
  }
22721
22665
  .pf-v5-c-pagination.pf-m-inset-none-on-md {
@@ -22740,12 +22684,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22740
22684
  @media (min-width: 992px) {
22741
22685
  .pf-v5-c-pagination.pf-m-display-summary-on-lg {
22742
22686
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22743
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22687
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
22744
22688
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22745
22689
  }
22746
22690
  .pf-v5-c-pagination.pf-m-display-full-on-lg {
22747
22691
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22748
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22692
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
22749
22693
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22750
22694
  }
22751
22695
  .pf-v5-c-pagination.pf-m-inset-none-on-lg {
@@ -22770,12 +22714,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22770
22714
  @media (min-width: 1200px) {
22771
22715
  .pf-v5-c-pagination.pf-m-display-summary-on-xl {
22772
22716
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22773
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22717
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
22774
22718
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22775
22719
  }
22776
22720
  .pf-v5-c-pagination.pf-m-display-full-on-xl {
22777
22721
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22778
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22722
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
22779
22723
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22780
22724
  }
22781
22725
  .pf-v5-c-pagination.pf-m-inset-none-on-xl {
@@ -22800,12 +22744,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22800
22744
  @media (min-width: 1450px) {
22801
22745
  .pf-v5-c-pagination.pf-m-display-summary-on-2xl {
22802
22746
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22803
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
22747
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
22804
22748
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22805
22749
  }
22806
22750
  .pf-v5-c-pagination.pf-m-display-full-on-2xl {
22807
22751
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22808
- --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
22752
+ --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
22809
22753
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22810
22754
  }
22811
22755
  .pf-v5-c-pagination.pf-m-inset-none-on-2xl {
@@ -22828,14 +22772,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22828
22772
  }
22829
22773
  }
22830
22774
 
22831
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
22832
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
22833
- }
22834
-
22835
- :where(.pf-v5-theme-dark) .pf-v5-c-pagination {
22836
- --pf-v5-c-pagination--m-sticky--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22837
- }
22838
-
22839
22775
  .pf-v5-c-panel {
22840
22776
  --pf-v5-c-panel--Width: auto;
22841
22777
  --pf-v5-c-panel--MinWidth: auto;