@patternfly/react-styles 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 (31) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/css/components/AboutModalBox/about-modal-box.css +1 -1
  3. package/css/components/Accordion/accordion.css +3 -3
  4. package/css/components/Alert/alert.css +7 -7
  5. package/css/components/Breadcrumb/breadcrumb.css +3 -3
  6. package/css/components/Card/card.css +4 -4
  7. package/css/components/ClipboardCopy/clipboard-copy.css +1 -1
  8. package/css/components/DataList/data-list.css +5 -5
  9. package/css/components/DualListSelector/dual-list-selector.css +1 -1
  10. package/css/components/Hint/hint.css +2 -2
  11. package/css/components/Menu/menu.css +2 -2
  12. package/css/components/ModalBox/modal-box.css +4 -4
  13. package/css/components/Nav/nav.css +2 -2
  14. package/css/components/NotificationDrawer/notification-drawer.css +3 -3
  15. package/css/components/Pagination/pagination.css +12 -7
  16. package/css/components/Pagination/pagination.d.ts +2 -4
  17. package/css/components/Pagination/pagination.js +2 -4
  18. package/css/components/Pagination/pagination.mjs +2 -4
  19. package/css/components/Popover/popover.css +1 -1
  20. package/css/components/Progress/progress.css +2 -2
  21. package/css/components/Table/table-tree-view.css +3 -0
  22. package/css/components/Table/table.css +2 -3
  23. package/css/components/Title/title.css +1 -1
  24. package/css/components/Tooltip/tooltip.css +1 -1
  25. package/css/components/TreeView/tree-view.css +7 -7
  26. package/css/components/Wizard/wizard.css +3 -3
  27. package/css/components/_index.css +70 -63
  28. package/css/components/_index.d.ts +2 -2
  29. package/css/components/_index.js +2 -2
  30. package/css/components/_index.mjs +2 -2
  31. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,10 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [6.6.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.6.0...@patternfly/react-styles@6.6.1) (2026-08-03)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
6
10
  # [6.6.0](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.6.0-prerelease.4...@patternfly/react-styles@6.6.0) (2026-07-01)
7
11
 
8
12
  **Note:** Version bump only for package @patternfly/react-styles
@@ -164,7 +164,7 @@
164
164
  overflow-x: hidden;
165
165
  overflow-y: auto;
166
166
  overscroll-behavior: contain;
167
- overflow-wrap: break-word;
167
+ overflow-wrap: anywhere;
168
168
  -webkit-overflow-scrolling: touch;
169
169
  }
170
170
  @media screen and (min-width: 36rem) {
@@ -4,10 +4,10 @@
4
4
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
5
5
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
6
6
  --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
7
- --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7
+ --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
8
8
  --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9
- --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
10
- --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9
+ --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
10
+ --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
11
11
  --pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
12
12
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
13
13
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -14,9 +14,9 @@
14
14
  --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
15
15
  --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
16
16
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
17
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
18
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
19
- --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
17
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
19
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
20
20
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
21
21
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
22
22
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -28,8 +28,8 @@
28
28
  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
29
29
  --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
30
30
  --pf-v6-c-alert__title--max-lines: 1;
31
- --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
32
- --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
31
+ --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
32
+ --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
33
33
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
34
34
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
35
35
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -163,7 +163,7 @@
163
163
  grid-area: title;
164
164
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
165
165
  color: var(--pf-v6-c-alert__title--Color);
166
- overflow-wrap: break-word;
166
+ overflow-wrap: anywhere;
167
167
  }
168
168
  .pf-v6-c-alert__title.pf-m-truncate {
169
169
  display: -webkit-box;
@@ -175,7 +175,7 @@
175
175
  .pf-v6-c-alert__description {
176
176
  grid-area: description;
177
177
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
178
- overflow-wrap: break-word;
178
+ overflow-wrap: anywhere;
179
179
  }
180
180
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
181
181
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -18,9 +18,9 @@
18
18
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
19
19
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
20
20
  --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
21
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
21
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
22
22
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
23
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
23
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
24
24
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
25
25
  }
26
26
 
@@ -68,7 +68,7 @@
68
68
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
69
69
  line-height: inherit;
70
70
  color: var(--pf-v6-c-breadcrumb__link--Color);
71
- overflow-wrap: break-word;
71
+ overflow-wrap: anywhere;
72
72
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
73
73
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
74
74
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
@@ -22,13 +22,13 @@
22
22
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
23
23
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
24
24
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
25
- --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
26
- --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
25
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
26
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
27
27
  --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
28
28
  --pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
29
- --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
29
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
30
30
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
31
- --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
31
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
32
32
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
33
33
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
34
34
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -86,7 +86,7 @@
86
86
  }
87
87
 
88
88
  .pf-v6-c-clipboard-copy__text {
89
- overflow-wrap: break-word;
89
+ overflow-wrap: anywhere;
90
90
  white-space: normal;
91
91
  }
92
92
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -424,7 +424,7 @@
424
424
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
425
425
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
426
426
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
427
- --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
427
+ --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
428
428
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
429
429
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
430
430
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -457,8 +457,8 @@
457
457
  --pf-v6-c-data-list--cell--WordBreak: normal;
458
458
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
459
459
  --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
460
- --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
461
- --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
460
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
461
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
462
462
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
463
463
  --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
464
464
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -489,8 +489,8 @@
489
489
  --pf-v6-c-data-list__item-action--Display: flex;
490
490
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
491
491
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
492
- --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
493
- --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
492
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
493
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
494
494
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
495
495
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
496
496
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
@@ -76,7 +76,7 @@
76
76
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
77
77
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
78
78
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
79
- --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: -180deg;
79
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
80
80
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
81
81
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
82
82
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
@@ -14,8 +14,8 @@
14
14
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
15
15
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
16
16
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
17
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
18
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
17
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
19
19
  }
20
20
 
21
21
  .pf-v6-c-hint {
@@ -220,7 +220,7 @@
220
220
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
221
221
  --pf-v6-c-menu__item-external--Color: transparent;
222
222
  --pf-v6-c-menu__item-select-icon--Color: transparent;
223
- --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
223
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
224
224
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
225
225
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
226
226
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -587,7 +587,7 @@
587
587
  .pf-v6-c-menu__item-description {
588
588
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
589
589
  color: var(--pf-v6-c-menu__item-description--Color);
590
- overflow-wrap: break-word;
590
+ overflow-wrap: anywhere;
591
591
  }
592
592
 
593
593
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -34,7 +34,7 @@
34
34
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
35
35
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
36
36
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
37
- --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
37
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
38
38
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
39
39
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
40
40
  --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
@@ -56,8 +56,8 @@
56
56
  --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
57
57
  --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
58
58
  --pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
59
- --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
60
- --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
59
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
60
+ --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
61
61
  }
62
62
 
63
63
  .pf-v6-c-modal-box {
@@ -183,7 +183,7 @@
183
183
  overflow-x: hidden;
184
184
  overflow-y: auto;
185
185
  overscroll-behavior: contain;
186
- overflow-wrap: break-word;
186
+ overflow-wrap: anywhere;
187
187
  -webkit-overflow-scrolling: touch;
188
188
  }
189
189
  .pf-v6-c-modal-box__body:last-child {
@@ -1,6 +1,6 @@
1
1
  .pf-v6-c-nav {
2
- --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
3
- --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
2
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
3
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
4
4
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
5
5
  --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
6
6
  --pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
@@ -197,7 +197,7 @@
197
197
 
198
198
  .pf-v6-c-notification-drawer__list-item-header-title {
199
199
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
200
- overflow-wrap: break-word;
200
+ overflow-wrap: anywhere;
201
201
  }
202
202
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
203
203
  display: -webkit-box;
@@ -219,7 +219,7 @@
219
219
  grid-row: 2/3;
220
220
  grid-column: 1/2;
221
221
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
222
- overflow-wrap: break-word;
222
+ overflow-wrap: anywhere;
223
223
  }
224
224
 
225
225
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -264,7 +264,7 @@
264
264
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
265
265
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
266
266
  text-align: start;
267
- overflow-wrap: break-word;
267
+ overflow-wrap: anywhere;
268
268
  }
269
269
 
270
270
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -33,7 +33,8 @@
33
33
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
34
34
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
35
35
  --pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
36
- --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
36
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
37
+ --pf-v6-c-pagination--m-bottom--BorderRadius: 0;
37
38
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
38
39
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
39
40
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
@@ -47,6 +48,8 @@
47
48
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
48
49
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
49
50
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
51
+ --pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
52
+ --pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
50
53
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
51
54
  }
52
55
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
@@ -54,6 +57,9 @@
54
57
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
55
58
  --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
56
59
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
60
+ --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
61
+ --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
62
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
57
63
  }
58
64
  .pf-v6-c-pagination {
59
65
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -65,6 +71,7 @@
65
71
  }
66
72
  @media screen and (min-width: 48rem) {
67
73
  .pf-v6-c-pagination {
74
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
68
75
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
69
76
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
70
77
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -90,9 +97,6 @@
90
97
  border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
91
98
  border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
92
99
  }
93
- :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) {
94
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
95
- }
96
100
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
97
101
  display: var(--pf-v6-c-pagination__page-menu--Display);
98
102
  }
@@ -108,11 +112,9 @@
108
112
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
109
113
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
110
114
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
115
+ border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
111
116
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
112
117
  }
113
- :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
114
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
115
- }
116
118
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
117
119
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
118
120
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -131,6 +133,7 @@
131
133
  .pf-v6-c-pagination.pf-m-bottom {
132
134
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
133
135
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
136
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
134
137
  position: relative;
135
138
  justify-content: flex-end;
136
139
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
@@ -155,12 +158,14 @@
155
158
  }
156
159
  }
157
160
  .pf-v6-c-pagination.pf-m-static {
161
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
158
162
  position: relative;
159
163
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
160
164
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
161
165
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
162
166
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
163
167
  border: 0;
168
+ border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
164
169
  box-shadow: none;
165
170
  }
166
171
  .pf-v6-c-pagination.pf-m-sticky {
@@ -3,15 +3,13 @@ declare const _default: {
3
3
  "dirRtl": "pf-v6-m-dir-rtl",
4
4
  "formControl": "pf-v6-c-form-control",
5
5
  "modifiers": {
6
- "plain": "pf-m-plain",
7
- "noPlainOnGlass": "pf-m-no-plain-on-glass",
8
6
  "bottom": "pf-m-bottom",
9
- "stickyBase": "pf-m-sticky-base",
10
- "stickyStuck": "pf-m-sticky-stuck",
11
7
  "first": "pf-m-first",
12
8
  "last": "pf-m-last",
13
9
  "static": "pf-m-static",
14
10
  "sticky": "pf-m-sticky",
11
+ "stickyBase": "pf-m-sticky-base",
12
+ "stickyStuck": "pf-m-sticky-stuck",
15
13
  "pageInsets": "pf-m-page-insets",
16
14
  "displaySummary": "pf-m-display-summary",
17
15
  "displayFull": "pf-m-display-full",
@@ -5,15 +5,13 @@ exports.default = {
5
5
  "dirRtl": "pf-v6-m-dir-rtl",
6
6
  "formControl": "pf-v6-c-form-control",
7
7
  "modifiers": {
8
- "plain": "pf-m-plain",
9
- "noPlainOnGlass": "pf-m-no-plain-on-glass",
10
8
  "bottom": "pf-m-bottom",
11
- "stickyBase": "pf-m-sticky-base",
12
- "stickyStuck": "pf-m-sticky-stuck",
13
9
  "first": "pf-m-first",
14
10
  "last": "pf-m-last",
15
11
  "static": "pf-m-static",
16
12
  "sticky": "pf-m-sticky",
13
+ "stickyBase": "pf-m-sticky-base",
14
+ "stickyStuck": "pf-m-sticky-stuck",
17
15
  "pageInsets": "pf-m-page-insets",
18
16
  "displaySummary": "pf-m-display-summary",
19
17
  "displayFull": "pf-m-display-full",
@@ -3,15 +3,13 @@ export default {
3
3
  "dirRtl": "pf-v6-m-dir-rtl",
4
4
  "formControl": "pf-v6-c-form-control",
5
5
  "modifiers": {
6
- "plain": "pf-m-plain",
7
- "noPlainOnGlass": "pf-m-no-plain-on-glass",
8
6
  "bottom": "pf-m-bottom",
9
- "stickyBase": "pf-m-sticky-base",
10
- "stickyStuck": "pf-m-sticky-stuck",
11
7
  "first": "pf-m-first",
12
8
  "last": "pf-m-last",
13
9
  "static": "pf-m-static",
14
10
  "sticky": "pf-m-sticky",
11
+ "stickyBase": "pf-m-sticky-base",
12
+ "stickyStuck": "pf-m-sticky-stuck",
15
13
  "pageInsets": "pf-m-page-insets",
16
14
  "displaySummary": "pf-m-display-summary",
17
15
  "displayFull": "pf-m-display-full",
@@ -37,7 +37,7 @@
37
37
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
38
38
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
39
39
  --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
40
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
40
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
41
41
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
42
42
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
43
43
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
@@ -130,7 +130,7 @@
130
130
 
131
131
  .pf-v6-c-progress__description {
132
132
  grid-column: 1/2;
133
- overflow-wrap: break-word;
133
+ overflow-wrap: anywhere;
134
134
  }
135
135
  .pf-v6-c-progress__description.pf-m-truncate {
136
136
  overflow: hidden;
@@ -146,7 +146,7 @@
146
146
  align-items: flex-start;
147
147
  justify-content: flex-end;
148
148
  text-align: end;
149
- overflow-wrap: break-word;
149
+ overflow-wrap: anywhere;
150
150
  }
151
151
 
152
152
  .pf-v6-c-progress__status-icon {
@@ -16,6 +16,9 @@
16
16
  --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
17
17
  }
18
18
 
19
+ .pf-v6-c-table.pf-m-tree-view {
20
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
21
+ }
19
22
  .pf-v6-c-table.pf-m-tree-view > tbody > tr {
20
23
  --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
21
24
  }
@@ -54,8 +54,8 @@
54
54
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
55
55
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
56
56
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
57
- --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
58
- --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
57
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
58
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
59
59
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
60
60
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
61
61
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
@@ -963,7 +963,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
963
963
  }
964
964
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
965
965
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
966
- pointer-events: none;
967
966
  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);
968
967
  }
969
968
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -41,7 +41,7 @@
41
41
 
42
42
  .pf-v6-c-title {
43
43
  font-family: var(--pf-v6-c-title--FontFamily);
44
- overflow-wrap: break-word;
44
+ overflow-wrap: anywhere;
45
45
  }
46
46
  .pf-v6-c-title.pf-m-4xl {
47
47
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -98,7 +98,7 @@
98
98
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
99
99
  color: var(--pf-v6-c-tooltip__content--Color);
100
100
  text-align: center;
101
- overflow-wrap: break-word;
101
+ overflow-wrap: anywhere;
102
102
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
103
103
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
104
104
  }
@@ -1,10 +1,10 @@
1
1
  .pf-v6-c-tree-view {
2
- --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));
2
+ --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));
3
3
  --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));
4
4
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
5
- --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6
- --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7
- --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5
+ --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
6
+ --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
7
+ --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
8
8
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
9
9
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
10
10
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -48,9 +48,9 @@
48
48
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
49
49
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
50
50
  --pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
51
- --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
51
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
52
52
  --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
53
- --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
53
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
54
54
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
55
55
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
56
56
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
@@ -66,7 +66,7 @@
66
66
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
67
67
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
68
68
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
69
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
69
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
70
70
  --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
71
71
  --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
72
72
  --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
@@ -259,7 +259,7 @@
259
259
  align-items: baseline;
260
260
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
261
261
  text-align: start;
262
- overflow-wrap: break-word;
262
+ overflow-wrap: anywhere;
263
263
  }
264
264
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
265
265
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -395,7 +395,7 @@
395
395
  padding-inline: 0;
396
396
  color: var(--pf-v6-c-wizard__nav-link--Color);
397
397
  text-align: start;
398
- overflow-wrap: break-word;
398
+ overflow-wrap: anywhere;
399
399
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
400
400
  counter-increment: wizard-nav-count;
401
401
  background-color: transparent;
@@ -514,7 +514,7 @@
514
514
  flex-direction: column;
515
515
  overflow-x: hidden;
516
516
  overflow-y: auto;
517
- overflow-wrap: break-word;
517
+ overflow-wrap: anywhere;
518
518
  }
519
519
 
520
520
  .pf-v6-c-wizard__main-body {
@@ -164,7 +164,7 @@
164
164
  overflow-x: hidden;
165
165
  overflow-y: auto;
166
166
  overscroll-behavior: contain;
167
- overflow-wrap: break-word;
167
+ overflow-wrap: anywhere;
168
168
  -webkit-overflow-scrolling: touch;
169
169
  }
170
170
  @media screen and (min-width: 36rem) {
@@ -206,10 +206,10 @@
206
206
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
207
207
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
208
208
  --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
209
- --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
209
+ --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
210
210
  --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
211
- --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
212
- --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
211
+ --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
212
+ --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
213
213
  --pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
214
214
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
215
215
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -521,9 +521,9 @@
521
521
  --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
522
522
  --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
523
523
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
524
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
525
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
526
- --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
524
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
525
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
526
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
527
527
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
528
528
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
529
529
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -535,8 +535,8 @@
535
535
  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
536
536
  --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
537
537
  --pf-v6-c-alert__title--max-lines: 1;
538
- --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
539
- --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
538
+ --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
539
+ --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
540
540
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
541
541
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
542
542
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -670,7 +670,7 @@
670
670
  grid-area: title;
671
671
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
672
672
  color: var(--pf-v6-c-alert__title--Color);
673
- overflow-wrap: break-word;
673
+ overflow-wrap: anywhere;
674
674
  }
675
675
  .pf-v6-c-alert__title.pf-m-truncate {
676
676
  display: -webkit-box;
@@ -682,7 +682,7 @@
682
682
  .pf-v6-c-alert__description {
683
683
  grid-area: description;
684
684
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
685
- overflow-wrap: break-word;
685
+ overflow-wrap: anywhere;
686
686
  }
687
687
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
688
688
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -1679,9 +1679,9 @@ div.pf-v6-c-avatar {
1679
1679
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
1680
1680
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
1681
1681
  --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
1682
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1682
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
1683
1683
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
1684
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1684
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
1685
1685
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
1686
1686
  }
1687
1687
 
@@ -1729,7 +1729,7 @@ div.pf-v6-c-avatar {
1729
1729
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
1730
1730
  line-height: inherit;
1731
1731
  color: var(--pf-v6-c-breadcrumb__link--Color);
1732
- overflow-wrap: break-word;
1732
+ overflow-wrap: anywhere;
1733
1733
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
1734
1734
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
1735
1735
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
@@ -3020,13 +3020,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3020
3020
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
3021
3021
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
3022
3022
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
3023
- --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3024
- --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3023
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3024
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3025
3025
  --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
3026
3026
  --pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
3027
- --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3027
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3028
3028
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
3029
- --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3029
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3030
3030
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
3031
3031
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
3032
3032
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -3564,7 +3564,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3564
3564
  }
3565
3565
 
3566
3566
  .pf-v6-c-clipboard-copy__text {
3567
- overflow-wrap: break-word;
3567
+ overflow-wrap: anywhere;
3568
3568
  white-space: normal;
3569
3569
  }
3570
3570
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -4993,7 +4993,7 @@ ul) {
4993
4993
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
4994
4994
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
4995
4995
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
4996
- --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
4996
+ --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
4997
4997
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
4998
4998
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
4999
4999
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -5026,8 +5026,8 @@ ul) {
5026
5026
  --pf-v6-c-data-list--cell--WordBreak: normal;
5027
5027
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
5028
5028
  --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
5029
- --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
5030
- --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
5029
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
5030
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
5031
5031
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
5032
5032
  --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
5033
5033
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -5058,8 +5058,8 @@ ul) {
5058
5058
  --pf-v6-c-data-list__item-action--Display: flex;
5059
5059
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
5060
5060
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
5061
- --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
5062
- --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
5061
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
5062
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
5063
5063
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
5064
5064
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
5065
5065
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
@@ -5889,7 +5889,7 @@ ul) {
5889
5889
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
5890
5890
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
5891
5891
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
5892
- --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: -180deg;
5892
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
5893
5893
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
5894
5894
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
5895
5895
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
@@ -9029,8 +9029,8 @@ ul) {
9029
9029
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
9030
9030
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
9031
9031
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
9032
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9033
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9032
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9033
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9034
9034
  }
9035
9035
 
9036
9036
  .pf-v6-c-hint {
@@ -11692,7 +11692,7 @@ ul.pf-v6-c-list {
11692
11692
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
11693
11693
  --pf-v6-c-menu__item-external--Color: transparent;
11694
11694
  --pf-v6-c-menu__item-select-icon--Color: transparent;
11695
- --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
11695
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
11696
11696
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
11697
11697
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
11698
11698
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -12059,7 +12059,7 @@ ul.pf-v6-c-list {
12059
12059
  .pf-v6-c-menu__item-description {
12060
12060
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
12061
12061
  color: var(--pf-v6-c-menu__item-description--Color);
12062
- overflow-wrap: break-word;
12062
+ overflow-wrap: anywhere;
12063
12063
  }
12064
12064
 
12065
12065
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -12707,7 +12707,7 @@ ul.pf-v6-c-list {
12707
12707
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12708
12708
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
12709
12709
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
12710
- --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
12710
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
12711
12711
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
12712
12712
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
12713
12713
  --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
@@ -12729,8 +12729,8 @@ ul.pf-v6-c-list {
12729
12729
  --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12730
12730
  --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
12731
12731
  --pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12732
- --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
12733
- --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
12732
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
12733
+ --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
12734
12734
  }
12735
12735
 
12736
12736
  .pf-v6-c-modal-box {
@@ -12856,7 +12856,7 @@ ul.pf-v6-c-list {
12856
12856
  overflow-x: hidden;
12857
12857
  overflow-y: auto;
12858
12858
  overscroll-behavior: contain;
12859
- overflow-wrap: break-word;
12859
+ overflow-wrap: anywhere;
12860
12860
  -webkit-overflow-scrolling: touch;
12861
12861
  }
12862
12862
  .pf-v6-c-modal-box__body:last-child {
@@ -13092,8 +13092,8 @@ ul.pf-v6-c-list {
13092
13092
  }
13093
13093
 
13094
13094
  .pf-v6-c-nav {
13095
- --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
13096
- --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13095
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
13096
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
13097
13097
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
13098
13098
  --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
13099
13099
  --pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
@@ -13730,7 +13730,7 @@ ul.pf-v6-c-list {
13730
13730
 
13731
13731
  .pf-v6-c-notification-drawer__list-item-header-title {
13732
13732
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
13733
- overflow-wrap: break-word;
13733
+ overflow-wrap: anywhere;
13734
13734
  }
13735
13735
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
13736
13736
  display: -webkit-box;
@@ -13752,7 +13752,7 @@ ul.pf-v6-c-list {
13752
13752
  grid-row: 2/3;
13753
13753
  grid-column: 1/2;
13754
13754
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
13755
- overflow-wrap: break-word;
13755
+ overflow-wrap: anywhere;
13756
13756
  }
13757
13757
 
13758
13758
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -13797,7 +13797,7 @@ ul.pf-v6-c-list {
13797
13797
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
13798
13798
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
13799
13799
  text-align: start;
13800
- overflow-wrap: break-word;
13800
+ overflow-wrap: anywhere;
13801
13801
  }
13802
13802
 
13803
13803
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -15051,7 +15051,8 @@ ul.pf-v6-c-list {
15051
15051
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
15052
15052
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
15053
15053
  --pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
15054
- --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
15054
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
15055
+ --pf-v6-c-pagination--m-bottom--BorderRadius: 0;
15055
15056
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
15056
15057
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
15057
15058
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
@@ -15065,6 +15066,8 @@ ul.pf-v6-c-list {
15065
15066
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
15066
15067
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15067
15068
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
15069
+ --pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
15070
+ --pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
15068
15071
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
15069
15072
  }
15070
15073
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
@@ -15072,6 +15075,9 @@ ul.pf-v6-c-list {
15072
15075
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
15073
15076
  --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
15074
15077
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
15078
+ --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
15079
+ --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
15080
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
15075
15081
  }
15076
15082
  .pf-v6-c-pagination {
15077
15083
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -15083,6 +15089,7 @@ ul.pf-v6-c-list {
15083
15089
  }
15084
15090
  @media screen and (min-width: 48rem) {
15085
15091
  .pf-v6-c-pagination {
15092
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
15086
15093
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
15087
15094
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
15088
15095
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -15108,9 +15115,6 @@ ul.pf-v6-c-list {
15108
15115
  border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
15109
15116
  border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
15110
15117
  }
15111
- :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) {
15112
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
15113
- }
15114
15118
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
15115
15119
  display: var(--pf-v6-c-pagination__page-menu--Display);
15116
15120
  }
@@ -15126,11 +15130,9 @@ ul.pf-v6-c-list {
15126
15130
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
15127
15131
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
15128
15132
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
15133
+ border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
15129
15134
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
15130
15135
  }
15131
- :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
15132
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
15133
- }
15134
15136
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
15135
15137
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
15136
15138
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -15149,6 +15151,7 @@ ul.pf-v6-c-list {
15149
15151
  .pf-v6-c-pagination.pf-m-bottom {
15150
15152
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
15151
15153
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
15154
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
15152
15155
  position: relative;
15153
15156
  justify-content: flex-end;
15154
15157
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
@@ -15173,12 +15176,14 @@ ul.pf-v6-c-list {
15173
15176
  }
15174
15177
  }
15175
15178
  .pf-v6-c-pagination.pf-m-static {
15179
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
15176
15180
  position: relative;
15177
15181
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
15178
15182
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
15179
15183
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
15180
15184
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
15181
15185
  border: 0;
15186
+ border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
15182
15187
  box-shadow: none;
15183
15188
  }
15184
15189
  .pf-v6-c-pagination.pf-m-sticky {
@@ -15631,7 +15636,7 @@ ul.pf-v6-c-list {
15631
15636
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
15632
15637
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
15633
15638
  --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
15634
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
15639
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
15635
15640
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
15636
15641
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
15637
15642
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
@@ -15932,7 +15937,7 @@ ul.pf-v6-c-list {
15932
15937
 
15933
15938
  .pf-v6-c-progress__description {
15934
15939
  grid-column: 1/2;
15935
- overflow-wrap: break-word;
15940
+ overflow-wrap: anywhere;
15936
15941
  }
15937
15942
  .pf-v6-c-progress__description.pf-m-truncate {
15938
15943
  overflow: hidden;
@@ -15948,7 +15953,7 @@ ul.pf-v6-c-list {
15948
15953
  align-items: flex-start;
15949
15954
  justify-content: flex-end;
15950
15955
  text-align: end;
15951
- overflow-wrap: break-word;
15956
+ overflow-wrap: anywhere;
15952
15957
  }
15953
15958
 
15954
15959
  .pf-v6-c-progress__status-icon {
@@ -19528,8 +19533,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19528
19533
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
19529
19534
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19530
19535
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
19531
- --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19532
- --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19536
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
19537
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
19533
19538
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
19534
19539
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19535
19540
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
@@ -20437,7 +20442,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20437
20442
  }
20438
20443
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
20439
20444
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
20440
- pointer-events: none;
20441
20445
  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);
20442
20446
  }
20443
20447
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -20633,6 +20637,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20633
20637
  --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
20634
20638
  }
20635
20639
 
20640
+ .pf-v6-c-table.pf-m-tree-view {
20641
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
20642
+ }
20636
20643
  .pf-v6-c-table.pf-m-tree-view > tbody > tr {
20637
20644
  --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
20638
20645
  }
@@ -22762,7 +22769,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22762
22769
 
22763
22770
  .pf-v6-c-title {
22764
22771
  font-family: var(--pf-v6-c-title--FontFamily);
22765
- overflow-wrap: break-word;
22772
+ overflow-wrap: anywhere;
22766
22773
  }
22767
22774
  .pf-v6-c-title.pf-m-4xl {
22768
22775
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -25184,7 +25191,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25184
25191
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
25185
25192
  color: var(--pf-v6-c-tooltip__content--Color);
25186
25193
  text-align: center;
25187
- overflow-wrap: break-word;
25194
+ overflow-wrap: anywhere;
25188
25195
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
25189
25196
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
25190
25197
  }
@@ -25298,12 +25305,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25298
25305
  }
25299
25306
 
25300
25307
  .pf-v6-c-tree-view {
25301
- --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));
25308
+ --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));
25302
25309
  --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));
25303
25310
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
25304
- --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25305
- --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
25306
- --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25311
+ --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
25312
+ --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
25313
+ --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
25307
25314
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
25308
25315
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
25309
25316
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -25347,9 +25354,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25347
25354
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
25348
25355
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
25349
25356
  --pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
25350
- --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25357
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
25351
25358
  --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
25352
- --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
25359
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
25353
25360
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
25354
25361
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
25355
25362
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
@@ -25365,7 +25372,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25365
25372
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
25366
25373
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
25367
25374
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
25368
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
25375
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
25369
25376
  --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
25370
25377
  --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
25371
25378
  --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
@@ -26096,7 +26103,7 @@ label.pf-v6-c-tree-view__node-text {
26096
26103
  align-items: baseline;
26097
26104
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
26098
26105
  text-align: start;
26099
- overflow-wrap: break-word;
26106
+ overflow-wrap: anywhere;
26100
26107
  }
26101
26108
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
26102
26109
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -26232,7 +26239,7 @@ label.pf-v6-c-tree-view__node-text {
26232
26239
  padding-inline: 0;
26233
26240
  color: var(--pf-v6-c-wizard__nav-link--Color);
26234
26241
  text-align: start;
26235
- overflow-wrap: break-word;
26242
+ overflow-wrap: anywhere;
26236
26243
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
26237
26244
  counter-increment: wizard-nav-count;
26238
26245
  background-color: transparent;
@@ -26351,7 +26358,7 @@ label.pf-v6-c-tree-view__node-text {
26351
26358
  flex-direction: column;
26352
26359
  overflow-x: hidden;
26353
26360
  overflow-y: auto;
26354
- overflow-wrap: break-word;
26361
+ overflow-wrap: anywhere;
26355
26362
  }
26356
26363
 
26357
26364
  .pf-v6-c-wizard__main-body {
@@ -755,10 +755,10 @@ declare const _default: {
755
755
  "paddingOn_2xl": "pf-m-padding-on-2xl",
756
756
  "noPaddingOn_2xl": "pf-m-no-padding-on-2xl",
757
757
  "bottom": "pf-m-bottom",
758
- "stickyBase": "pf-m-sticky-base",
759
- "stickyStuck": "pf-m-sticky-stuck",
760
758
  "first": "pf-m-first",
761
759
  "last": "pf-m-last",
760
+ "stickyBase": "pf-m-sticky-base",
761
+ "stickyStuck": "pf-m-sticky-stuck",
762
762
  "displaySummary": "pf-m-display-summary",
763
763
  "displayFull": "pf-m-display-full",
764
764
  "displaySummaryOnSm": "pf-m-display-summary-on-sm",
@@ -757,10 +757,10 @@ exports.default = {
757
757
  "paddingOn_2xl": "pf-m-padding-on-2xl",
758
758
  "noPaddingOn_2xl": "pf-m-no-padding-on-2xl",
759
759
  "bottom": "pf-m-bottom",
760
- "stickyBase": "pf-m-sticky-base",
761
- "stickyStuck": "pf-m-sticky-stuck",
762
760
  "first": "pf-m-first",
763
761
  "last": "pf-m-last",
762
+ "stickyBase": "pf-m-sticky-base",
763
+ "stickyStuck": "pf-m-sticky-stuck",
764
764
  "displaySummary": "pf-m-display-summary",
765
765
  "displayFull": "pf-m-display-full",
766
766
  "displaySummaryOnSm": "pf-m-display-summary-on-sm",
@@ -755,10 +755,10 @@ export default {
755
755
  "paddingOn_2xl": "pf-m-padding-on-2xl",
756
756
  "noPaddingOn_2xl": "pf-m-no-padding-on-2xl",
757
757
  "bottom": "pf-m-bottom",
758
- "stickyBase": "pf-m-sticky-base",
759
- "stickyStuck": "pf-m-sticky-stuck",
760
758
  "first": "pf-m-first",
761
759
  "last": "pf-m-last",
760
+ "stickyBase": "pf-m-sticky-base",
761
+ "stickyStuck": "pf-m-sticky-stuck",
762
762
  "displaySummary": "pf-m-display-summary",
763
763
  "displayFull": "pf-m-display-full",
764
764
  "displaySummaryOnSm": "pf-m-display-summary-on-sm",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.6.0",
3
+ "version": "6.6.1",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "^6.6.0",
22
+ "@patternfly/patternfly": "6.6.1",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.3.3"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "6f2385bbcc03de22a7ae8be506481e1b4d653200"
27
+ "gitHead": "a9477a0faacc1cd89ac4e65cec6b8b806c7ba2b3"
28
28
  }