@patternfly/react-styles 6.6.0 → 6.6.1-prerelease.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 (71) hide show
  1. package/CHANGELOG.md +16 -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/Button/button.css +20 -8
  7. package/css/components/Button/button.d.ts +1 -0
  8. package/css/components/Button/button.js +1 -0
  9. package/css/components/Button/button.mjs +1 -0
  10. package/css/components/Card/card.css +4 -4
  11. package/css/components/ClipboardCopy/clipboard-copy.css +1 -1
  12. package/css/components/Compass/compass.css +21 -24
  13. package/css/components/Compass/compass.d.ts +1 -0
  14. package/css/components/Compass/compass.js +1 -0
  15. package/css/components/Compass/compass.mjs +1 -0
  16. package/css/components/DataList/data-list.css +16 -14
  17. package/css/components/DataList/data-list.d.ts +1 -0
  18. package/css/components/DataList/data-list.js +1 -0
  19. package/css/components/DataList/data-list.mjs +1 -0
  20. package/css/components/DualListSelector/dual-list-selector.css +1 -1
  21. package/css/components/FormControl/form-control.css +12 -2
  22. package/css/components/Hint/hint.css +2 -2
  23. package/css/components/Label/label.css +9 -3
  24. package/css/components/Masthead/masthead.css +3 -3
  25. package/css/components/Masthead/masthead.d.ts +1 -0
  26. package/css/components/Masthead/masthead.js +1 -0
  27. package/css/components/Masthead/masthead.mjs +1 -0
  28. package/css/components/Menu/menu.css +2 -2
  29. package/css/components/MenuToggle/menu-toggle.css +4 -4
  30. package/css/components/MenuToggle/menu-toggle.d.ts +1 -0
  31. package/css/components/MenuToggle/menu-toggle.js +1 -0
  32. package/css/components/MenuToggle/menu-toggle.mjs +1 -0
  33. package/css/components/ModalBox/modal-box.css +4 -4
  34. package/css/components/Nav/nav.css +27 -7
  35. package/css/components/Nav/nav.d.ts +2 -0
  36. package/css/components/Nav/nav.js +2 -0
  37. package/css/components/Nav/nav.mjs +2 -0
  38. package/css/components/NotificationDrawer/notification-drawer.css +3 -3
  39. package/css/components/Page/page.css +27 -17
  40. package/css/components/Page/page.d.ts +2 -0
  41. package/css/components/Page/page.js +2 -0
  42. package/css/components/Page/page.mjs +2 -0
  43. package/css/components/Pagination/pagination.css +12 -7
  44. package/css/components/Pagination/pagination.d.ts +2 -4
  45. package/css/components/Pagination/pagination.js +2 -4
  46. package/css/components/Pagination/pagination.mjs +2 -4
  47. package/css/components/Popover/popover.css +1 -1
  48. package/css/components/Progress/progress.css +2 -2
  49. package/css/components/Table/table-grid.css +26 -14
  50. package/css/components/Table/table-tree-view.css +3 -0
  51. package/css/components/Table/table.css +6 -3
  52. package/css/components/Tabs/tabs.css +19 -5
  53. package/css/components/Title/title.css +1 -1
  54. package/css/components/Tooltip/tooltip.css +1 -1
  55. package/css/components/TreeView/tree-view.css +7 -7
  56. package/css/components/Wizard/wizard.css +4 -4
  57. package/css/components/_index.css +252 -158
  58. package/css/components/_index.d.ts +5 -2
  59. package/css/components/_index.js +5 -2
  60. package/css/components/_index.mjs +5 -2
  61. package/css/docs/components/Nav/examples/Navigation.css +3 -1
  62. package/dist/esm/index.d.ts +1 -1
  63. package/dist/esm/index.d.ts.map +1 -1
  64. package/dist/esm/index.js +2 -2
  65. package/dist/esm/index.js.map +1 -1
  66. package/dist/js/index.d.ts +1 -1
  67. package/dist/js/index.d.ts.map +1 -1
  68. package/dist/js/index.js +2 -2
  69. package/dist/js/index.js.map +1 -1
  70. package/package.json +3 -3
  71. package/src/index.ts +3 -3
package/css/components/_index.css CHANGED
@@ -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);
@@ -1788,6 +1788,7 @@ button.pf-v6-c-breadcrumb__link {
1788
1788
  --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
1789
1789
  --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
1790
1790
  --pf-v6-c-button--BackgroundColor: transparent;
1791
+ --pf-v6-c-button--Background--click: radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
1791
1792
  --pf-v6-c-button--BorderColor: transparent;
1792
1793
  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
1793
1794
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -2026,6 +2027,7 @@ button.pf-v6-c-breadcrumb__link {
2026
2027
  --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
2027
2028
  --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
2028
2029
  --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
2030
+ --pf-v6-c-button--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
2029
2031
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
2030
2032
  --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
2031
2033
  --pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
@@ -2101,12 +2103,12 @@ button.pf-v6-c-breadcrumb__link {
2101
2103
  --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
2102
2104
  --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
2103
2105
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
2104
- --pf-v6-c-button__progress--Opacity: 0;
2105
2106
  --pf-v6-c-button__progress--TranslateY: -50%;
2106
2107
  --pf-v6-c-button__progress--TranslateX: 0;
2107
2108
  --pf-v6-c-button__progress--InsetBlockStart: 50%;
2108
2109
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
2109
2110
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
2111
+ --pf-v6-c-button__progress--Position: absolute;
2110
2112
  --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
2111
2113
  --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
2112
2114
  --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
@@ -2114,6 +2116,8 @@ button.pf-v6-c-breadcrumb__link {
2114
2116
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
2115
2117
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
2116
2118
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
2119
+ --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-v6-c-button--TransitionDuration);
2120
+ --pf-v6-c-button--m-progress--TransitionProperty: var(--pf-v6-c-button--TransitionProperty), padding;
2117
2121
  --pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
2118
2122
  --pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
2119
2123
  --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
@@ -2163,7 +2167,7 @@ button.pf-v6-c-breadcrumb__link {
2163
2167
  cursor: pointer;
2164
2168
  -webkit-user-select: none;
2165
2169
  user-select: none;
2166
- background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
2170
+ background: var(--pf-v6-c-button--BackgroundColor) var(--pf-v6-c-button--Background--click);
2167
2171
  border: 0;
2168
2172
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
2169
2173
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
@@ -2457,7 +2461,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2457
2461
  }
2458
2462
  .pf-v6-c-button.pf-m-block {
2459
2463
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
2464
+ --pf-v6-c-button__progress--Position: relative;
2465
+ --pf-v6-c-button__progress--InsetBlockStart: 0;
2466
+ --pf-v6-c-button__progress--InsetInlineStart: 0;
2467
+ --pf-v6-c-button__progress--TranslateY: 0;
2460
2468
  width: var(--pf-v6-c-button--m-block--Width);
2469
+ transition-duration: var(--pf-v6-c-button--m-progress--TransitionDuration);
2470
+ transition-property: var(--pf-v6-c-button--m-progress--TransitionProperty);
2471
+ }
2472
+ .pf-v6-c-button.pf-m-block .pf-v6-c-button__progress {
2473
+ align-self: center;
2461
2474
  }
2462
2475
  .pf-v6-c-button.pf-m-small {
2463
2476
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
@@ -2536,7 +2549,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2536
2549
  --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
2537
2550
  --pf-v6-c-button__icon--TransitionDuration: 0s;
2538
2551
  --pf-v6-c-button__icon--TransitionProperty: scale;
2539
- --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
2540
2552
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
2541
2553
  --pf-v6-c-button--hover__icon--TransitionProperty: scale;
2542
2554
  }
@@ -2609,10 +2621,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2609
2621
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
2610
2622
  color: var(--pf-v6-c-button--disabled--Color);
2611
2623
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
2612
- background: var(--pf-v6-c-button--disabled--BackgroundColor);
2624
+ background: var(--pf-v6-c-button--disabled--BackgroundColor) var(--pf-v6-c-button--Background--click);
2613
2625
  }
2614
2626
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
2615
- border-color: transparent;
2627
+ border-color: var(--pf-v6-c-button--disabled--BorderColor);
2616
2628
  }
2617
2629
  .pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
2618
2630
  color: var(--pf-v6-c-button--disabled__icon--Color);
@@ -2660,11 +2672,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2660
2672
  display: none;
2661
2673
  }
2662
2674
  }
2663
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-button.pf-m-docked, .pf-v6-c-button.pf-m-text-expanded {
2675
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-button.pf-m-docked, .pf-v6-c-button:is(.pf-m-text-expanded, .pf-m-expandable-expanded) {
2664
2676
  justify-content: flex-start;
2665
2677
  width: 100%;
2666
2678
  }
2667
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-button.pf-m-docked .pf-v6-c-button__text, .pf-v6-c-button.pf-m-text-expanded .pf-v6-c-button__text {
2679
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-button.pf-m-docked .pf-v6-c-button__text, .pf-v6-c-button:is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-button__text {
2668
2680
  display: revert;
2669
2681
  }
2670
2682
 
@@ -2702,7 +2714,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2702
2714
  }
2703
2715
 
2704
2716
  .pf-v6-c-button__progress {
2705
- position: absolute;
2717
+ position: var(--pf-v6-c-button__progress--Position);
2706
2718
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
2707
2719
  inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
2708
2720
  line-height: 1;
@@ -3020,13 +3032,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3020
3032
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
3021
3033
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
3022
3034
  --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);
3035
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3036
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3025
3037
  --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
3026
3038
  --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);
3039
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3028
3040
  --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);
3041
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3030
3042
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
3031
3043
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
3032
3044
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -3564,7 +3576,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3564
3576
  }
3565
3577
 
3566
3578
  .pf-v6-c-clipboard-copy__text {
3567
- overflow-wrap: break-word;
3579
+ overflow-wrap: anywhere;
3568
3580
  white-space: normal;
3569
3581
  }
3570
3582
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -3960,13 +3972,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3960
3972
  align-items: stretch;
3961
3973
  padding: 0;
3962
3974
  }
3963
- .pf-v6-c-compass.pf-m-docked .pf-v6-c-compass__main {
3964
- padding: var(--pf-v6-c-compass--Padding);
3975
+ .pf-v6-c-compass.pf-m-docked .pf-v6-c-compass__container .pf-v6-c-compass__header {
3976
+ all: revert;
3965
3977
  }
3966
- .pf-v6-c-compass.pf-m-docked > .pf-v6-c-compass__container > .pf-v6-c-masthead {
3967
- --pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-compass--m-docked__masthead--BackgroundColor);
3978
+ .pf-v6-c-compass.pf-m-docked .pf-v6-c-compass__container > :is(.pf-v6-c-compass__header, .pf-v6-c-masthead) {
3968
3979
  grid-area: header;
3969
3980
  }
3981
+ .pf-v6-c-compass.pf-m-docked .pf-v6-c-compass__container > .pf-v6-c-masthead {
3982
+ --pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-compass--m-docked__masthead--BackgroundColor);
3983
+ }
3984
+ .pf-v6-c-compass.pf-m-docked .pf-v6-c-compass__main {
3985
+ padding: var(--pf-v6-c-compass--Padding);
3986
+ }
3970
3987
  @media (min-width: 62rem) {
3971
3988
  .pf-v6-c-compass.pf-m-docked .pf-v6-c-compass__container {
3972
3989
  grid-template-areas: "dock main";
@@ -3976,11 +3993,11 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3976
3993
  align-items: stretch;
3977
3994
  padding: 0;
3978
3995
  }
3979
- .pf-v6-c-compass.pf-m-docked > .pf-v6-c-compass__container > .pf-v6-c-masthead {
3996
+ .pf-v6-c-compass.pf-m-docked > .pf-v6-c-compass__container > :is(.pf-v6-c-compass__header, .pf-v6-c-masthead) {
3980
3997
  display: none;
3981
3998
  }
3982
3999
  }
3983
- .pf-v6-c-compass > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
4000
+ .pf-v6-c-compass__container > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
3984
4001
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
3985
4002
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
3986
4003
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
@@ -3989,16 +4006,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3989
4006
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
3990
4007
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
3991
4008
  }
3992
- .pf-v6-c-compass:where(:has(> .pf-v6-c-compass__dock.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
3993
- --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
3994
- --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
3995
- --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
3996
- --pf-v6-c-button__icon--TransitionDelay: 0s;
3997
- --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
3998
- --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
3999
- --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
4000
- }
4001
- .pf-v6-c-compass .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
4009
+
4010
+ .pf-v6-c-compass .pf-v6-c-compass__dock:is(.pf-m-expanded, .pf-m-expandable-expanded) .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
4002
4011
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
4003
4012
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
4004
4013
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
@@ -4008,15 +4017,15 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4008
4017
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
4009
4018
  }
4010
4019
  @media (min-width: 62rem) {
4011
- .pf-v6-c-compass .pf-v6-c-compass__dock .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger,
4012
- .pf-v6-c-compass .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
4020
+ .pf-v6-c-compass .pf-v6-c-compass__dock:not(.pf-m-expandable-expanded) .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger,
4021
+ .pf-v6-c-compass .pf-v6-c-compass__dock.pf-m-expanded:not(.pf-m-expandable-expanded) .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
4013
4022
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
4014
4023
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
4015
4024
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
4016
4025
  --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
4017
4026
  --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
4018
4027
  }
4019
- .pf-v6-c-compass .pf-v6-c-compass__dock .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
4028
+ .pf-v6-c-compass .pf-v6-c-compass__dock:not(.pf-m-expandable-expanded) .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
4020
4029
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
4021
4030
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
4022
4031
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
@@ -4025,7 +4034,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4025
4034
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
4026
4035
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
4027
4036
  }
4028
- .pf-v6-c-compass .pf-v6-c-compass__dock.pf-m-text-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
4037
+ .pf-v6-c-compass .pf-v6-c-compass__dock.pf-m-text-expanded:not(.pf-m-expandable-expanded) .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
4029
4038
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
4030
4039
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
4031
4040
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
@@ -4179,14 +4188,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4179
4188
  translate: -100% 0;
4180
4189
  transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
4181
4190
  }
4182
- .pf-v6-c-compass__dock.pf-m-expanded {
4191
+ .pf-v6-c-compass__dock.pf-m-expanded, .pf-v6-c-compass__dock.pf-m-expandable-expanded {
4183
4192
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
4184
4193
  visibility: visible;
4185
4194
  translate: 0;
4186
4195
  transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
4187
4196
  }
4188
4197
  @media (min-width: 62rem) {
4189
- .pf-v6-c-compass__dock {
4198
+ .pf-v6-c-compass__dock:not(.pf-m-expandable-expanded) {
4190
4199
  --pf-v6-c-compass__dock-main--BackgroundColor: var(--pf-v6-c-compass__dock-main--desktop--BackgroundColor);
4191
4200
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
4192
4201
  position: revert;
@@ -4210,12 +4219,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4210
4219
  box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
4211
4220
  backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
4212
4221
  }
4213
- .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
4222
+ .pf-v6-c-compass__dock:is(.pf-m-expanded, .pf-m-expandable-expanded) .pf-v6-c-compass__dock-main {
4214
4223
  border-inline-end: var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndColor);
4215
4224
  box-shadow: var(--pf-v6-c-compass__dock--m-expanded__dock-main--BoxShadow);
4216
4225
  }
4217
4226
  @media (min-width: 62rem) {
4218
- .pf-v6-c-compass__dock-main {
4227
+ .pf-v6-c-compass__dock:not(.pf-m-expandable-expanded) .pf-v6-c-compass__dock-main {
4219
4228
  --pf-v6-c-compass__dock-main--BoxShadow: var(--pf-v6-c-compass__dock-main--desktop--BoxShadow);
4220
4229
  --pf-v6-c-compass__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-compass__dock-main--desktop--BoxShadow);
4221
4230
  --pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth);
@@ -4993,7 +5002,7 @@ ul) {
4993
5002
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
4994
5003
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
4995
5004
  --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));
5005
+ --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
4997
5006
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
4998
5007
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
4999
5008
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -5026,8 +5035,8 @@ ul) {
5026
5035
  --pf-v6-c-data-list--cell--WordBreak: normal;
5027
5036
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
5028
5037
  --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);
5038
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
5039
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
5031
5040
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
5032
5041
  --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
5033
5042
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -5039,7 +5048,7 @@ ul) {
5039
5048
  --pf-v6-c-data-list__item-draggable-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5040
5049
  --pf-v6-c-data-list__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--lg) * -1);
5041
5050
  --pf-v6-c-data-list__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--lg) * -1);
5042
- --pf-v6-c-data-list__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--lg);
5051
+ --pf-v6-c-data-list__item-draggable-button--PaddingBlockStart: var(--pf-v6-c-data-list__cell--PaddingBlockStart);
5043
5052
  --pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
5044
5053
  --pf-v6-c-data-list__item-draggable-button--MarginInlineStart: calc(var(--pf-t--global--spacer--md) * -1);
5045
5054
  --pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -5054,12 +5063,12 @@ ul) {
5054
5063
  --pf-v6-c-data-list__item-control--md--MarginInlineEnd: var(--pf-t--global--spacer--xl);
5055
5064
  --pf-v6-c-data-list__item-control--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--md);
5056
5065
  --pf-v6-c-data-list__check--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
5057
- --pf-v6-c-data-list__check--MarginBlockStart: -0.0625rem;
5066
+ --pf-v6-c-data-list__check--MarginBlockStart: 0;
5058
5067
  --pf-v6-c-data-list__item-action--Display: flex;
5059
5068
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
5060
5069
  --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);
5070
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
5071
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
5063
5072
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
5064
5073
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
5065
5074
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
@@ -5097,7 +5106,7 @@ ul) {
5097
5106
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5098
5107
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
5099
5108
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
5100
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
5109
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell--PaddingBlockStart);
5101
5110
  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
5102
5111
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
5103
5112
  }
@@ -5227,9 +5236,10 @@ ul) {
5227
5236
  cursor: pointer;
5228
5237
  }
5229
5238
 
5230
- .pf-v6-c-data-list__item-draggable-button {
5239
+ .pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain {
5231
5240
  display: flex;
5232
5241
  flex-direction: column;
5242
+ justify-content: start;
5233
5243
  padding-block-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart);
5234
5244
  padding-block-end: var(--pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd);
5235
5245
  padding-inline-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingInlineStart);
@@ -5237,24 +5247,25 @@ ul) {
5237
5247
  margin-block-start: var(--pf-v6-c-data-list__item-draggable-button--MarginBlockStart);
5238
5248
  margin-block-end: var(--pf-v6-c-data-list__item-draggable-button--MarginBlockEnd);
5239
5249
  margin-inline-start: var(--pf-v6-c-data-list__item-draggable-button--MarginInlineStart);
5250
+ line-height: 1lh;
5240
5251
  background-color: var(--pf-v6-c-data-list__item-draggable-button--BackgroundColor);
5241
5252
  border: 0;
5242
5253
  }
5243
- .pf-v6-c-data-list__item-draggable-button:hover {
5254
+ .pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:hover {
5244
5255
  --pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--hover__draggable-icon--Color);
5245
5256
  cursor: grab;
5246
5257
  }
5247
- .pf-v6-c-data-list__item-draggable-button:focus {
5258
+ .pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:focus {
5248
5259
  --pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--focus__draggable-icon--Color);
5249
5260
  }
5250
- .pf-v6-c-data-list__item-draggable-button:active {
5261
+ .pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:active {
5251
5262
  cursor: grabbing;
5252
5263
  }
5253
- .pf-v6-c-data-list__item-draggable-button.pf-m-disabled {
5264
+ .pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:is(:disabled, .pf-m-disabled) {
5254
5265
  --pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color);
5255
5266
  pointer-events: none;
5256
5267
  }
5257
- .pf-v6-c-data-list__item-draggable-button .pf-v6-c-data-list__item-draggable-icon {
5268
+ .pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain .pf-v6-c-data-list__item-draggable-icon {
5258
5269
  color: var(--pf-v6-c-data-list__item-draggable-button-icon--Color);
5259
5270
  }
5260
5271
 
@@ -5889,7 +5900,7 @@ ul) {
5889
5900
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
5890
5901
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
5891
5902
  --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;
5903
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
5893
5904
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
5894
5905
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
5895
5906
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
@@ -8499,6 +8510,10 @@ ul) {
8499
8510
  --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
8500
8511
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
8501
8512
  --pf-v6-c-form-control--Width: 100%;
8513
+ --pf-v6-c-form-control--TransitionDelay: 0s;
8514
+ --pf-v6-c-form-control--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
8515
+ --pf-v6-c-form-control--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
8516
+ --pf-v6-c-form-control--TransitionProperty: color, background-color, border-color;
8502
8517
  --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
8503
8518
  --pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
8504
8519
  --pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
@@ -8604,12 +8619,17 @@ ul) {
8604
8619
  resize: var(--pf-v6-c-form-control--Resize);
8605
8620
  background-color: var(--pf-v6-c-form-control--BackgroundColor);
8606
8621
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
8622
+ transition-delay: var(--pf-v6-c-form-control--TransitionDelay);
8623
+ transition-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction);
8624
+ transition-duration: var(--pf-v6-c-form-control--TransitionDuration);
8625
+ transition-property: var(--pf-v6-c-form-control--TransitionProperty);
8607
8626
  }
8608
8627
  .pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
8609
8628
  position: absolute;
8610
8629
  inset: 0;
8611
8630
  pointer-events: none;
8612
8631
  content: "";
8632
+ transition: inherit;
8613
8633
  }
8614
8634
  .pf-v6-c-form-control::before {
8615
8635
  border-color: var(--pf-v6-c-form-control--before--BorderColor);
@@ -8705,10 +8725,11 @@ ul) {
8705
8725
  --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
8706
8726
  --pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
8707
8727
  --pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
8708
- --pf-v6-c-form-control--before--BorderStyle: none;
8709
- --pf-v6-c-form-control--after--BorderStyle: none;
8710
8728
  cursor: not-allowed;
8711
8729
  }
8730
+ .pf-v6-c-form-control.pf-m-disabled::before, .pf-v6-c-form-control.pf-m-disabled::after {
8731
+ border-color: transparent;
8732
+ }
8712
8733
  .pf-v6-c-form-control.pf-m-error {
8713
8734
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
8714
8735
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
@@ -9029,8 +9050,8 @@ ul) {
9029
9050
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
9030
9051
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
9031
9052
  --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);
9053
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9054
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9034
9055
  }
9035
9056
 
9036
9057
  .pf-v6-c-hint {
@@ -10315,7 +10336,6 @@ label.pf-v6-c-input-group__text {
10315
10336
  position: absolute;
10316
10337
  inset: 0;
10317
10338
  z-index: -1;
10318
- pointer-events: none;
10319
10339
  content: "";
10320
10340
  background-color: var(--pf-v6-c-label--BackgroundColor);
10321
10341
  border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
@@ -10334,8 +10354,15 @@ input.pf-v6-c-label__content {
10334
10354
  .pf-v6-c-label__actions {
10335
10355
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
10336
10356
  }
10337
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
10338
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
10357
+ .pf-v6-c-label .pf-v6-c-label__actions .pf-v6-c-button {
10358
+ padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
10359
+ padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
10360
+ padding-inline-end: var(--pf-v6-c-label--PaddingInlineEnd);
10361
+ margin-block-start: calc(var(--pf-v6-c-label--PaddingBlockStart) * -1);
10362
+ margin-block-end: calc(var(--pf-v6-c-label--PaddingBlockEnd) * -1);
10363
+ margin-inline-end: calc(var(--pf-v6-c-label--PaddingInlineEnd) * -1);
10364
+ border-start-end-radius: var(--pf-v6-c-label--BorderRadius);
10365
+ border-end-end-radius: var(--pf-v6-c-label--BorderRadius);
10339
10366
  }
10340
10367
 
10341
10368
  .pf-v6-c-label__actions .pf-v6-c-button {
@@ -11009,13 +11036,13 @@ ul.pf-v6-c-list {
11009
11036
  display: revert;
11010
11037
  }
11011
11038
  }
11012
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo {
11039
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo {
11013
11040
  display: revert;
11014
11041
  }
11015
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo.pf-m-compact {
11042
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo.pf-m-compact {
11016
11043
  display: none;
11017
11044
  }
11018
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__main {
11045
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__main {
11019
11046
  align-items: flex-start;
11020
11047
  }
11021
11048
 
@@ -11692,7 +11719,7 @@ ul.pf-v6-c-list {
11692
11719
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
11693
11720
  --pf-v6-c-menu__item-external--Color: transparent;
11694
11721
  --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);
11722
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
11696
11723
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
11697
11724
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
11698
11725
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -12059,7 +12086,7 @@ ul.pf-v6-c-list {
12059
12086
  .pf-v6-c-menu__item-description {
12060
12087
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
12061
12088
  color: var(--pf-v6-c-menu__item-description--Color);
12062
- overflow-wrap: break-word;
12089
+ overflow-wrap: anywhere;
12063
12090
  }
12064
12091
 
12065
12092
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -12489,13 +12516,13 @@ ul.pf-v6-c-list {
12489
12516
  display: none;
12490
12517
  }
12491
12518
  }
12492
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked, .pf-v6-c-menu-toggle.pf-m-text-expanded {
12519
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-menu-toggle.pf-m-docked, .pf-v6-c-menu-toggle:is(.pf-m-text-expanded, .pf-m-expandable-expanded) {
12493
12520
  justify-content: flex-start;
12494
12521
  width: 100%;
12495
12522
  }
12496
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__text,
12497
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__controls, .pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__text,
12498
- .pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__controls {
12523
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__text,
12524
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__controls, .pf-v6-c-menu-toggle:is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-menu-toggle__text,
12525
+ .pf-v6-c-menu-toggle:is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-menu-toggle__controls {
12499
12526
  display: revert;
12500
12527
  }
12501
12528
 
@@ -12707,7 +12734,7 @@ ul.pf-v6-c-list {
12707
12734
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12708
12735
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
12709
12736
  --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);
12737
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
12711
12738
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
12712
12739
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
12713
12740
  --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
@@ -12729,8 +12756,8 @@ ul.pf-v6-c-list {
12729
12756
  --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12730
12757
  --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
12731
12758
  --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);
12759
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
12760
+ --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
12734
12761
  }
12735
12762
 
12736
12763
  .pf-v6-c-modal-box {
@@ -12856,7 +12883,7 @@ ul.pf-v6-c-list {
12856
12883
  overflow-x: hidden;
12857
12884
  overflow-y: auto;
12858
12885
  overscroll-behavior: contain;
12859
- overflow-wrap: break-word;
12886
+ overflow-wrap: anywhere;
12860
12887
  -webkit-overflow-scrolling: touch;
12861
12888
  }
12862
12889
  .pf-v6-c-modal-box__body:last-child {
@@ -13092,8 +13119,8 @@ ul.pf-v6-c-list {
13092
13119
  }
13093
13120
 
13094
13121
  .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);
13122
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
13123
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
13097
13124
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
13098
13125
  --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
13099
13126
  --pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
@@ -13153,6 +13180,7 @@ ul.pf-v6-c-list {
13153
13180
  --pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
13154
13181
  --pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
13155
13182
  --pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
13183
+ --pf-v6-c-nav__link-icon--hover--Color: var(--pf-t--global--icon--color--regular);
13156
13184
  --pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
13157
13185
  --pf-v6-c-nav__link-text--FontSize: initial;
13158
13186
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
@@ -13209,6 +13237,9 @@ ul.pf-v6-c-list {
13209
13237
  --pf-v6-c-nav--m-docked__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
13210
13238
  --pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
13211
13239
  --pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
13240
+ --pf-v6-c-nav--m-docked__link-expandable-icon--Color: var(--pf-t--global--icon--color--subtle);
13241
+ --pf-v6-c-nav--m-docked__link-expandable-icon--offset: 0.75em;
13242
+ --pf-v6-c-nav--m-docked__link-expandable-icon--Scale: 0.8;
13212
13243
  }
13213
13244
 
13214
13245
  .pf-v6-c-nav,
@@ -13253,20 +13284,35 @@ ul.pf-v6-c-list {
13253
13284
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor);
13254
13285
  width: 100%;
13255
13286
  }
13287
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-expandable-icon {
13288
+ position: absolute;
13289
+ inset-block-start: 50%;
13290
+ inset-inline-start: 50%;
13291
+ display: none;
13292
+ color: var(--pf-v6-c-nav--m-docked__link-expandable-icon--Color);
13293
+ scale: var(--pf-v6-c-nav--m-docked__link-expandable-icon--Scale);
13294
+ translate: -50% calc(-50% + var(--pf-v6-c-nav--m-docked__link-expandable-icon--offset));
13295
+ }
13256
13296
  @media (min-width: 62rem) {
13257
13297
  .pf-v6-c-nav.pf-m-docked {
13258
13298
  width: fit-content;
13259
13299
  }
13260
- .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
13300
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text, .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__toggle, .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__subnav {
13261
13301
  display: none;
13262
13302
  }
13303
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-expandable-icon {
13304
+ display: revert;
13305
+ }
13263
13306
  }
13264
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-nav.pf-m-docked, .pf-v6-c-nav.pf-m-docked.pf-m-text-expanded {
13307
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-nav.pf-m-docked, .pf-v6-c-nav.pf-m-docked:is(.pf-m-text-expanded, .pf-m-expandable-expanded) {
13265
13308
  width: 100%;
13266
13309
  }
13267
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text, .pf-v6-c-nav.pf-m-docked.pf-m-text-expanded .pf-v6-c-nav__link-text {
13310
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text, :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__toggle, :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__subnav, .pf-v6-c-nav.pf-m-docked:is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-nav__link-text, .pf-v6-c-nav.pf-m-docked:is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-nav__toggle, .pf-v6-c-nav.pf-m-docked:is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-nav__subnav {
13268
13311
  display: revert;
13269
13312
  }
13313
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-expandable-icon, .pf-v6-c-nav.pf-m-docked:is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-nav__link-expandable-icon {
13314
+ display: none;
13315
+ }
13270
13316
 
13271
13317
  .pf-v6-c-nav .pf-v6-c-menu {
13272
13318
  --pf-v6-c-menu--MinWidth: 100%;
@@ -13355,7 +13401,7 @@ ul.pf-v6-c-list {
13355
13401
  .pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
13356
13402
  margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
13357
13403
  }
13358
- .pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current) {
13404
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):not(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-m-docked .pf-v6-c-nav__item:has(.pf-v6-c-nav__subnav .pf-v6-c-nav__link.pf-m-current), .pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current) {
13359
13405
  --pf-v6-c-nav__item--accent--ScaleY: var(--pf-v6-c-nav__item--current--accent--ScaleY);
13360
13406
  --pf-v6-c-nav__item--accent--TransitionDuration: var(--pf-v6-c-nav__item--current--accent--TransitionDuration);
13361
13407
  }
@@ -13406,10 +13452,11 @@ ul.pf-v6-c-list {
13406
13452
  }
13407
13453
  .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
13408
13454
  --pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--hover--BorderWidth);
13455
+ --pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link-icon--hover--Color);
13409
13456
  color: var(--pf-v6-c-nav__link--hover--Color);
13410
13457
  background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
13411
13458
  }
13412
- .pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
13459
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):not(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-nav__item:has(.pf-v6-c-nav__subnav .pf-v6-c-nav__link.pf-m-current) > .pf-v6-c-nav__link, .pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
13413
13460
  --pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link--m-current__link-icon--Color);
13414
13461
  --pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--m-current--BorderWidth);
13415
13462
  color: var(--pf-v6-c-nav__link--m-current--Color);
@@ -13730,7 +13777,7 @@ ul.pf-v6-c-list {
13730
13777
 
13731
13778
  .pf-v6-c-notification-drawer__list-item-header-title {
13732
13779
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
13733
- overflow-wrap: break-word;
13780
+ overflow-wrap: anywhere;
13734
13781
  }
13735
13782
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
13736
13783
  display: -webkit-box;
@@ -13752,7 +13799,7 @@ ul.pf-v6-c-list {
13752
13799
  grid-row: 2/3;
13753
13800
  grid-column: 1/2;
13754
13801
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
13755
- overflow-wrap: break-word;
13802
+ overflow-wrap: anywhere;
13756
13803
  }
13757
13804
 
13758
13805
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -13797,7 +13844,7 @@ ul.pf-v6-c-list {
13797
13844
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
13798
13845
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
13799
13846
  text-align: start;
13800
- overflow-wrap: break-word;
13847
+ overflow-wrap: anywhere;
13801
13848
  }
13802
13849
 
13803
13850
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -13874,6 +13921,7 @@ ul.pf-v6-c-list {
13874
13921
  .pf-v6-c-page {
13875
13922
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13876
13923
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
13924
+ --pf-v6-c-page__header--ZIndex: var(--pf-t--global--z-index--md);
13877
13925
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
13878
13926
  --pf-v6-c-page__dock--Width: 15.625rem;
13879
13927
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -14162,7 +14210,7 @@ ul.pf-v6-c-list {
14162
14210
  grid-template-columns: auto 1fr;
14163
14211
  column-gap: var(--pf-v6-c-page--m-dock--ColumnGap);
14164
14212
  }
14165
- .pf-v6-c-page.pf-m-docked > .pf-v6-c-masthead {
14213
+ .pf-v6-c-page.pf-m-docked > :is(.pf-v6-c-page__header, .pf-v6-c-masthead) {
14166
14214
  display: none;
14167
14215
  }
14168
14216
  }
@@ -14185,7 +14233,7 @@ ul.pf-v6-c-list {
14185
14233
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
14186
14234
  }
14187
14235
  @media (min-width: 75rem) {
14188
- .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger, .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
14236
+ .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible), .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
14189
14237
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
14190
14238
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
14191
14239
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
@@ -14211,7 +14259,7 @@ ul.pf-v6-c-list {
14211
14259
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
14212
14260
  }
14213
14261
  }
14214
- .pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
14262
+ .pf-v6-c-page .pf-v6-c-page__dock:is(.pf-m-expanded, .pf-m-expandable-expanded) .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
14215
14263
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
14216
14264
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
14217
14265
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
@@ -14221,15 +14269,15 @@ ul.pf-v6-c-list {
14221
14269
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
14222
14270
  }
14223
14271
  @media (min-width: 62rem) {
14224
- .pf-v6-c-page .pf-v6-c-page__dock .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger,
14225
- .pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
14272
+ .pf-v6-c-page .pf-v6-c-page__dock:not(.pf-m-expandable-expanded) .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger,
14273
+ .pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded:not(.pf-m-expandable-expanded) .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
14226
14274
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
14227
14275
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
14228
14276
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
14229
14277
  --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
14230
14278
  --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
14231
14279
  }
14232
- .pf-v6-c-page .pf-v6-c-page__dock .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
14280
+ .pf-v6-c-page .pf-v6-c-page__dock:not(.pf-m-expandable-expanded) .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
14233
14281
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
14234
14282
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
14235
14283
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
@@ -14238,7 +14286,7 @@ ul.pf-v6-c-list {
14238
14286
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
14239
14287
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
14240
14288
  }
14241
- .pf-v6-c-page .pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
14289
+ .pf-v6-c-page .pf-v6-c-page__dock.pf-m-text-expanded:not(.pf-m-expandable-expanded) .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
14242
14290
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
14243
14291
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
14244
14292
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
@@ -14249,15 +14297,24 @@ ul.pf-v6-c-list {
14249
14297
  }
14250
14298
  }
14251
14299
 
14300
+ .pf-v6-c-page__header {
14301
+ z-index: var(--pf-v6-c-page__header--ZIndex);
14302
+ }
14303
+
14304
+ .pf-v6-c-page__header,
14305
+ .pf-v6-c-page > .pf-v6-c-masthead {
14306
+ grid-area: header;
14307
+ }
14308
+
14309
+ .pf-v6-c-page > .pf-v6-c-masthead {
14310
+ z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
14311
+ }
14252
14312
  @media (min-width: 75rem) {
14253
14313
  .pf-v6-c-page > .pf-v6-c-masthead {
14254
14314
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
14255
14315
  }
14256
14316
  }
14257
- .pf-v6-c-page > .pf-v6-c-masthead {
14258
- z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
14259
- grid-area: header;
14260
- }
14317
+
14261
14318
  .pf-v6-c-page.pf-m-docked > .pf-v6-c-masthead {
14262
14319
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns);
14263
14320
  }
@@ -14280,14 +14337,14 @@ ul.pf-v6-c-list {
14280
14337
  translate: 100% 0;
14281
14338
  }
14282
14339
 
14283
- .pf-v6-c-page__dock.pf-m-expanded {
14340
+ .pf-v6-c-page__dock.pf-m-expanded, .pf-v6-c-page__dock.pf-m-expandable-expanded {
14284
14341
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
14285
14342
  visibility: visible;
14286
14343
  translate: 0;
14287
14344
  transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
14288
14345
  }
14289
14346
  @media (min-width: 62rem) {
14290
- .pf-v6-c-page__dock {
14347
+ .pf-v6-c-page__dock:not(.pf-m-expandable-expanded) {
14291
14348
  position: revert;
14292
14349
  inset: revert;
14293
14350
  visibility: revert;
@@ -14309,12 +14366,12 @@ ul.pf-v6-c-list {
14309
14366
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
14310
14367
  backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
14311
14368
  }
14312
- .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
14369
+ .pf-v6-c-page__dock:is(.pf-m-expanded, .pf-m-expandable-expanded) .pf-v6-c-page__dock-main {
14313
14370
  border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
14314
14371
  box-shadow: var(--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow);
14315
14372
  }
14316
14373
  @media (min-width: 62rem) {
14317
- .pf-v6-c-page__dock-main {
14374
+ .pf-v6-c-page__dock:not(.pf-m-expandable-expanded) .pf-v6-c-page__dock-main {
14318
14375
  --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
14319
14376
  --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
14320
14377
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
@@ -14787,8 +14844,8 @@ ul.pf-v6-c-list {
14787
14844
  -webkit-overflow-scrolling: touch;
14788
14845
  }
14789
14846
  @media screen and (min-width: 75rem) {
14790
- .pf-v6-c-page.pf-m-no-sidebar, .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
14791
- .pf-v6-c-masthead + .pf-v6-c-page__drawer,
14847
+ .pf-v6-c-page.pf-m-no-sidebar, :is(.pf-v6-c-page__header, .pf-v6-c-masthead) + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
14848
+ :is(.pf-v6-c-page__header, .pf-v6-c-masthead) + .pf-v6-c-page__drawer,
14792
14849
  .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
14793
14850
  --pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
14794
14851
  }
@@ -15051,7 +15108,8 @@ ul.pf-v6-c-list {
15051
15108
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
15052
15109
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
15053
15110
  --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);
15111
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
15112
+ --pf-v6-c-pagination--m-bottom--BorderRadius: 0;
15055
15113
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
15056
15114
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
15057
15115
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
@@ -15065,6 +15123,8 @@ ul.pf-v6-c-list {
15065
15123
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
15066
15124
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15067
15125
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
15126
+ --pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
15127
+ --pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
15068
15128
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
15069
15129
  }
15070
15130
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
@@ -15072,6 +15132,9 @@ ul.pf-v6-c-list {
15072
15132
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
15073
15133
  --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
15074
15134
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
15135
+ --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
15136
+ --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
15137
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
15075
15138
  }
15076
15139
  .pf-v6-c-pagination {
15077
15140
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -15083,6 +15146,7 @@ ul.pf-v6-c-list {
15083
15146
  }
15084
15147
  @media screen and (min-width: 48rem) {
15085
15148
  .pf-v6-c-pagination {
15149
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
15086
15150
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
15087
15151
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
15088
15152
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -15108,9 +15172,6 @@ ul.pf-v6-c-list {
15108
15172
  border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
15109
15173
  border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
15110
15174
  }
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
15175
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
15115
15176
  display: var(--pf-v6-c-pagination__page-menu--Display);
15116
15177
  }
@@ -15126,11 +15187,9 @@ ul.pf-v6-c-list {
15126
15187
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
15127
15188
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
15128
15189
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
15190
+ border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
15129
15191
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
15130
15192
  }
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
15193
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
15135
15194
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
15136
15195
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -15149,6 +15208,7 @@ ul.pf-v6-c-list {
15149
15208
  .pf-v6-c-pagination.pf-m-bottom {
15150
15209
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
15151
15210
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
15211
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
15152
15212
  position: relative;
15153
15213
  justify-content: flex-end;
15154
15214
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
@@ -15173,12 +15233,14 @@ ul.pf-v6-c-list {
15173
15233
  }
15174
15234
  }
15175
15235
  .pf-v6-c-pagination.pf-m-static {
15236
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
15176
15237
  position: relative;
15177
15238
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
15178
15239
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
15179
15240
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
15180
15241
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
15181
15242
  border: 0;
15243
+ border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
15182
15244
  box-shadow: none;
15183
15245
  }
15184
15246
  .pf-v6-c-pagination.pf-m-sticky {
@@ -15631,7 +15693,7 @@ ul.pf-v6-c-list {
15631
15693
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
15632
15694
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
15633
15695
  --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));
15696
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
15635
15697
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
15636
15698
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
15637
15699
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
@@ -15932,7 +15994,7 @@ ul.pf-v6-c-list {
15932
15994
 
15933
15995
  .pf-v6-c-progress__description {
15934
15996
  grid-column: 1/2;
15935
- overflow-wrap: break-word;
15997
+ overflow-wrap: anywhere;
15936
15998
  }
15937
15999
  .pf-v6-c-progress__description.pf-m-truncate {
15938
16000
  overflow: hidden;
@@ -15948,7 +16010,7 @@ ul.pf-v6-c-list {
15948
16010
  align-items: flex-start;
15949
16011
  justify-content: flex-end;
15950
16012
  text-align: end;
15951
- overflow-wrap: break-word;
16013
+ overflow-wrap: anywhere;
15952
16014
  }
15953
16015
 
15954
16016
  .pf-v6-c-progress__status-icon {
@@ -17900,22 +17962,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17900
17962
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
17901
17963
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
17902
17964
  --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
17965
+ --pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
17903
17966
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
17904
17967
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17905
17968
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
17906
17969
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
17907
- --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
17908
- --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
17970
+ --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
17971
+ --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + var(--pf-t--global--spacer--control--vertical--compact) * -1);
17909
17972
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
17910
17973
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
17911
17974
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
17912
17975
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
17913
17976
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17914
17977
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
17915
- --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
17916
- --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
17978
+ --pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
17979
+ --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0;
17917
17980
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
17918
17981
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
17982
+ --pf-v6-c-table__action--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + var(--pf-t--global--spacer--control--vertical--plain) * -1);
17919
17983
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
17920
17984
  --pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
17921
17985
  --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -17997,10 +18061,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17997
18061
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
17998
18062
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
17999
18063
  }
18000
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
18064
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
18001
18065
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18002
18066
  }
18003
18067
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
18068
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18004
18069
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18005
18070
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18006
18071
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18010,7 +18075,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18010
18075
  }
18011
18076
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18012
18077
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18013
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18078
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18014
18079
  }
18015
18080
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18016
18081
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18200,6 +18265,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18200
18265
  }
18201
18266
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
18202
18267
  text-align: end;
18268
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18203
18269
  }
18204
18270
  @media screen and (max-width: 36rem) {
18205
18271
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
@@ -18306,10 +18372,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18306
18372
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18307
18373
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18308
18374
  }
18309
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
18375
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
18310
18376
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18311
18377
  }
18312
18378
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
18379
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18313
18380
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18314
18381
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18315
18382
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18319,7 +18386,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18319
18386
  }
18320
18387
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18321
18388
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18322
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18389
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18323
18390
  }
18324
18391
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18325
18392
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18509,6 +18576,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18509
18576
  }
18510
18577
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
18511
18578
  text-align: end;
18579
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18512
18580
  }
18513
18581
  @media screen and (max-width: 36rem) {
18514
18582
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
@@ -18616,10 +18684,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18616
18684
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18617
18685
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18618
18686
  }
18619
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
18687
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
18620
18688
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18621
18689
  }
18622
18690
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
18691
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18623
18692
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18624
18693
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18625
18694
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18629,7 +18698,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18629
18698
  }
18630
18699
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18631
18700
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18632
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18701
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18633
18702
  }
18634
18703
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18635
18704
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18819,6 +18888,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18819
18888
  }
18820
18889
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
18821
18890
  text-align: end;
18891
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18822
18892
  }
18823
18893
  @media screen and (max-width: 36rem) {
18824
18894
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
@@ -18926,10 +18996,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18926
18996
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18927
18997
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18928
18998
  }
18929
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
18999
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
18930
19000
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18931
19001
  }
18932
19002
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
19003
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18933
19004
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18934
19005
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18935
19006
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18939,7 +19010,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18939
19010
  }
18940
19011
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18941
19012
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18942
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
19013
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18943
19014
  }
18944
19015
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18945
19016
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -19129,6 +19200,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19129
19200
  }
19130
19201
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
19131
19202
  text-align: end;
19203
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
19132
19204
  }
19133
19205
  @media screen and (max-width: 36rem) {
19134
19206
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -19236,10 +19308,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19236
19308
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
19237
19309
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
19238
19310
  }
19239
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
19311
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
19240
19312
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
19241
19313
  }
19242
19314
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
19315
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
19243
19316
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
19244
19317
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
19245
19318
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -19249,7 +19322,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19249
19322
  }
19250
19323
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
19251
19324
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
19252
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
19325
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
19253
19326
  }
19254
19327
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
19255
19328
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -19439,6 +19512,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19439
19512
  }
19440
19513
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
19441
19514
  text-align: end;
19515
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
19442
19516
  }
19443
19517
  @media screen and (max-width: 36rem) {
19444
19518
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -19528,8 +19602,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19528
19602
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
19529
19603
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19530
19604
  --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);
19605
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
19606
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
19533
19607
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
19534
19608
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19535
19609
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
@@ -19615,6 +19689,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19615
19689
  --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
19616
19690
  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
19617
19691
  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
19692
+ --pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19693
+ --pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19618
19694
  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
19619
19695
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
19620
19696
  --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
@@ -20398,6 +20474,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20398
20474
  .pf-v6-c-table.pf-m-compact {
20399
20475
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
20400
20476
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
20477
+ --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockStart);
20478
+ --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockEnd);
20401
20479
  }
20402
20480
  .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
20403
20481
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
@@ -20437,7 +20515,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20437
20515
  }
20438
20516
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
20439
20517
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
20440
- pointer-events: none;
20441
20518
  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
20519
  }
20443
20520
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -20633,6 +20710,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20633
20710
  --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
20634
20711
  }
20635
20712
 
20713
+ .pf-v6-c-table.pf-m-tree-view {
20714
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
20715
+ }
20636
20716
  .pf-v6-c-table.pf-m-tree-view > tbody > tr {
20637
20717
  --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
20638
20718
  }
@@ -21489,10 +21569,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21489
21569
  --pf-v6-c-tabs__link--BorderColor: transparent;
21490
21570
  --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
21491
21571
  --pf-v6-c-tabs__link--disabled--BorderColor: transparent;
21492
- --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
21493
- --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21494
- --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
21495
- --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
21572
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
21573
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
21574
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
21575
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
21496
21576
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
21497
21577
  --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
21498
21578
  --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
@@ -21511,9 +21591,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21511
21591
  --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
21512
21592
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21513
21593
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
21514
- --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
21515
21594
  --pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
21516
21595
  --pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
21596
+ --pf-v6-c-tabs--m-subtab__link--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) - var(--pf-t--global--spacer--control--vertical--compact) + (var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body) - 1lh) / 2);
21597
+ --pf-v6-c-tabs--m-subtab__link--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) - var(--pf-t--global--spacer--control--vertical--compact) + (var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body) - 1lh) / 2);
21598
+ --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--body--sm);
21599
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
21600
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
21601
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
21602
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
21517
21603
  --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
21518
21604
  --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
21519
21605
  --pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
@@ -21880,9 +21966,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21880
21966
  }
21881
21967
  .pf-v6-c-tabs.pf-m-subtab {
21882
21968
  --pf-v6-c-tabs__link--FontSize: var(--pf-v6-c-tabs--m-subtab__link--FontSize);
21969
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart);
21970
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd);
21971
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart);
21972
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd);
21883
21973
  --pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
21884
21974
  --pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
21885
21975
  }
21976
+ .pf-v6-c-tabs.pf-m-subtab .pf-v6-c-tabs__link {
21977
+ margin-block-start: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockStart);
21978
+ margin-block-end: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd);
21979
+ }
21886
21980
  .pf-v6-c-tabs.pf-m-page-insets {
21887
21981
  --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
21888
21982
  }
@@ -22762,7 +22856,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22762
22856
 
22763
22857
  .pf-v6-c-title {
22764
22858
  font-family: var(--pf-v6-c-title--FontFamily);
22765
- overflow-wrap: break-word;
22859
+ overflow-wrap: anywhere;
22766
22860
  }
22767
22861
  .pf-v6-c-title.pf-m-4xl {
22768
22862
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -25184,7 +25278,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25184
25278
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
25185
25279
  color: var(--pf-v6-c-tooltip__content--Color);
25186
25280
  text-align: center;
25187
- overflow-wrap: break-word;
25281
+ overflow-wrap: anywhere;
25188
25282
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
25189
25283
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
25190
25284
  }
@@ -25298,12 +25392,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25298
25392
  }
25299
25393
 
25300
25394
  .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));
25395
+ --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
25396
  --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
25397
  --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);
25398
+ --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
25399
+ --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
25400
+ --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
25307
25401
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
25308
25402
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
25309
25403
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -25347,9 +25441,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25347
25441
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
25348
25442
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
25349
25443
  --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);
25444
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
25351
25445
  --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);
25446
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
25353
25447
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
25354
25448
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
25355
25449
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
@@ -25365,7 +25459,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25365
25459
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
25366
25460
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
25367
25461
  --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;
25462
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
25369
25463
  --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
25370
25464
  --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
25371
25465
  --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
@@ -25970,7 +26064,7 @@ label.pf-v6-c-tree-view__node-text {
25970
26064
  --pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
25971
26065
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
25972
26066
  --pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
25973
- --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
26067
+ --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--sm);
25974
26068
  --pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
25975
26069
  --pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
25976
26070
  --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -26096,7 +26190,7 @@ label.pf-v6-c-tree-view__node-text {
26096
26190
  align-items: baseline;
26097
26191
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
26098
26192
  text-align: start;
26099
- overflow-wrap: break-word;
26193
+ overflow-wrap: anywhere;
26100
26194
  }
26101
26195
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
26102
26196
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -26232,7 +26326,7 @@ label.pf-v6-c-tree-view__node-text {
26232
26326
  padding-inline: 0;
26233
26327
  color: var(--pf-v6-c-wizard__nav-link--Color);
26234
26328
  text-align: start;
26235
- overflow-wrap: break-word;
26329
+ overflow-wrap: anywhere;
26236
26330
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
26237
26331
  counter-increment: wizard-nav-count;
26238
26332
  background-color: transparent;
@@ -26351,7 +26445,7 @@ label.pf-v6-c-tree-view__node-text {
26351
26445
  flex-direction: column;
26352
26446
  overflow-x: hidden;
26353
26447
  overflow-y: auto;
26354
- overflow-wrap: break-word;
26448
+ overflow-wrap: anywhere;
26355
26449
  }
26356
26450
 
26357
26451
  .pf-v6-c-wizard__main-body {