@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
@@ -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 {
@@ -1802,7 +1802,7 @@ cssPrefix: pf-v6-c-dual-list-selector
1802
1802
  height="1em"
1803
1803
  >
1804
1804
  <path
1805
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
1805
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1806
1806
  />
1807
1807
  </svg>
1808
1808
  </span>
@@ -1912,7 +1912,7 @@ cssPrefix: pf-v6-c-dual-list-selector
1912
1912
  height="1em"
1913
1913
  >
1914
1914
  <path
1915
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
1915
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1916
1916
  />
1917
1917
  </svg>
1918
1918
  </span>
@@ -2040,7 +2040,7 @@ cssPrefix: pf-v6-c-dual-list-selector
2040
2040
  height="1em"
2041
2041
  >
2042
2042
  <path
2043
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2043
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2044
2044
  />
2045
2045
  </svg>
2046
2046
  </span>
@@ -2105,7 +2105,7 @@ cssPrefix: pf-v6-c-dual-list-selector
2105
2105
  height="1em"
2106
2106
  >
2107
2107
  <path
2108
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2108
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2109
2109
  />
2110
2110
  </svg>
2111
2111
  </span>
@@ -2435,7 +2435,7 @@ cssPrefix: pf-v6-c-dual-list-selector
2435
2435
  height="1em"
2436
2436
  >
2437
2437
  <path
2438
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2438
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2439
2439
  />
2440
2440
  </svg>
2441
2441
  </span>
@@ -2526,7 +2526,7 @@ cssPrefix: pf-v6-c-dual-list-selector
2526
2526
  height="1em"
2527
2527
  >
2528
2528
  <path
2529
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2529
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2530
2530
  />
2531
2531
  </svg>
2532
2532
  </span>
@@ -2659,7 +2659,7 @@ cssPrefix: pf-v6-c-dual-list-selector
2659
2659
  height="1em"
2660
2660
  >
2661
2661
  <path
2662
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2662
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2663
2663
  />
2664
2664
  </svg>
2665
2665
  </span>
@@ -2722,7 +2722,7 @@ cssPrefix: pf-v6-c-dual-list-selector
2722
2722
  height="1em"
2723
2723
  >
2724
2724
  <path
2725
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2725
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2726
2726
  />
2727
2727
  </svg>
2728
2728
  </span>
@@ -2953,7 +2953,7 @@ cssPrefix: pf-v6-c-dual-list-selector
2953
2953
  height="1em"
2954
2954
  >
2955
2955
  <path
2956
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2956
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2957
2957
  />
2958
2958
  </svg>
2959
2959
  </span>
@@ -3122,7 +3122,7 @@ cssPrefix: pf-v6-c-dual-list-selector
3122
3122
  height="1em"
3123
3123
  >
3124
3124
  <path
3125
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
3125
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3126
3126
  />
3127
3127
  </svg>
3128
3128
  </span>
@@ -3232,7 +3232,7 @@ cssPrefix: pf-v6-c-dual-list-selector
3232
3232
  height="1em"
3233
3233
  >
3234
3234
  <path
3235
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
3235
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3236
3236
  />
3237
3237
  </svg>
3238
3238
  </span>
@@ -3360,7 +3360,7 @@ cssPrefix: pf-v6-c-dual-list-selector
3360
3360
  height="1em"
3361
3361
  >
3362
3362
  <path
3363
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
3363
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3364
3364
  />
3365
3365
  </svg>
3366
3366
  </span>
@@ -3425,7 +3425,7 @@ cssPrefix: pf-v6-c-dual-list-selector
3425
3425
  height="1em"
3426
3426
  >
3427
3427
  <path
3428
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
3428
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3429
3429
  />
3430
3430
  </svg>
3431
3431
  </span>
@@ -95,7 +95,7 @@ Use the input group to extend form controls by adding text, buttons, selects, et
95
95
  <div class="pf-v6-c-input-group">
96
96
  <div class="pf-v6-c-input-group__item">
97
97
  <button
98
- class="pf-v6-c-menu-toggle"
98
+ class="pf-v6-c-menu-toggle pf-m-form"
99
99
  type="button"
100
100
  aria-expanded="false"
101
101
  id="select-example-collapsed1"