@patternfly/patternfly 6.0.0-alpha.30 → 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 (19) hide show
  1. package/components/HelperText/helper-text.css +28 -34
  2. package/components/HelperText/helper-text.scss +30 -40
  3. package/components/Pagination/pagination.css +61 -121
  4. package/components/Pagination/pagination.scss +48 -127
  5. package/docs/components/Pagination/examples/Pagination.md +663 -637
  6. package/docs/components/Toolbar/examples/Toolbar.md +102 -100
  7. package/docs/demos/CardView/examples/CardView.md +102 -98
  8. package/docs/demos/DataList/examples/DataList.md +408 -392
  9. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +319 -299
  10. package/docs/demos/Table/examples/Table.md +1239 -1193
  11. package/docs/demos/Toolbar/examples/Toolbar.md +408 -392
  12. package/package.json +1 -1
  13. package/patternfly-no-globals.css +89 -163
  14. package/patternfly-theme-dark-unversioned.css +89 -163
  15. package/patternfly.css +89 -163
  16. package/patternfly.min.css +1 -1
  17. package/patternfly.min.css.map +1 -1
  18. package/components/HelperText/themes/dark/helper-text.scss +0 -7
  19. 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.30",
4
+ "version": "6.0.0-alpha.32",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -16001,30 +16001,31 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16001
16001
  margin-inline-end: var(--pf-v5-c-hint__footer--child--MarginRight);
16002
16002
  }
16003
16003
 
16004
+ :root {
16005
+ --pf-v5-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
16006
+ --pf-v5-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
16007
+ --pf-v5-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
16008
+ --pf-v5-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
16009
+ --pf-v5-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body);
16010
+ --pf-v5-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
16011
+ --pf-v5-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
16012
+ --pf-v5-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
16013
+ --pf-v5-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
16014
+ --pf-v5-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
16015
+ --pf-v5-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
16016
+ --pf-v5-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
16017
+ --pf-v5-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
16018
+ --pf-v5-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
16019
+ --pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
16020
+ --pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
16021
+ --pf-v5-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
16022
+ --pf-v5-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
16023
+ --pf-v5-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
16024
+ --pf-v5-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
16025
+ --pf-v5-c-helper-text__item-icon--MarginRight: var(--pf-t--global--spacer--xs);
16026
+ }
16027
+
16004
16028
  .pf-v5-c-helper-text {
16005
- --pf-v5-c-helper-text--Gap: var(--pf-v5-global--spacer--xs);
16006
- --pf-v5-c-helper-text--FontSize: var(--pf-v5-global--FontSize--sm);
16007
- --pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-global--Color--100);
16008
- --pf-v5-c-helper-text__item-text--Color: var(--pf-v5-global--Color--100);
16009
- --pf-v5-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-v5-global--Color--200);
16010
- --pf-v5-c-helper-text__item-text--m-indeterminate--Color: var(--pf-v5-global--Color--200);
16011
- --pf-v5-c-helper-text__item-icon--m-warning--Color: var(--pf-v5-global--warning-color--100);
16012
- --pf-v5-c-helper-text__item-text--m-warning--Color: var(--pf-v5-global--warning-color--200);
16013
- --pf-v5-c-helper-text__item-icon--m-success--Color: var(--pf-v5-global--success-color--100);
16014
- --pf-v5-c-helper-text__item-text--m-success--Color: var(--pf-v5-global--success-color--200);
16015
- --pf-v5-c-helper-text__item-icon--m-error--Color: var(--pf-v5-global--danger-color--100);
16016
- --pf-v5-c-helper-text__item-text--m-error--Color: var(--pf-v5-global--danger-color--200);
16017
- --pf-v5-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v5-global--Color--100);
16018
- --pf-v5-c-helper-text--m-dynamic__item-text--Color: var(--pf-v5-global--Color--100);
16019
- --pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-v5-global--Color--200);
16020
- --pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-v5-global--Color--200);
16021
- --pf-v5-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-v5-global--warning-color--100);
16022
- --pf-v5-c-helper-text--m-dynamic--m-warning__item-text--Color: var(--pf-v5-global--Color--200);
16023
- --pf-v5-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-v5-global--success-color--100);
16024
- --pf-v5-c-helper-text--m-dynamic--m-success__item-text--Color: var(--pf-v5-global--Color--200);
16025
- --pf-v5-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-v5-global--danger-color--100);
16026
- --pf-v5-c-helper-text--m-dynamic--m-error__item-text--Color: var(--pf-v5-global--Color--100);
16027
- --pf-v5-c-helper-text__item-icon--MarginRight: var(--pf-v5-global--spacer--xs);
16028
16029
  display: grid;
16029
16030
  gap: var(--pf-v5-c-helper-text--Gap);
16030
16031
  font-size: var(--pf-v5-c-helper-text--FontSize);
@@ -16036,6 +16037,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16036
16037
 
16037
16038
  .pf-v5-c-helper-text__item {
16038
16039
  display: flex;
16040
+ font-weight: var(--pf-v5-c-helper-text__item-text--FontWeight);
16039
16041
  }
16040
16042
  .pf-v5-c-helper-text__item.pf-m-indeterminate {
16041
16043
  --pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-c-helper-text__item-icon--m-indeterminate--Color);
@@ -16044,25 +16046,21 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16044
16046
  --pf-v5-c-helper-text--m-dynamic__item-text--Color: var(--pf-v5-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
16045
16047
  }
16046
16048
  .pf-v5-c-helper-text__item.pf-m-warning {
16049
+ --pf-v5-c-helper-text__item-text--FontWeight: var(--pf-v5-c-helper-text__item-text--m-warning--FontWeight);
16047
16050
  --pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-c-helper-text__item-icon--m-warning--Color);
16048
- --pf-v5-c-helper-text__item-text--Color: var(--pf-v5-c-helper-text__item-text--m-warning--Color);
16049
16051
  --pf-v5-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v5-c-helper-text--m-dynamic--m-warning__item-icon--Color);
16050
- --pf-v5-c-helper-text--m-dynamic__item-text--Color: var(--pf-v5-c-helper-text--m-dynamic--m-warning__item-text--Color);
16051
16052
  }
16052
16053
  .pf-v5-c-helper-text__item.pf-m-success {
16054
+ --pf-v5-c-helper-text__item-text--FontWeight: var(--pf-v5-c-helper-text__item-text--m-success--FontWeight);
16053
16055
  --pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-c-helper-text__item-icon--m-success--Color);
16054
- --pf-v5-c-helper-text__item-text--Color: var(--pf-v5-c-helper-text__item-text--m-success--Color);
16055
16056
  --pf-v5-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v5-c-helper-text--m-dynamic--m-success__item-icon--Color);
16056
- --pf-v5-c-helper-text--m-dynamic__item-text--Color: var(--pf-v5-c-helper-text--m-dynamic--m-success__item-text--Color);
16057
16057
  }
16058
16058
  .pf-v5-c-helper-text__item.pf-m-error {
16059
+ --pf-v5-c-helper-text__item-text--FontWeight: var(--pf-v5-c-helper-text__item-text--m-error--FontWeight);
16059
16060
  --pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-c-helper-text__item-icon--m-error--Color);
16060
- --pf-v5-c-helper-text__item-text--Color: var(--pf-v5-c-helper-text__item-text--m-error--Color);
16061
16061
  --pf-v5-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v5-c-helper-text--m-dynamic--m-error__item-icon--Color);
16062
- --pf-v5-c-helper-text--m-dynamic__item-text--Color: var(--pf-v5-c-helper-text--m-dynamic--m-error__item-text--Color);
16063
16062
  }
16064
16063
  .pf-v5-c-helper-text__item.pf-m-dynamic {
16065
- --pf-v5-c-helper-text__item-text--Color: var(--pf-v5-c-helper-text--m-dynamic__item-text--Color);
16066
16064
  --pf-v5-c-helper-text__item-icon--Color: var(--pf-v5-c-helper-text--m-dynamic__item-icon--Color);
16067
16065
  }
16068
16066
 
@@ -16075,14 +16073,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
16075
16073
  color: var(--pf-v5-c-helper-text__item-text--Color);
16076
16074
  }
16077
16075
 
16078
- :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 {
16079
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
16080
- }
16081
-
16082
- :where(.pf-v5-theme-dark) .pf-v5-c-helper-text {
16083
- --pf-v5-c-helper-text__item-text--m-success--Color: var(--pf-v5-global--success-color--100);
16084
- }
16085
-
16086
16076
  .pf-v5-c-icon {
16087
16077
  --pf-v5-c-icon--Width: 1em;
16088
16078
  --pf-v5-c-icon--Height: 1em;
@@ -22436,116 +22426,85 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22436
22426
  flex: 1 0 auto;
22437
22427
  }
22438
22428
 
22439
- .pf-v5-c-pagination {
22429
+ :root {
22440
22430
  --pf-v5-c-pagination--inset: 0;
22441
- --pf-v5-c-pagination--PaddingRight: var(--pf-v5-c-pagination--inset);
22442
- --pf-v5-c-pagination--PaddingLeft: var(--pf-v5-c-pagination--inset);
22443
- --pf-v5-c-pagination--m-page-insets--inset: var(--pf-v5-global--spacer--md);
22444
- --pf-v5-c-pagination--m-page-insets--xl--inset: var(--pf-v5-global--spacer--lg);
22445
- --pf-v5-c-pagination--child--MarginRight: var(--pf-v5-global--spacer--lg);
22446
- --pf-v5-c-pagination--m-bottom--child--MarginRight: 0;
22447
- --pf-v5-c-pagination--m-bottom--child--md--MarginRight: var(--pf-v5-global--spacer--lg);
22448
- --pf-v5-c-pagination--m-compact--child--MarginRight: var(--pf-v5-global--spacer--sm);
22449
- --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);
22450
22434
  --pf-v5-c-pagination__nav--Display: none;
22451
22435
  --pf-v5-c-pagination--m-display-summary__nav--Display: none;
22452
22436
  --pf-v5-c-pagination--m-display-full__nav--Display: inline-flex;
22453
- --pf-v5-c-pagination__nav-control--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
22454
- --pf-v5-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
22455
- --pf-v5-c-pagination__nav-control--c-button--FontSize: var(--pf-v5-global--FontSize--md);
22456
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(var(--pf-v5-global--spacer--xs) * -1);
22457
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-v5-global--spacer--md);
22458
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-v5-global--spacer--md);
22459
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-v5-global--spacer--md);
22460
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-v5-global--spacer--form-element);
22461
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-v5-global--spacer--sm);
22462
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-v5-global--spacer--form-element);
22463
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(--pf-v5-global--spacer--sm);
22464
- --pf-v5-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(--pf-v5-global--spacer--md);
22465
- --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-v5-global--FontSize--sm);
22466
- --pf-v5-c-pagination__nav-page-select--PaddingLeft: var(--pf-v5-global--spacer--md);
22467
- --pf-v5-c-pagination__nav-page-select--PaddingRight: var(--pf-v5-global--spacer--md);
22468
- --pf-v5-c-pagination__nav-page-select--child--MarginRight: var(--pf-v5-global--spacer--xs);
22469
- --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);
22470
22441
  --pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;
22471
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));
22472
22443
  --pf-v5-c-pagination__total-items--Display: block;
22473
22444
  --pf-v5-c-pagination--m-display-summary__total-items--Display: block;
22474
22445
  --pf-v5-c-pagination--m-display-full__total-items--Display: none;
22475
- --pf-v5-c-pagination--m-sticky--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
22476
- --pf-v5-c-pagination--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
22477
- --pf-v5-c-pagination--m-sticky--md--PaddingTop: var(--pf-v5-global--spacer--md);
22478
- --pf-v5-c-pagination--m-sticky--md--PaddingRight: var(--pf-v5-global--spacer--md);
22479
- --pf-v5-c-pagination--m-sticky--md--PaddingBottom: var(--pf-v5-global--spacer--md);
22480
- --pf-v5-c-pagination--m-sticky--md--PaddingLeft: var(--pf-v5-global--spacer--md);
22481
- --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;
22482
22453
  --pf-v5-c-pagination--m-sticky--Top: 0;
22483
- --pf-v5-c-pagination--m-bottom--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
22484
- --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);
22485
22456
  --pf-v5-c-pagination--m-bottom--Bottom: 0;
22486
- --pf-v5-c-pagination--m-bottom--md--PaddingTop: var(--pf-v5-global--spacer--md);
22487
- --pf-v5-c-pagination--m-bottom--md--PaddingRight: var(--pf-v5-global--spacer--md);
22488
- --pf-v5-c-pagination--m-bottom--md--PaddingBottom: var(--pf-v5-global--spacer--md);
22489
- --pf-v5-c-pagination--m-bottom--md--PaddingLeft: var(--pf-v5-global--spacer--md);
22490
- --pf-v5-c-pagination--m-bottom--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
22491
- --pf-v5-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
22492
- --pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
22493
- --pf-v5-c-pagination--c-menu-toggle--Display: none;
22494
- --pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display: none;
22495
- --pf-v5-c-pagination--m-display-full--c-menu-toggle--Display: inline-flex;
22496
- display: flex;
22497
- flex-wrap: wrap;
22498
- align-items: center;
22499
- justify-content: flex-end;
22500
- padding-inline-start: var(--pf-v5-c-pagination--PaddingLeft);
22501
- 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;
22502
22467
  }
22503
22468
  @media screen and (min-width: 768px) {
22504
- .pf-v5-c-pagination {
22505
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop);
22506
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight);
22507
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom);
22508
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft);
22509
- --pf-v5-c-pagination--m-bottom--child--MarginRight: var(--pf-v5-c-pagination--m-bottom--child--md--MarginRight);
22510
- --pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
22469
+ :root {
22511
22470
  --pf-v5-c-pagination--m-bottom--BoxShadow: none;
22512
- --pf-v5-c-pagination--c-menu-toggle--Display: inline-flex;
22471
+ --pf-v5-c-pagination__page-menu--Display: inline-flex;
22513
22472
  --pf-v5-c-pagination__nav--Display: inline-flex;
22514
22473
  --pf-v5-c-pagination__total-items--Display: none;
22515
22474
  }
22516
22475
  }
22517
22476
  @media screen and (min-width: 1200px) {
22518
- .pf-v5-c-pagination {
22519
- --pf-v5-c-pagination--m-bottom--md--PaddingRight: var(--pf-v5-c-pagination--m-bottom--xl--PaddingRight);
22520
- --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);
22521
22480
  --pf-v5-c-pagination__scroll-button--Width: var(--pf-v5-c-pagination__scroll-button--xl--Width);
22522
22481
  --pf-v5-c-pagination--m-page-insets--inset: var(--pf-v5-c-pagination--m-page-insets--xl--inset);
22523
22482
  }
22524
22483
  }
22525
- .pf-v5-c-pagination > *:not(:last-child):not(.pf-v5-c-pagination__total-items) {
22526
- 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);
22527
22493
  }
22528
- .pf-v5-c-pagination .pf-v5-c-menu-toggle {
22529
- display: var(--pf-v5-c-pagination--c-menu-toggle--Display);
22530
- 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);
22531
22496
  }
22532
22497
  .pf-v5-c-pagination.pf-m-bottom {
22533
- --pf-v5-c-pagination--child--MarginRight: var(--pf-v5-c-pagination--m-bottom--child--MarginRight);
22534
- --pf-v5-c-pagination__nav-control--c-button--PaddingRight: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
22535
- --pf-v5-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
22536
22498
  --pf-v5-c-pagination--m-sticky--BoxShadow: var(--pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow);
22537
22499
  --pf-v5-c-pagination--m-sticky--Top: auto;
22538
22500
  position: sticky;
22539
22501
  inset-block-end: var(--pf-v5-c-pagination--m-bottom--Bottom);
22540
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);
22541
22505
  background-color: var(--pf-v5-c-pagination--m-bottom--BackgroundColor);
22542
22506
  box-shadow: var(--pf-v5-c-pagination--m-bottom--BoxShadow);
22543
22507
  }
22544
- .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control .pf-v5-c-button {
22545
- --pf-v5-c-button--PaddingTop: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingTop);
22546
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingBottom);
22547
- outline-offset: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset);
22548
- }
22549
22508
  .pf-v5-c-pagination.pf-m-bottom.pf-m-static {
22550
22509
  --pf-v5-c-pagination--m-bottom--MarginTop: 0;
22551
22510
  --pf-v5-c-pagination--m-bottom--BorderTopWidth: 0;
@@ -22557,7 +22516,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22557
22516
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
22558
22517
  display: none;
22559
22518
  }
22560
- .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 {
22561
22520
  position: absolute;
22562
22521
  display: block;
22563
22522
  }
@@ -22575,8 +22534,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22575
22534
  justify-content: flex-end;
22576
22535
  padding-block-start: var(--pf-v5-c-pagination--m-bottom--md--PaddingTop);
22577
22536
  padding-block-end: var(--pf-v5-c-pagination--m-bottom--md--PaddingBottom);
22578
- padding-inline-start: var(--pf-v5-c-pagination--m-bottom--md--PaddingLeft);
22579
- padding-inline-end: var(--pf-v5-c-pagination--m-bottom--md--PaddingRight);
22580
22537
  }
22581
22538
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control.pf-m-first,
22582
22539
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control.pf-m-last,
@@ -22586,7 +22543,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22586
22543
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
22587
22544
  display: inline-flex;
22588
22545
  }
22589
- .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 {
22590
22547
  position: relative;
22591
22548
  }
22592
22549
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav {
@@ -22606,23 +22563,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22606
22563
  background-color: var(--pf-v5-c-pagination--m-sticky--BackgroundColor);
22607
22564
  box-shadow: var(--pf-v5-c-pagination--m-sticky--BoxShadow);
22608
22565
  }
22609
- @media screen and (min-width: 768px) {
22610
- .pf-v5-c-pagination.pf-m-sticky {
22611
- padding-block-start: var(--pf-v5-c-pagination--m-sticky--md--PaddingTop);
22612
- padding-block-end: var(--pf-v5-c-pagination--m-sticky--md--PaddingBottom);
22613
- padding-inline-start: var(--pf-v5-c-pagination--m-sticky--md--PaddingLeft);
22614
- padding-inline-end: var(--pf-v5-c-pagination--m-sticky--md--PaddingRight);
22615
- }
22616
- }
22617
- .pf-v5-c-pagination.pf-m-compact {
22618
- --pf-v5-c-pagination--child--MarginRight: var(--pf-v5-c-pagination--m-compact--child--MarginRight);
22619
- }
22620
22566
  .pf-v5-c-pagination.pf-m-page-insets {
22621
22567
  --pf-v5-c-pagination--inset: var(--pf-v5-c-pagination--m-page-insets--inset);
22622
22568
  }
22623
22569
 
22624
22570
  .pf-v5-c-pagination__nav {
22625
22571
  display: var(--pf-v5-c-pagination__nav--Display);
22572
+ column-gap: var(--pf-v5-c-pagination__nav--ColumnGap);
22626
22573
  justify-content: flex-end;
22627
22574
  }
22628
22575
 
@@ -22630,28 +22577,15 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22630
22577
  scale: -1 1;
22631
22578
  }
22632
22579
 
22633
- .pf-v5-c-pagination__nav-control .pf-v5-c-button {
22634
- padding-inline-start: var(--pf-v5-c-pagination__nav-control--c-button--PaddingLeft);
22635
- padding-inline-end: var(--pf-v5-c-pagination__nav-control--c-button--PaddingRight);
22636
- font-size: var(--pf-v5-c-pagination__nav-control--c-button--FontSize);
22637
- }
22638
- .pf-v5-c-pagination.pf-m-compact .pf-v5-c-pagination__nav-control + .pf-v5-c-pagination__nav-control {
22639
- margin-inline-start: var(--pf-v5-c-pagination--m-compact__nav-control--nav-control--MarginLeft);
22640
- }
22641
-
22642
22580
  .pf-v5-c-pagination__nav-page-select {
22643
22581
  display: flex;
22582
+ column-gap: var(--pf-v5-c-pagination__nav-page-select--ColumnGap);
22644
22583
  align-items: center;
22645
- padding-inline-start: var(--pf-v5-c-pagination__nav-page-select--PaddingLeft);
22646
- padding-inline-end: var(--pf-v5-c-pagination__nav-page-select--PaddingRight);
22647
22584
  }
22648
22585
  .pf-v5-c-pagination__nav-page-select > * {
22649
22586
  font-size: var(--pf-v5-c-pagination__nav-page-select--FontSize);
22650
22587
  white-space: nowrap;
22651
22588
  }
22652
- .pf-v5-c-pagination__nav-page-select > *:not(:last-child) {
22653
- margin-inline-end: var(--pf-v5-c-pagination__nav-page-select--child--MarginRight);
22654
- }
22655
22589
  .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control {
22656
22590
  width: var(--pf-v5-c-pagination__nav-page-select--c-form-control--Width);
22657
22591
  }
@@ -22661,12 +22595,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22661
22595
 
22662
22596
  .pf-v5-c-pagination.pf-m-display-summary {
22663
22597
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22664
- --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);
22665
22599
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22666
22600
  }
22667
22601
  .pf-v5-c-pagination.pf-m-display-full {
22668
22602
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22669
- --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);
22670
22604
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22671
22605
  }
22672
22606
  .pf-v5-c-pagination.pf-m-inset-none {
@@ -22690,12 +22624,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22690
22624
  @media (min-width: 576px) {
22691
22625
  .pf-v5-c-pagination.pf-m-display-summary-on-sm {
22692
22626
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22693
- --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);
22694
22628
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22695
22629
  }
22696
22630
  .pf-v5-c-pagination.pf-m-display-full-on-sm {
22697
22631
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22698
- --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);
22699
22633
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22700
22634
  }
22701
22635
  .pf-v5-c-pagination.pf-m-inset-none-on-sm {
@@ -22720,12 +22654,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22720
22654
  @media (min-width: 768px) {
22721
22655
  .pf-v5-c-pagination.pf-m-display-summary-on-md {
22722
22656
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22723
- --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);
22724
22658
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22725
22659
  }
22726
22660
  .pf-v5-c-pagination.pf-m-display-full-on-md {
22727
22661
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22728
- --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);
22729
22663
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22730
22664
  }
22731
22665
  .pf-v5-c-pagination.pf-m-inset-none-on-md {
@@ -22750,12 +22684,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22750
22684
  @media (min-width: 992px) {
22751
22685
  .pf-v5-c-pagination.pf-m-display-summary-on-lg {
22752
22686
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22753
- --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);
22754
22688
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22755
22689
  }
22756
22690
  .pf-v5-c-pagination.pf-m-display-full-on-lg {
22757
22691
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22758
- --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);
22759
22693
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22760
22694
  }
22761
22695
  .pf-v5-c-pagination.pf-m-inset-none-on-lg {
@@ -22780,12 +22714,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22780
22714
  @media (min-width: 1200px) {
22781
22715
  .pf-v5-c-pagination.pf-m-display-summary-on-xl {
22782
22716
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22783
- --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);
22784
22718
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22785
22719
  }
22786
22720
  .pf-v5-c-pagination.pf-m-display-full-on-xl {
22787
22721
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22788
- --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);
22789
22723
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22790
22724
  }
22791
22725
  .pf-v5-c-pagination.pf-m-inset-none-on-xl {
@@ -22810,12 +22744,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22810
22744
  @media (min-width: 1450px) {
22811
22745
  .pf-v5-c-pagination.pf-m-display-summary-on-2xl {
22812
22746
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
22813
- --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);
22814
22748
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
22815
22749
  }
22816
22750
  .pf-v5-c-pagination.pf-m-display-full-on-2xl {
22817
22751
  --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
22818
- --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);
22819
22753
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22820
22754
  }
22821
22755
  .pf-v5-c-pagination.pf-m-inset-none-on-2xl {
@@ -22838,14 +22772,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22838
22772
  }
22839
22773
  }
22840
22774
 
22841
- :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 {
22842
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
22843
- }
22844
-
22845
- :where(.pf-v5-theme-dark) .pf-v5-c-pagination {
22846
- --pf-v5-c-pagination--m-sticky--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
22847
- }
22848
-
22849
22775
  .pf-v5-c-panel {
22850
22776
  --pf-v5-c-panel--Width: auto;
22851
22777
  --pf-v5-c-panel--MinWidth: auto;