@patternfly/react-styles 6.6.1-prerelease.0 → 6.6.1-prerelease.2

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 +16 -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 +67 -17
  36. package/css/components/Page/page.d.ts +4 -1
  37. package/css/components/Page/page.js +4 -1
  38. package/css/components/Page/page.mjs +4 -1
  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 +270 -138
  50. package/css/components/_index.d.ts +6 -2
  51. package/css/components/_index.js +6 -2
  52. package/css/components/_index.mjs +6 -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;
@@ -14094,6 +14142,9 @@ ul.pf-v6-c-list {
14094
14142
  --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
14095
14143
  --pf-v6-c-page--m-dock__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
14096
14144
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
14145
+ --pf-v6-c-page--m-plain__main-container--MarginBlockEnd: var(--pf-v6-c-page--inset);
14146
+ --pf-v6-c-page--m-plain__main--RowGap: var(--pf-t--global--spacer--gutter--default);
14147
+ --pf-v6-c-page__footer--ZIndex: var(--pf-v6-c-page__main-container--ZIndex);
14097
14148
  }
14098
14149
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
14099
14150
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -14138,12 +14189,19 @@ ul.pf-v6-c-list {
14138
14189
  max-height: 100%;
14139
14190
  background-color: var(--pf-v6-c-page--BackgroundColor);
14140
14191
  }
14192
+ .pf-v6-c-page:has(> .pf-v6-c-page__footer) {
14193
+ grid-template-areas: "header" "main" "footer";
14194
+ grid-template-rows: max-content 1fr auto;
14195
+ }
14141
14196
  @media (min-width: 75rem) {
14142
14197
  .pf-v6-c-page {
14143
14198
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
14144
14199
  grid-template-areas: "header header" "sidebar main";
14145
14200
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
14146
14201
  }
14202
+ .pf-v6-c-page:has(> .pf-v6-c-page__footer) {
14203
+ grid-template-areas: "header header" "sidebar main" "footer footer";
14204
+ }
14147
14205
  }
14148
14206
  .pf-v6-c-page.pf-m-docked {
14149
14207
  --pf-v6-c-page--masthead--main-container--GridArea: main;
@@ -14162,7 +14220,7 @@ ul.pf-v6-c-list {
14162
14220
  grid-template-columns: auto 1fr;
14163
14221
  column-gap: var(--pf-v6-c-page--m-dock--ColumnGap);
14164
14222
  }
14165
- .pf-v6-c-page.pf-m-docked > .pf-v6-c-masthead {
14223
+ .pf-v6-c-page.pf-m-docked > :is(.pf-v6-c-page__header, .pf-v6-c-masthead) {
14166
14224
  display: none;
14167
14225
  }
14168
14226
  }
@@ -14185,7 +14243,7 @@ ul.pf-v6-c-list {
14185
14243
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
14186
14244
  }
14187
14245
  @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) {
14246
+ .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
14247
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
14190
14248
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
14191
14249
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
@@ -14211,7 +14269,7 @@ ul.pf-v6-c-list {
14211
14269
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
14212
14270
  }
14213
14271
  }
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 {
14272
+ .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
14273
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
14216
14274
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
14217
14275
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
@@ -14221,15 +14279,15 @@ ul.pf-v6-c-list {
14221
14279
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
14222
14280
  }
14223
14281
  @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 {
14282
+ .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,
14283
+ .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
14284
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
14227
14285
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
14228
14286
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
14229
14287
  --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
14230
14288
  --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
14231
14289
  }
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) {
14290
+ .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
14291
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
14234
14292
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
14235
14293
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
@@ -14238,7 +14296,7 @@ ul.pf-v6-c-list {
14238
14296
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
14239
14297
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
14240
14298
  }
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) {
14299
+ .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
14300
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
14243
14301
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
14244
14302
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
@@ -14248,20 +14306,58 @@ ul.pf-v6-c-list {
14248
14306
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
14249
14307
  }
14250
14308
  }
14309
+ .pf-v6-c-page.pf-m-plain {
14310
+ --pf-v6-c-page__main-container--MarginBlockEnd: var(--pf-v6-c-page--m-plain__main-container--MarginBlockEnd);
14311
+ height: revert;
14312
+ min-height: 100dvh;
14313
+ max-height: revert;
14314
+ }
14315
+ .pf-v6-c-page.pf-m-plain :is(.pf-v6-c-page__main, .pf-v6-c-page__main-container) {
14316
+ overflow: revert;
14317
+ }
14318
+ .pf-v6-c-page.pf-m-plain .pf-v6-c-page__main-container {
14319
+ max-height: revert;
14320
+ background: transparent;
14321
+ border: 0;
14322
+ border-radius: 0;
14323
+ box-shadow: none;
14324
+ backdrop-filter: none;
14325
+ }
14326
+ .pf-v6-c-page.pf-m-plain .pf-v6-c-page__main {
14327
+ gap: var(--pf-v6-c-page--m-plain__main--RowGap);
14328
+ }
14329
+ .pf-v6-c-page.pf-m-plain .pf-v6-c-page__main-breadcrumb,
14330
+ .pf-v6-c-page.pf-m-plain .pf-v6-c-page__main-subnav {
14331
+ padding: 0;
14332
+ }
14333
+
14334
+ .pf-v6-c-page__header {
14335
+ z-index: var(--pf-v6-c-page__header--ZIndex);
14336
+ }
14337
+
14338
+ .pf-v6-c-page__header,
14339
+ .pf-v6-c-page > .pf-v6-c-masthead {
14340
+ grid-area: header;
14341
+ }
14251
14342
 
14343
+ .pf-v6-c-page > .pf-v6-c-masthead {
14344
+ z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
14345
+ }
14252
14346
  @media (min-width: 75rem) {
14253
14347
  .pf-v6-c-page > .pf-v6-c-masthead {
14254
14348
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
14255
14349
  }
14256
14350
  }
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
- }
14351
+
14261
14352
  .pf-v6-c-page.pf-m-docked > .pf-v6-c-masthead {
14262
14353
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns);
14263
14354
  }
14264
14355
 
14356
+ .pf-v6-c-page__footer {
14357
+ z-index: var(--pf-v6-c-page__footer--ZIndex);
14358
+ grid-area: footer;
14359
+ }
14360
+
14265
14361
  .pf-v6-c-page__dock {
14266
14362
  position: fixed;
14267
14363
  inset-block-start: 0;
@@ -14280,14 +14376,14 @@ ul.pf-v6-c-list {
14280
14376
  translate: 100% 0;
14281
14377
  }
14282
14378
 
14283
- .pf-v6-c-page__dock.pf-m-expanded {
14379
+ .pf-v6-c-page__dock.pf-m-expanded, .pf-v6-c-page__dock.pf-m-expandable-expanded {
14284
14380
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
14285
14381
  visibility: visible;
14286
14382
  translate: 0;
14287
14383
  transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
14288
14384
  }
14289
14385
  @media (min-width: 62rem) {
14290
- .pf-v6-c-page__dock {
14386
+ .pf-v6-c-page__dock:not(.pf-m-expandable-expanded) {
14291
14387
  position: revert;
14292
14388
  inset: revert;
14293
14389
  visibility: revert;
@@ -14309,12 +14405,12 @@ ul.pf-v6-c-list {
14309
14405
  box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
14310
14406
  backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
14311
14407
  }
14312
- .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
14408
+ .pf-v6-c-page__dock:is(.pf-m-expanded, .pf-m-expandable-expanded) .pf-v6-c-page__dock-main {
14313
14409
  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
14410
  box-shadow: var(--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow);
14315
14411
  }
14316
14412
  @media (min-width: 62rem) {
14317
- .pf-v6-c-page__dock-main {
14413
+ .pf-v6-c-page__dock:not(.pf-m-expandable-expanded) .pf-v6-c-page__dock-main {
14318
14414
  --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
14319
14415
  --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
14320
14416
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
@@ -14758,6 +14854,7 @@ ul.pf-v6-c-list {
14758
14854
  align-self: var(--pf-v6-c-page__main-container--AlignSelf);
14759
14855
  max-height: var(--pf-v6-c-page__main-container--MaxHeight);
14760
14856
  margin-block-start: var(--pf-v6-c-page__main-container--MarginBlockStart, 0);
14857
+ margin-block-end: var(--pf-v6-c-page__main-container--MarginBlockEnd, 0);
14761
14858
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
14762
14859
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
14763
14860
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
@@ -14787,8 +14884,8 @@ ul.pf-v6-c-list {
14787
14884
  -webkit-overflow-scrolling: touch;
14788
14885
  }
14789
14886
  @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,
14887
+ .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,
14888
+ :is(.pf-v6-c-page__header, .pf-v6-c-masthead) + .pf-v6-c-page__drawer,
14792
14889
  .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
14793
14890
  --pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
14794
14891
  }
@@ -15051,7 +15148,8 @@ ul.pf-v6-c-list {
15051
15148
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
15052
15149
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
15053
15150
  --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);
15151
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
15152
+ --pf-v6-c-pagination--m-bottom--BorderRadius: 0;
15055
15153
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
15056
15154
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
15057
15155
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
@@ -15065,6 +15163,8 @@ ul.pf-v6-c-list {
15065
15163
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
15066
15164
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15067
15165
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
15166
+ --pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
15167
+ --pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
15068
15168
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
15069
15169
  }
15070
15170
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
@@ -15072,6 +15172,9 @@ ul.pf-v6-c-list {
15072
15172
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
15073
15173
  --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
15074
15174
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
15175
+ --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
15176
+ --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
15177
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
15075
15178
  }
15076
15179
  .pf-v6-c-pagination {
15077
15180
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -15083,6 +15186,7 @@ ul.pf-v6-c-list {
15083
15186
  }
15084
15187
  @media screen and (min-width: 48rem) {
15085
15188
  .pf-v6-c-pagination {
15189
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
15086
15190
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
15087
15191
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
15088
15192
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -15108,9 +15212,6 @@ ul.pf-v6-c-list {
15108
15212
  border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
15109
15213
  border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
15110
15214
  }
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
15215
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
15115
15216
  display: var(--pf-v6-c-pagination__page-menu--Display);
15116
15217
  }
@@ -15126,11 +15227,9 @@ ul.pf-v6-c-list {
15126
15227
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
15127
15228
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
15128
15229
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
15230
+ border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
15129
15231
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
15130
15232
  }
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
15233
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
15135
15234
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
15136
15235
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -15149,6 +15248,7 @@ ul.pf-v6-c-list {
15149
15248
  .pf-v6-c-pagination.pf-m-bottom {
15150
15249
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
15151
15250
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
15251
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
15152
15252
  position: relative;
15153
15253
  justify-content: flex-end;
15154
15254
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
@@ -15173,12 +15273,14 @@ ul.pf-v6-c-list {
15173
15273
  }
15174
15274
  }
15175
15275
  .pf-v6-c-pagination.pf-m-static {
15276
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
15176
15277
  position: relative;
15177
15278
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
15178
15279
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
15179
15280
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
15180
15281
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
15181
15282
  border: 0;
15283
+ border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
15182
15284
  box-shadow: none;
15183
15285
  }
15184
15286
  .pf-v6-c-pagination.pf-m-sticky {
@@ -15631,7 +15733,7 @@ ul.pf-v6-c-list {
15631
15733
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
15632
15734
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
15633
15735
  --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));
15736
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
15635
15737
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
15636
15738
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
15637
15739
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
@@ -17900,22 +18002,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17900
18002
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
17901
18003
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
17902
18004
  --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
18005
+ --pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
17903
18006
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
17904
18007
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17905
18008
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
17906
18009
  --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);
18010
+ --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
18011
+ --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
18012
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
17910
18013
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
17911
18014
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
17912
18015
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
17913
18016
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17914
18017
  --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;
18018
+ --pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
18019
+ --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0;
17917
18020
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
17918
18021
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
18022
+ --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
18023
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
17920
18024
  --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
18025
  --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -17997,10 +18101,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17997
18101
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
17998
18102
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
17999
18103
  }
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 {
18104
+ .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
18105
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18002
18106
  }
18003
18107
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
18108
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18004
18109
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18005
18110
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18006
18111
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18010,7 +18115,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18010
18115
  }
18011
18116
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18012
18117
  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);
18118
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18014
18119
  }
18015
18120
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18016
18121
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18200,6 +18305,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18200
18305
  }
18201
18306
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
18202
18307
  text-align: end;
18308
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18203
18309
  }
18204
18310
  @media screen and (max-width: 36rem) {
18205
18311
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
@@ -18306,10 +18412,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18306
18412
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18307
18413
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18308
18414
  }
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 {
18415
+ .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
18416
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18311
18417
  }
18312
18418
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
18419
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18313
18420
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18314
18421
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18315
18422
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18319,7 +18426,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18319
18426
  }
18320
18427
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18321
18428
  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);
18429
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18323
18430
  }
18324
18431
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18325
18432
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18509,6 +18616,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18509
18616
  }
18510
18617
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
18511
18618
  text-align: end;
18619
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18512
18620
  }
18513
18621
  @media screen and (max-width: 36rem) {
18514
18622
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
@@ -18616,10 +18724,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18616
18724
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18617
18725
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18618
18726
  }
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 {
18727
+ .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
18728
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18621
18729
  }
18622
18730
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
18731
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18623
18732
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18624
18733
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18625
18734
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18629,7 +18738,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18629
18738
  }
18630
18739
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18631
18740
  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);
18741
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18633
18742
  }
18634
18743
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18635
18744
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18819,6 +18928,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18819
18928
  }
18820
18929
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
18821
18930
  text-align: end;
18931
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18822
18932
  }
18823
18933
  @media screen and (max-width: 36rem) {
18824
18934
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
@@ -18926,10 +19036,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18926
19036
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18927
19037
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18928
19038
  }
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 {
19039
+ .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
19040
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18931
19041
  }
18932
19042
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
19043
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18933
19044
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18934
19045
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18935
19046
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18939,7 +19050,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18939
19050
  }
18940
19051
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18941
19052
  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);
19053
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18943
19054
  }
18944
19055
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18945
19056
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -19129,6 +19240,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19129
19240
  }
19130
19241
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
19131
19242
  text-align: end;
19243
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
19132
19244
  }
19133
19245
  @media screen and (max-width: 36rem) {
19134
19246
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -19236,10 +19348,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19236
19348
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
19237
19349
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
19238
19350
  }
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 {
19351
+ .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
19352
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
19241
19353
  }
19242
19354
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
19355
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
19243
19356
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
19244
19357
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
19245
19358
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -19249,7 +19362,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19249
19362
  }
19250
19363
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
19251
19364
  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);
19365
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
19253
19366
  }
19254
19367
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
19255
19368
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -19439,6 +19552,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19439
19552
  }
19440
19553
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
19441
19554
  text-align: end;
19555
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
19442
19556
  }
19443
19557
  @media screen and (max-width: 36rem) {
19444
19558
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -19528,8 +19642,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19528
19642
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
19529
19643
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19530
19644
  --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);
19645
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
19646
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
19533
19647
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
19534
19648
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19535
19649
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
@@ -19615,6 +19729,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19615
19729
  --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
19616
19730
  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
19617
19731
  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
19732
+ --pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19733
+ --pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19618
19734
  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
19619
19735
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
19620
19736
  --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
@@ -20398,6 +20514,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20398
20514
  .pf-v6-c-table.pf-m-compact {
20399
20515
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
20400
20516
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
20517
+ --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockStart);
20518
+ --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockEnd);
20401
20519
  }
20402
20520
  .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
20403
20521
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
@@ -21491,10 +21609,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21491
21609
  --pf-v6-c-tabs__link--BorderColor: transparent;
21492
21610
  --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
21493
21611
  --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);
21612
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
21613
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
21614
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
21615
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
21498
21616
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
21499
21617
  --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
21500
21618
  --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
@@ -21513,9 +21631,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21513
21631
  --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
21514
21632
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21515
21633
  --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
21634
  --pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
21518
21635
  --pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
21636
+ --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);
21637
+ --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);
21638
+ --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--body--sm);
21639
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
21640
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
21641
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
21642
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
21519
21643
  --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
21520
21644
  --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
21521
21645
  --pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
@@ -21882,9 +22006,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21882
22006
  }
21883
22007
  .pf-v6-c-tabs.pf-m-subtab {
21884
22008
  --pf-v6-c-tabs__link--FontSize: var(--pf-v6-c-tabs--m-subtab__link--FontSize);
22009
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart);
22010
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd);
22011
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart);
22012
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd);
21885
22013
  --pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
21886
22014
  --pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
21887
22015
  }
22016
+ .pf-v6-c-tabs.pf-m-subtab .pf-v6-c-tabs__link {
22017
+ margin-block-start: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockStart);
22018
+ margin-block-end: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd);
22019
+ }
21888
22020
  .pf-v6-c-tabs.pf-m-page-insets {
21889
22021
  --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
21890
22022
  }
@@ -25300,12 +25432,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25300
25432
  }
25301
25433
 
25302
25434
  .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));
25435
+ --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
25436
  --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
25437
  --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);
25438
+ --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
25439
+ --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
25440
+ --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
25309
25441
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
25310
25442
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
25311
25443
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -25349,9 +25481,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25349
25481
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
25350
25482
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
25351
25483
  --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);
25484
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
25353
25485
  --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);
25486
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
25355
25487
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
25356
25488
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
25357
25489
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
@@ -25972,7 +26104,7 @@ label.pf-v6-c-tree-view__node-text {
25972
26104
  --pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
25973
26105
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
25974
26106
  --pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
25975
- --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
26107
+ --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--sm);
25976
26108
  --pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
25977
26109
  --pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
25978
26110
  --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);