@patternfly/patternfly 6.6.0-prerelease.21 → 6.6.0-prerelease.23

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 (31) hide show
  1. package/components/Accordion/accordion.css +3 -3
  2. package/components/Accordion/accordion.scss +3 -3
  3. package/components/Alert/alert.css +5 -5
  4. package/components/Alert/alert.scss +5 -5
  5. package/components/Breadcrumb/breadcrumb.css +2 -2
  6. package/components/Breadcrumb/breadcrumb.scss +2 -2
  7. package/components/Card/card.css +4 -4
  8. package/components/Card/card.scss +4 -4
  9. package/components/DataList/data-list.css +5 -5
  10. package/components/DataList/data-list.scss +5 -5
  11. package/components/Hint/hint.css +2 -2
  12. package/components/Hint/hint.scss +2 -2
  13. package/components/ModalBox/modal-box.css +1 -1
  14. package/components/ModalBox/modal-box.scss +1 -1
  15. package/components/Nav/nav.css +2 -2
  16. package/components/Nav/nav.scss +2 -2
  17. package/components/Pagination/pagination.css +12 -7
  18. package/components/Pagination/pagination.scss +15 -12
  19. package/components/Popover/popover.css +1 -1
  20. package/components/Popover/popover.scss +1 -1
  21. package/components/Table/table.css +2 -2
  22. package/components/Table/table.scss +2 -2
  23. package/components/TreeView/tree-view.css +6 -6
  24. package/components/TreeView/tree-view.scss +6 -6
  25. package/components/_index.css +45 -40
  26. package/docs/components/Pagination/examples/Pagination.md +0 -162
  27. package/package.json +1 -1
  28. package/patternfly-no-globals.css +45 -40
  29. package/patternfly.css +45 -40
  30. package/patternfly.min.css +1 -1
  31. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -9462,10 +9462,10 @@
9462
9462
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
9463
9463
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
9464
9464
  --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
9465
- --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9465
+ --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
9466
9466
  --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9467
- --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9468
- --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9467
+ --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
9468
+ --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
9469
9469
  --pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
9470
9470
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
9471
9471
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -9777,9 +9777,9 @@
9777
9777
  --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
9778
9778
  --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
9779
9779
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
9780
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
9781
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
9782
- --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
9780
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9781
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9782
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
9783
9783
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
9784
9784
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
9785
9785
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -9791,8 +9791,8 @@
9791
9791
  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
9792
9792
  --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
9793
9793
  --pf-v6-c-alert__title--max-lines: 1;
9794
- --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9795
- --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9794
+ --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9795
+ --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9796
9796
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
9797
9797
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
9798
9798
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -10935,9 +10935,9 @@ div.pf-v6-c-avatar {
10935
10935
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
10936
10936
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
10937
10937
  --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
10938
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
10938
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
10939
10939
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
10940
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
10940
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
10941
10941
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
10942
10942
  }
10943
10943
 
@@ -12276,13 +12276,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12276
12276
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
12277
12277
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
12278
12278
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
12279
- --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12280
- --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12279
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12280
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12281
12281
  --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
12282
12282
  --pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
12283
- --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12283
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12284
12284
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
12285
- --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12285
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12286
12286
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
12287
12287
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12288
12288
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -14249,7 +14249,7 @@ ul) {
14249
14249
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
14250
14250
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
14251
14251
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
14252
- --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
14252
+ --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
14253
14253
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
14254
14254
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
14255
14255
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -14282,8 +14282,8 @@ ul) {
14282
14282
  --pf-v6-c-data-list--cell--WordBreak: normal;
14283
14283
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
14284
14284
  --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
14285
- --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
14286
- --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
14285
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14286
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14287
14287
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
14288
14288
  --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
14289
14289
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -14314,8 +14314,8 @@ ul) {
14314
14314
  --pf-v6-c-data-list__item-action--Display: flex;
14315
14315
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14316
14316
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14317
- --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
14318
- --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
14317
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
14318
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
14319
14319
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
14320
14320
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
14321
14321
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
@@ -18285,8 +18285,8 @@ ul) {
18285
18285
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
18286
18286
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
18287
18287
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
18288
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
18289
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
18288
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18289
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18290
18290
  }
18291
18291
 
18292
18292
  .pf-v6-c-hint {
@@ -21963,7 +21963,7 @@ ul.pf-v6-c-list {
21963
21963
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
21964
21964
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
21965
21965
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
21966
- --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
21966
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
21967
21967
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
21968
21968
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
21969
21969
  --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
@@ -22348,8 +22348,8 @@ ul.pf-v6-c-list {
22348
22348
  }
22349
22349
 
22350
22350
  .pf-v6-c-nav {
22351
- --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22352
- --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22351
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
22352
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
22353
22353
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
22354
22354
  --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22355
22355
  --pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
@@ -24307,7 +24307,8 @@ ul.pf-v6-c-list {
24307
24307
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
24308
24308
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24309
24309
  --pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
24310
- --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24310
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24311
+ --pf-v6-c-pagination--m-bottom--BorderRadius: 0;
24311
24312
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24312
24313
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24313
24314
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
@@ -24321,6 +24322,8 @@ ul.pf-v6-c-list {
24321
24322
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
24322
24323
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24323
24324
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24325
+ --pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
24326
+ --pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
24324
24327
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
24325
24328
  }
24326
24329
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
@@ -24328,6 +24331,9 @@ ul.pf-v6-c-list {
24328
24331
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
24329
24332
  --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24330
24333
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24334
+ --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
24335
+ --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24336
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24331
24337
  }
24332
24338
  .pf-v6-c-pagination {
24333
24339
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -24339,6 +24345,7 @@ ul.pf-v6-c-list {
24339
24345
  }
24340
24346
  @media screen and (min-width: 48rem) {
24341
24347
  .pf-v6-c-pagination {
24348
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24342
24349
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
24343
24350
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
24344
24351
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -24364,9 +24371,6 @@ ul.pf-v6-c-list {
24364
24371
  border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
24365
24372
  border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
24366
24373
  }
24367
- :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-pagination.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination:not(.pf-m-no-plain-on-glass) {
24368
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24369
- }
24370
24374
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
24371
24375
  display: var(--pf-v6-c-pagination__page-menu--Display);
24372
24376
  }
@@ -24382,11 +24386,9 @@ ul.pf-v6-c-list {
24382
24386
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
24383
24387
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
24384
24388
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
24389
+ border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
24385
24390
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
24386
24391
  }
24387
- :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
24388
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24389
- }
24390
24392
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
24391
24393
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
24392
24394
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -24405,6 +24407,7 @@ ul.pf-v6-c-list {
24405
24407
  .pf-v6-c-pagination.pf-m-bottom {
24406
24408
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
24407
24409
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
24410
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24408
24411
  position: relative;
24409
24412
  justify-content: flex-end;
24410
24413
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
@@ -24429,12 +24432,14 @@ ul.pf-v6-c-list {
24429
24432
  }
24430
24433
  }
24431
24434
  .pf-v6-c-pagination.pf-m-static {
24435
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
24432
24436
  position: relative;
24433
24437
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
24434
24438
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
24435
24439
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
24436
24440
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
24437
24441
  border: 0;
24442
+ border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24438
24443
  box-shadow: none;
24439
24444
  }
24440
24445
  .pf-v6-c-pagination.pf-m-sticky {
@@ -24887,7 +24892,7 @@ ul.pf-v6-c-list {
24887
24892
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
24888
24893
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
24889
24894
  --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
24890
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
24895
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
24891
24896
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
24892
24897
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
24893
24898
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
@@ -28784,8 +28789,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28784
28789
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
28785
28790
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
28786
28791
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
28787
- --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
28788
- --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
28792
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
28793
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
28789
28794
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
28790
28795
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
28791
28796
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
@@ -34556,12 +34561,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34556
34561
  }
34557
34562
 
34558
34563
  .pf-v6-c-tree-view {
34559
- --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
34564
+ --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart) + var(--pf-v6-c-tree-view__node-toggle--PaddingInlineEnd) + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
34560
34565
  --pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
34561
34566
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
34562
- --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--sm);
34563
- --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
34564
- --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
34567
+ --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34568
+ --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
34569
+ --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34565
34570
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
34566
34571
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
34567
34572
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -34605,9 +34610,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34605
34610
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
34606
34611
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
34607
34612
  --pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
34608
- --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
34613
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34609
34614
  --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
34610
- --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
34615
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34611
34616
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
34612
34617
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
34613
34618
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
package/patternfly.css CHANGED
@@ -9617,10 +9617,10 @@ button) {
9617
9617
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
9618
9618
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
9619
9619
  --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
9620
- --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9620
+ --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
9621
9621
  --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9622
- --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9623
- --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9622
+ --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
9623
+ --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
9624
9624
  --pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
9625
9625
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
9626
9626
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -9932,9 +9932,9 @@ button) {
9932
9932
  --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
9933
9933
  --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
9934
9934
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
9935
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
9936
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
9937
- --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
9935
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9936
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9937
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
9938
9938
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
9939
9939
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
9940
9940
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -9946,8 +9946,8 @@ button) {
9946
9946
  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
9947
9947
  --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
9948
9948
  --pf-v6-c-alert__title--max-lines: 1;
9949
- --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9950
- --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9949
+ --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9950
+ --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9951
9951
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
9952
9952
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
9953
9953
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -11090,9 +11090,9 @@ div.pf-v6-c-avatar {
11090
11090
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
11091
11091
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
11092
11092
  --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
11093
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
11093
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
11094
11094
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
11095
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
11095
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
11096
11096
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
11097
11097
  }
11098
11098
 
@@ -12431,13 +12431,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12431
12431
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
12432
12432
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
12433
12433
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
12434
- --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12435
- --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12434
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12435
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12436
12436
  --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
12437
12437
  --pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
12438
- --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12438
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12439
12439
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
12440
- --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12440
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12441
12441
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
12442
12442
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12443
12443
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -14404,7 +14404,7 @@ ul) {
14404
14404
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
14405
14405
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
14406
14406
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
14407
- --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
14407
+ --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
14408
14408
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
14409
14409
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
14410
14410
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -14437,8 +14437,8 @@ ul) {
14437
14437
  --pf-v6-c-data-list--cell--WordBreak: normal;
14438
14438
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
14439
14439
  --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
14440
- --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
14441
- --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
14440
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14441
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14442
14442
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
14443
14443
  --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
14444
14444
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -14469,8 +14469,8 @@ ul) {
14469
14469
  --pf-v6-c-data-list__item-action--Display: flex;
14470
14470
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14471
14471
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14472
- --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
14473
- --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
14472
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
14473
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
14474
14474
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
14475
14475
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
14476
14476
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
@@ -18440,8 +18440,8 @@ ul) {
18440
18440
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
18441
18441
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
18442
18442
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
18443
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
18444
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
18443
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18444
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18445
18445
  }
18446
18446
 
18447
18447
  .pf-v6-c-hint {
@@ -22118,7 +22118,7 @@ ul.pf-v6-c-list {
22118
22118
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22119
22119
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
22120
22120
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
22121
- --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
22121
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
22122
22122
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
22123
22123
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
22124
22124
  --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
@@ -22503,8 +22503,8 @@ ul.pf-v6-c-list {
22503
22503
  }
22504
22504
 
22505
22505
  .pf-v6-c-nav {
22506
- --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22507
- --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22506
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
22507
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
22508
22508
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
22509
22509
  --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22510
22510
  --pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
@@ -24462,7 +24462,8 @@ ul.pf-v6-c-list {
24462
24462
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
24463
24463
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24464
24464
  --pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
24465
- --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24465
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24466
+ --pf-v6-c-pagination--m-bottom--BorderRadius: 0;
24466
24467
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24467
24468
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24468
24469
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
@@ -24476,6 +24477,8 @@ ul.pf-v6-c-list {
24476
24477
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
24477
24478
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24478
24479
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24480
+ --pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
24481
+ --pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
24479
24482
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
24480
24483
  }
24481
24484
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
@@ -24483,6 +24486,9 @@ ul.pf-v6-c-list {
24483
24486
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
24484
24487
  --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24485
24488
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24489
+ --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
24490
+ --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24491
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24486
24492
  }
24487
24493
  .pf-v6-c-pagination {
24488
24494
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -24494,6 +24500,7 @@ ul.pf-v6-c-list {
24494
24500
  }
24495
24501
  @media screen and (min-width: 48rem) {
24496
24502
  .pf-v6-c-pagination {
24503
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24497
24504
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
24498
24505
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
24499
24506
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -24519,9 +24526,6 @@ ul.pf-v6-c-list {
24519
24526
  border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
24520
24527
  border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
24521
24528
  }
24522
- :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-pagination.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination:not(.pf-m-no-plain-on-glass) {
24523
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24524
- }
24525
24529
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
24526
24530
  display: var(--pf-v6-c-pagination__page-menu--Display);
24527
24531
  }
@@ -24537,11 +24541,9 @@ ul.pf-v6-c-list {
24537
24541
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
24538
24542
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
24539
24543
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
24544
+ border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
24540
24545
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
24541
24546
  }
24542
- :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
24543
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24544
- }
24545
24547
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
24546
24548
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
24547
24549
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -24560,6 +24562,7 @@ ul.pf-v6-c-list {
24560
24562
  .pf-v6-c-pagination.pf-m-bottom {
24561
24563
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
24562
24564
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
24565
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24563
24566
  position: relative;
24564
24567
  justify-content: flex-end;
24565
24568
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
@@ -24584,12 +24587,14 @@ ul.pf-v6-c-list {
24584
24587
  }
24585
24588
  }
24586
24589
  .pf-v6-c-pagination.pf-m-static {
24590
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
24587
24591
  position: relative;
24588
24592
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
24589
24593
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
24590
24594
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
24591
24595
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
24592
24596
  border: 0;
24597
+ border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24593
24598
  box-shadow: none;
24594
24599
  }
24595
24600
  .pf-v6-c-pagination.pf-m-sticky {
@@ -25042,7 +25047,7 @@ ul.pf-v6-c-list {
25042
25047
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
25043
25048
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
25044
25049
  --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
25045
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
25050
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
25046
25051
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
25047
25052
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
25048
25053
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
@@ -28939,8 +28944,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28939
28944
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
28940
28945
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
28941
28946
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
28942
- --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
28943
- --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
28947
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
28948
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
28944
28949
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
28945
28950
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
28946
28951
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
@@ -34711,12 +34716,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34711
34716
  }
34712
34717
 
34713
34718
  .pf-v6-c-tree-view {
34714
- --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
34719
+ --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart) + var(--pf-v6-c-tree-view__node-toggle--PaddingInlineEnd) + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
34715
34720
  --pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
34716
34721
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
34717
- --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--sm);
34718
- --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
34719
- --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
34722
+ --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34723
+ --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
34724
+ --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34720
34725
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
34721
34726
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
34722
34727
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -34760,9 +34765,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34760
34765
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
34761
34766
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
34762
34767
  --pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
34763
- --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
34768
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34764
34769
  --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
34765
- --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
34770
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34766
34771
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
34767
34772
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
34768
34773
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);