@patternfly/react-styles 6.6.1-prerelease.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 (63) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/css/components/Accordion/accordion.css +3 -3
  3. package/css/components/Alert/alert.css +5 -5
  4. package/css/components/Breadcrumb/breadcrumb.css +2 -2
  5. package/css/components/Button/button.css +20 -8
  6. package/css/components/Button/button.d.ts +1 -0
  7. package/css/components/Button/button.js +1 -0
  8. package/css/components/Button/button.mjs +1 -0
  9. package/css/components/Card/card.css +4 -4
  10. package/css/components/Compass/compass.css +21 -24
  11. package/css/components/Compass/compass.d.ts +1 -0
  12. package/css/components/Compass/compass.js +1 -0
  13. package/css/components/Compass/compass.mjs +1 -0
  14. package/css/components/DataList/data-list.css +16 -14
  15. package/css/components/DataList/data-list.d.ts +1 -0
  16. package/css/components/DataList/data-list.js +1 -0
  17. package/css/components/DataList/data-list.mjs +1 -0
  18. package/css/components/FormControl/form-control.css +12 -2
  19. package/css/components/Hint/hint.css +2 -2
  20. package/css/components/Label/label.css +9 -3
  21. package/css/components/Masthead/masthead.css +3 -3
  22. package/css/components/Masthead/masthead.d.ts +1 -0
  23. package/css/components/Masthead/masthead.js +1 -0
  24. package/css/components/Masthead/masthead.mjs +1 -0
  25. package/css/components/Menu/menu.css +1 -1
  26. package/css/components/MenuToggle/menu-toggle.css +4 -4
  27. package/css/components/MenuToggle/menu-toggle.d.ts +1 -0
  28. package/css/components/MenuToggle/menu-toggle.js +1 -0
  29. package/css/components/MenuToggle/menu-toggle.mjs +1 -0
  30. package/css/components/ModalBox/modal-box.css +3 -3
  31. package/css/components/Nav/nav.css +27 -7
  32. package/css/components/Nav/nav.d.ts +2 -0
  33. package/css/components/Nav/nav.js +2 -0
  34. package/css/components/Nav/nav.mjs +2 -0
  35. package/css/components/Page/page.css +27 -17
  36. package/css/components/Page/page.d.ts +2 -0
  37. package/css/components/Page/page.js +2 -0
  38. package/css/components/Page/page.mjs +2 -0
  39. package/css/components/Pagination/pagination.css +12 -7
  40. package/css/components/Pagination/pagination.d.ts +2 -4
  41. package/css/components/Pagination/pagination.js +2 -4
  42. package/css/components/Pagination/pagination.mjs +2 -4
  43. package/css/components/Popover/popover.css +1 -1
  44. package/css/components/Table/table-grid.css +26 -14
  45. package/css/components/Table/table.css +6 -2
  46. package/css/components/Tabs/tabs.css +19 -5
  47. package/css/components/TreeView/tree-view.css +6 -6
  48. package/css/components/Wizard/wizard.css +1 -1
  49. package/css/components/_index.css +230 -138
  50. package/css/components/_index.d.ts +5 -2
  51. package/css/components/_index.js +5 -2
  52. package/css/components/_index.mjs +5 -2
  53. package/css/docs/components/Nav/examples/Navigation.css +3 -1
  54. package/dist/esm/index.d.ts +1 -1
  55. package/dist/esm/index.d.ts.map +1 -1
  56. package/dist/esm/index.js +2 -2
  57. package/dist/esm/index.js.map +1 -1
  58. package/dist/js/index.d.ts +1 -1
  59. package/dist/js/index.d.ts.map +1 -1
  60. package/dist/js/index.js +2 -2
  61. package/dist/js/index.js.map +1 -1
  62. package/package.json +3 -3
  63. package/src/index.ts +3 -3
package/css/components/_index.css CHANGED
@@ -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);
@@ -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
 
@@ -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);
@@ -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
 
@@ -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;
@@ -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 {
@@ -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);
@@ -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);
@@ -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);
@@ -21491,10 +21569,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21491
21569
  --pf-v6-c-tabs__link--BorderColor: transparent;
21492
21570
  --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
21493
21571
  --pf-v6-c-tabs__link--disabled--BorderColor: transparent;
21494
- --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
21495
- --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21496
- --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
21497
- --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);
21498
21576
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
21499
21577
  --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
21500
21578
  --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
@@ -21513,9 +21591,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21513
21591
  --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
21514
21592
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21515
21593
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
21516
- --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
21517
21594
  --pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
21518
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);
21519
21603
  --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
21520
21604
  --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
21521
21605
  --pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
@@ -21882,9 +21966,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21882
21966
  }
21883
21967
  .pf-v6-c-tabs.pf-m-subtab {
21884
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);
21885
21973
  --pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
21886
21974
  --pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
21887
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
+ }
21888
21980
  .pf-v6-c-tabs.pf-m-page-insets {
21889
21981
  --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
21890
21982
  }
@@ -25300,12 +25392,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25300
25392
  }
25301
25393
 
25302
25394
  .pf-v6-c-tree-view {
25303
- --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));
25304
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));
25305
25397
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
25306
- --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25307
- --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
25308
- --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);
25309
25401
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
25310
25402
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
25311
25403
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -25349,9 +25441,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25349
25441
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
25350
25442
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
25351
25443
  --pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
25352
- --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);
25353
25445
  --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
25354
- --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);
25355
25447
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
25356
25448
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
25357
25449
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
@@ -25972,7 +26064,7 @@ label.pf-v6-c-tree-view__node-text {
25972
26064
  --pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
25973
26065
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
25974
26066
  --pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
25975
- --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);
25976
26068
  --pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
25977
26069
  --pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
25978
26070
  --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);