@patternfly/patternfly 6.6.0 → 6.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/README.md +1 -1
  2. package/components/AboutModalBox/about-modal-box.css +1 -1
  3. package/components/AboutModalBox/about-modal-box.scss +1 -1
  4. package/components/Accordion/accordion.css +3 -3
  5. package/components/Accordion/accordion.scss +3 -3
  6. package/components/Alert/alert.css +7 -7
  7. package/components/Alert/alert.scss +7 -7
  8. package/components/Breadcrumb/breadcrumb.css +3 -3
  9. package/components/Breadcrumb/breadcrumb.scss +3 -3
  10. package/components/Card/card.css +4 -4
  11. package/components/Card/card.scss +4 -4
  12. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  13. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  14. package/components/DataList/data-list.css +5 -5
  15. package/components/DataList/data-list.scss +5 -5
  16. package/components/DualListSelector/dual-list-selector.css +1 -1
  17. package/components/DualListSelector/dual-list-selector.scss +1 -1
  18. package/components/Hint/hint.css +2 -2
  19. package/components/Hint/hint.scss +2 -2
  20. package/components/Menu/menu.css +2 -2
  21. package/components/Menu/menu.scss +3 -3
  22. package/components/ModalBox/modal-box.css +4 -4
  23. package/components/ModalBox/modal-box.scss +5 -5
  24. package/components/Nav/nav.css +2 -2
  25. package/components/Nav/nav.scss +2 -2
  26. package/components/NotificationDrawer/notification-drawer.css +3 -3
  27. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  28. package/components/Pagination/pagination.css +12 -7
  29. package/components/Pagination/pagination.scss +15 -12
  30. package/components/Popover/popover.css +1 -1
  31. package/components/Popover/popover.scss +1 -1
  32. package/components/Progress/progress.css +2 -2
  33. package/components/Progress/progress.scss +2 -2
  34. package/components/Table/table-tree-view.css +3 -0
  35. package/components/Table/table-tree-view.scss +2 -0
  36. package/components/Table/table.css +2 -3
  37. package/components/Table/table.scss +2 -3
  38. package/components/Title/title.css +1 -1
  39. package/components/Title/title.scss +1 -1
  40. package/components/Tooltip/tooltip.css +1 -1
  41. package/components/Tooltip/tooltip.scss +1 -1
  42. package/components/TreeView/tree-view.css +7 -7
  43. package/components/TreeView/tree-view.scss +7 -7
  44. package/components/Wizard/wizard.css +3 -3
  45. package/components/Wizard/wizard.scss +3 -3
  46. package/components/_index.css +70 -63
  47. package/docs/components/DualListSelector/examples/DualListSelector.md +13 -13
  48. package/docs/components/InputGroup/examples/InputGroup.md +1 -1
  49. package/docs/components/Pagination/examples/Pagination.md +0 -162
  50. package/docs/components/Table/examples/Table.md +18 -18
  51. package/docs/components/TreeView/examples/TreeView.md +100 -100
  52. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +2557 -5003
  53. package/package.json +1 -1
  54. package/patternfly-no-globals.css +70 -63
  55. package/patternfly.css +70 -63
  56. package/patternfly.min.css +1 -1
  57. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -9575,7 +9575,7 @@ button) {
9575
9575
  overflow-x: hidden;
9576
9576
  overflow-y: auto;
9577
9577
  overscroll-behavior: contain;
9578
- overflow-wrap: break-word;
9578
+ overflow-wrap: anywhere;
9579
9579
  -webkit-overflow-scrolling: touch;
9580
9580
  }
9581
9581
  @media screen and (min-width: 36rem) {
@@ -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);
@@ -10081,7 +10081,7 @@ button) {
10081
10081
  grid-area: title;
10082
10082
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
10083
10083
  color: var(--pf-v6-c-alert__title--Color);
10084
- overflow-wrap: break-word;
10084
+ overflow-wrap: anywhere;
10085
10085
  }
10086
10086
  .pf-v6-c-alert__title.pf-m-truncate {
10087
10087
  display: -webkit-box;
@@ -10093,7 +10093,7 @@ button) {
10093
10093
  .pf-v6-c-alert__description {
10094
10094
  grid-area: description;
10095
10095
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
10096
- overflow-wrap: break-word;
10096
+ overflow-wrap: anywhere;
10097
10097
  }
10098
10098
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
10099
10099
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -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
 
@@ -11140,7 +11140,7 @@ div.pf-v6-c-avatar {
11140
11140
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
11141
11141
  line-height: inherit;
11142
11142
  color: var(--pf-v6-c-breadcrumb__link--Color);
11143
- overflow-wrap: break-word;
11143
+ overflow-wrap: anywhere;
11144
11144
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
11145
11145
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
11146
11146
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
@@ -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);
@@ -12975,7 +12975,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12975
12975
  }
12976
12976
 
12977
12977
  .pf-v6-c-clipboard-copy__text {
12978
- overflow-wrap: break-word;
12978
+ overflow-wrap: anywhere;
12979
12979
  white-space: normal;
12980
12980
  }
12981
12981
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -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);
@@ -15300,7 +15300,7 @@ ul) {
15300
15300
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
15301
15301
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
15302
15302
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
15303
- --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: -180deg;
15303
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
15304
15304
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
15305
15305
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15306
15306
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
@@ -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 {
@@ -21103,7 +21103,7 @@ ul.pf-v6-c-list {
21103
21103
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
21104
21104
  --pf-v6-c-menu__item-external--Color: transparent;
21105
21105
  --pf-v6-c-menu__item-select-icon--Color: transparent;
21106
- --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
21106
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
21107
21107
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
21108
21108
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
21109
21109
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -21470,7 +21470,7 @@ ul.pf-v6-c-list {
21470
21470
  .pf-v6-c-menu__item-description {
21471
21471
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21472
21472
  color: var(--pf-v6-c-menu__item-description--Color);
21473
- overflow-wrap: break-word;
21473
+ overflow-wrap: anywhere;
21474
21474
  }
21475
21475
 
21476
21476
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -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);
@@ -22140,8 +22140,8 @@ ul.pf-v6-c-list {
22140
22140
  --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22141
22141
  --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
22142
22142
  --pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22143
- --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
22144
- --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
22143
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
22144
+ --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
22145
22145
  }
22146
22146
 
22147
22147
  .pf-v6-c-modal-box {
@@ -22267,7 +22267,7 @@ ul.pf-v6-c-list {
22267
22267
  overflow-x: hidden;
22268
22268
  overflow-y: auto;
22269
22269
  overscroll-behavior: contain;
22270
- overflow-wrap: break-word;
22270
+ overflow-wrap: anywhere;
22271
22271
  -webkit-overflow-scrolling: touch;
22272
22272
  }
22273
22273
  .pf-v6-c-modal-box__body:last-child {
@@ -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);
@@ -23141,7 +23141,7 @@ ul.pf-v6-c-list {
23141
23141
 
23142
23142
  .pf-v6-c-notification-drawer__list-item-header-title {
23143
23143
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
23144
- overflow-wrap: break-word;
23144
+ overflow-wrap: anywhere;
23145
23145
  }
23146
23146
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
23147
23147
  display: -webkit-box;
@@ -23163,7 +23163,7 @@ ul.pf-v6-c-list {
23163
23163
  grid-row: 2/3;
23164
23164
  grid-column: 1/2;
23165
23165
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
23166
- overflow-wrap: break-word;
23166
+ overflow-wrap: anywhere;
23167
23167
  }
23168
23168
 
23169
23169
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -23208,7 +23208,7 @@ ul.pf-v6-c-list {
23208
23208
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
23209
23209
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
23210
23210
  text-align: start;
23211
- overflow-wrap: break-word;
23211
+ overflow-wrap: anywhere;
23212
23212
  }
23213
23213
 
23214
23214
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -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);
@@ -25343,7 +25348,7 @@ ul.pf-v6-c-list {
25343
25348
 
25344
25349
  .pf-v6-c-progress__description {
25345
25350
  grid-column: 1/2;
25346
- overflow-wrap: break-word;
25351
+ overflow-wrap: anywhere;
25347
25352
  }
25348
25353
  .pf-v6-c-progress__description.pf-m-truncate {
25349
25354
  overflow: hidden;
@@ -25359,7 +25364,7 @@ ul.pf-v6-c-list {
25359
25364
  align-items: flex-start;
25360
25365
  justify-content: flex-end;
25361
25366
  text-align: end;
25362
- overflow-wrap: break-word;
25367
+ overflow-wrap: anywhere;
25363
25368
  }
25364
25369
 
25365
25370
  .pf-v6-c-progress__status-icon {
@@ -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);
@@ -29848,7 +29853,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29848
29853
  }
29849
29854
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
29850
29855
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
29851
- pointer-events: none;
29852
29856
  border-block-end: var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth) solid var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor);
29853
29857
  }
29854
29858
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -30044,6 +30048,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30044
30048
  --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
30045
30049
  }
30046
30050
 
30051
+ .pf-v6-c-table.pf-m-tree-view {
30052
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
30053
+ }
30047
30054
  .pf-v6-c-table.pf-m-tree-view > tbody > tr {
30048
30055
  --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
30049
30056
  }
@@ -32173,7 +32180,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32173
32180
 
32174
32181
  .pf-v6-c-title {
32175
32182
  font-family: var(--pf-v6-c-title--FontFamily);
32176
- overflow-wrap: break-word;
32183
+ overflow-wrap: anywhere;
32177
32184
  }
32178
32185
  .pf-v6-c-title.pf-m-4xl {
32179
32186
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -34595,7 +34602,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34595
34602
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34596
34603
  color: var(--pf-v6-c-tooltip__content--Color);
34597
34604
  text-align: center;
34598
- overflow-wrap: break-word;
34605
+ overflow-wrap: anywhere;
34599
34606
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34600
34607
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34601
34608
  }
@@ -34709,12 +34716,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34709
34716
  }
34710
34717
 
34711
34718
  .pf-v6-c-tree-view {
34712
- --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));
34713
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));
34714
34721
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
34715
- --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--sm);
34716
- --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
34717
- --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);
34718
34725
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
34719
34726
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
34720
34727
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -34758,9 +34765,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34758
34765
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
34759
34766
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
34760
34767
  --pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
34761
- --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);
34762
34769
  --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
34763
- --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);
34764
34771
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
34765
34772
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
34766
34773
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
@@ -34776,7 +34783,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34776
34783
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
34777
34784
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
34778
34785
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
34779
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
34786
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
34780
34787
  --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
34781
34788
  --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
34782
34789
  --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
@@ -35507,7 +35514,7 @@ label.pf-v6-c-tree-view__node-text {
35507
35514
  align-items: baseline;
35508
35515
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35509
35516
  text-align: start;
35510
- overflow-wrap: break-word;
35517
+ overflow-wrap: anywhere;
35511
35518
  }
35512
35519
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35513
35520
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35643,7 +35650,7 @@ label.pf-v6-c-tree-view__node-text {
35643
35650
  padding-inline: 0;
35644
35651
  color: var(--pf-v6-c-wizard__nav-link--Color);
35645
35652
  text-align: start;
35646
- overflow-wrap: break-word;
35653
+ overflow-wrap: anywhere;
35647
35654
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35648
35655
  counter-increment: wizard-nav-count;
35649
35656
  background-color: transparent;
@@ -35762,7 +35769,7 @@ label.pf-v6-c-tree-view__node-text {
35762
35769
  flex-direction: column;
35763
35770
  overflow-x: hidden;
35764
35771
  overflow-y: auto;
35765
- overflow-wrap: break-word;
35772
+ overflow-wrap: anywhere;
35766
35773
  }
35767
35774
 
35768
35775
  .pf-v6-c-wizard__main-body {