@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/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
- "version": "6.6.0",
4
+ "version": "6.6.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -9420,7 +9420,7 @@
9420
9420
  overflow-x: hidden;
9421
9421
  overflow-y: auto;
9422
9422
  overscroll-behavior: contain;
9423
- overflow-wrap: break-word;
9423
+ overflow-wrap: anywhere;
9424
9424
  -webkit-overflow-scrolling: touch;
9425
9425
  }
9426
9426
  @media screen and (min-width: 36rem) {
@@ -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);
@@ -9926,7 +9926,7 @@
9926
9926
  grid-area: title;
9927
9927
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
9928
9928
  color: var(--pf-v6-c-alert__title--Color);
9929
- overflow-wrap: break-word;
9929
+ overflow-wrap: anywhere;
9930
9930
  }
9931
9931
  .pf-v6-c-alert__title.pf-m-truncate {
9932
9932
  display: -webkit-box;
@@ -9938,7 +9938,7 @@
9938
9938
  .pf-v6-c-alert__description {
9939
9939
  grid-area: description;
9940
9940
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
9941
- overflow-wrap: break-word;
9941
+ overflow-wrap: anywhere;
9942
9942
  }
9943
9943
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
9944
9944
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -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
 
@@ -10985,7 +10985,7 @@ div.pf-v6-c-avatar {
10985
10985
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
10986
10986
  line-height: inherit;
10987
10987
  color: var(--pf-v6-c-breadcrumb__link--Color);
10988
- overflow-wrap: break-word;
10988
+ overflow-wrap: anywhere;
10989
10989
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
10990
10990
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
10991
10991
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
@@ -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);
@@ -12820,7 +12820,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12820
12820
  }
12821
12821
 
12822
12822
  .pf-v6-c-clipboard-copy__text {
12823
- overflow-wrap: break-word;
12823
+ overflow-wrap: anywhere;
12824
12824
  white-space: normal;
12825
12825
  }
12826
12826
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -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);
@@ -15145,7 +15145,7 @@ ul) {
15145
15145
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
15146
15146
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
15147
15147
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
15148
- --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: -180deg;
15148
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
15149
15149
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
15150
15150
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15151
15151
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
@@ -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 {
@@ -20948,7 +20948,7 @@ ul.pf-v6-c-list {
20948
20948
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
20949
20949
  --pf-v6-c-menu__item-external--Color: transparent;
20950
20950
  --pf-v6-c-menu__item-select-icon--Color: transparent;
20951
- --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
20951
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
20952
20952
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
20953
20953
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
20954
20954
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -21315,7 +21315,7 @@ ul.pf-v6-c-list {
21315
21315
  .pf-v6-c-menu__item-description {
21316
21316
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21317
21317
  color: var(--pf-v6-c-menu__item-description--Color);
21318
- overflow-wrap: break-word;
21318
+ overflow-wrap: anywhere;
21319
21319
  }
21320
21320
 
21321
21321
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -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);
@@ -21985,8 +21985,8 @@ ul.pf-v6-c-list {
21985
21985
  --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21986
21986
  --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
21987
21987
  --pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
21988
- --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
21989
- --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
21988
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
21989
+ --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
21990
21990
  }
21991
21991
 
21992
21992
  .pf-v6-c-modal-box {
@@ -22112,7 +22112,7 @@ ul.pf-v6-c-list {
22112
22112
  overflow-x: hidden;
22113
22113
  overflow-y: auto;
22114
22114
  overscroll-behavior: contain;
22115
- overflow-wrap: break-word;
22115
+ overflow-wrap: anywhere;
22116
22116
  -webkit-overflow-scrolling: touch;
22117
22117
  }
22118
22118
  .pf-v6-c-modal-box__body:last-child {
@@ -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);
@@ -22986,7 +22986,7 @@ ul.pf-v6-c-list {
22986
22986
 
22987
22987
  .pf-v6-c-notification-drawer__list-item-header-title {
22988
22988
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22989
- overflow-wrap: break-word;
22989
+ overflow-wrap: anywhere;
22990
22990
  }
22991
22991
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22992
22992
  display: -webkit-box;
@@ -23008,7 +23008,7 @@ ul.pf-v6-c-list {
23008
23008
  grid-row: 2/3;
23009
23009
  grid-column: 1/2;
23010
23010
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
23011
- overflow-wrap: break-word;
23011
+ overflow-wrap: anywhere;
23012
23012
  }
23013
23013
 
23014
23014
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -23053,7 +23053,7 @@ ul.pf-v6-c-list {
23053
23053
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
23054
23054
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
23055
23055
  text-align: start;
23056
- overflow-wrap: break-word;
23056
+ overflow-wrap: anywhere;
23057
23057
  }
23058
23058
 
23059
23059
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -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);
@@ -25188,7 +25193,7 @@ ul.pf-v6-c-list {
25188
25193
 
25189
25194
  .pf-v6-c-progress__description {
25190
25195
  grid-column: 1/2;
25191
- overflow-wrap: break-word;
25196
+ overflow-wrap: anywhere;
25192
25197
  }
25193
25198
  .pf-v6-c-progress__description.pf-m-truncate {
25194
25199
  overflow: hidden;
@@ -25204,7 +25209,7 @@ ul.pf-v6-c-list {
25204
25209
  align-items: flex-start;
25205
25210
  justify-content: flex-end;
25206
25211
  text-align: end;
25207
- overflow-wrap: break-word;
25212
+ overflow-wrap: anywhere;
25208
25213
  }
25209
25214
 
25210
25215
  .pf-v6-c-progress__status-icon {
@@ -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);
@@ -29693,7 +29698,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29693
29698
  }
29694
29699
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
29695
29700
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
29696
- pointer-events: none;
29697
29701
  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);
29698
29702
  }
29699
29703
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -29889,6 +29893,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29889
29893
  --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
29890
29894
  }
29891
29895
 
29896
+ .pf-v6-c-table.pf-m-tree-view {
29897
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
29898
+ }
29892
29899
  .pf-v6-c-table.pf-m-tree-view > tbody > tr {
29893
29900
  --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
29894
29901
  }
@@ -32018,7 +32025,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32018
32025
 
32019
32026
  .pf-v6-c-title {
32020
32027
  font-family: var(--pf-v6-c-title--FontFamily);
32021
- overflow-wrap: break-word;
32028
+ overflow-wrap: anywhere;
32022
32029
  }
32023
32030
  .pf-v6-c-title.pf-m-4xl {
32024
32031
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -34440,7 +34447,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34440
34447
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34441
34448
  color: var(--pf-v6-c-tooltip__content--Color);
34442
34449
  text-align: center;
34443
- overflow-wrap: break-word;
34450
+ overflow-wrap: anywhere;
34444
34451
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34445
34452
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34446
34453
  }
@@ -34554,12 +34561,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34554
34561
  }
34555
34562
 
34556
34563
  .pf-v6-c-tree-view {
34557
- --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));
34558
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));
34559
34566
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
34560
- --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--sm);
34561
- --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
34562
- --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);
34563
34570
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
34564
34571
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
34565
34572
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -34603,9 +34610,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34603
34610
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
34604
34611
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
34605
34612
  --pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
34606
- --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);
34607
34614
  --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
34608
- --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);
34609
34616
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
34610
34617
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
34611
34618
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
@@ -34621,7 +34628,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34621
34628
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
34622
34629
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
34623
34630
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
34624
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
34631
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
34625
34632
  --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
34626
34633
  --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
34627
34634
  --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
@@ -35352,7 +35359,7 @@ label.pf-v6-c-tree-view__node-text {
35352
35359
  align-items: baseline;
35353
35360
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35354
35361
  text-align: start;
35355
- overflow-wrap: break-word;
35362
+ overflow-wrap: anywhere;
35356
35363
  }
35357
35364
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35358
35365
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35488,7 +35495,7 @@ label.pf-v6-c-tree-view__node-text {
35488
35495
  padding-inline: 0;
35489
35496
  color: var(--pf-v6-c-wizard__nav-link--Color);
35490
35497
  text-align: start;
35491
- overflow-wrap: break-word;
35498
+ overflow-wrap: anywhere;
35492
35499
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35493
35500
  counter-increment: wizard-nav-count;
35494
35501
  background-color: transparent;
@@ -35607,7 +35614,7 @@ label.pf-v6-c-tree-view__node-text {
35607
35614
  flex-direction: column;
35608
35615
  overflow-x: hidden;
35609
35616
  overflow-y: auto;
35610
- overflow-wrap: break-word;
35617
+ overflow-wrap: anywhere;
35611
35618
  }
35612
35619
 
35613
35620
  .pf-v6-c-wizard__main-body {