@patternfly/react-styles 6.6.1 → 6.7.0-prerelease.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/CHANGELOG.md +45 -1
  2. package/css/components/Backdrop/backdrop.css +34 -0
  3. package/css/components/Backdrop/backdrop.d.ts +5 -1
  4. package/css/components/Backdrop/backdrop.js +5 -1
  5. package/css/components/Backdrop/backdrop.mjs +5 -1
  6. package/css/components/Button/button.css +20 -8
  7. package/css/components/Button/button.d.ts +1 -1
  8. package/css/components/Button/button.js +1 -1
  9. package/css/components/Button/button.mjs +1 -1
  10. package/css/components/Check/check.css +14 -0
  11. package/css/components/Compass/compass.css +20 -25
  12. package/css/components/Compass/compass.d.ts +1 -1
  13. package/css/components/Compass/compass.js +1 -1
  14. package/css/components/Compass/compass.mjs +1 -1
  15. package/css/components/DataList/data-list.css +11 -9
  16. package/css/components/DataList/data-list.d.ts +1 -0
  17. package/css/components/DataList/data-list.js +1 -0
  18. package/css/components/DataList/data-list.mjs +1 -0
  19. package/css/components/Drawer/drawer.css +10 -0
  20. package/css/components/Drawer/drawer.d.ts +1 -0
  21. package/css/components/Drawer/drawer.js +1 -0
  22. package/css/components/Drawer/drawer.mjs +1 -0
  23. package/css/components/FormControl/form-control.css +12 -2
  24. package/css/components/Label/label.css +9 -3
  25. package/css/components/Masthead/masthead.css +3 -3
  26. package/css/components/Masthead/masthead.d.ts +1 -1
  27. package/css/components/Masthead/masthead.js +1 -1
  28. package/css/components/Masthead/masthead.mjs +1 -1
  29. package/css/components/MenuToggle/menu-toggle.css +3 -4
  30. package/css/components/MenuToggle/menu-toggle.d.ts +0 -1
  31. package/css/components/MenuToggle/menu-toggle.js +0 -1
  32. package/css/components/MenuToggle/menu-toggle.mjs +0 -1
  33. package/css/components/ModalBox/modal-box.css +42 -0
  34. package/css/components/ModalBox/modal-box.d.ts +2 -0
  35. package/css/components/ModalBox/modal-box.js +2 -0
  36. package/css/components/ModalBox/modal-box.mjs +2 -0
  37. package/css/components/Nav/nav.css +26 -6
  38. package/css/components/Nav/nav.d.ts +3 -2
  39. package/css/components/Nav/nav.js +3 -2
  40. package/css/components/Nav/nav.mjs +3 -2
  41. package/css/components/Page/page.css +66 -18
  42. package/css/components/Page/page.d.ts +4 -2
  43. package/css/components/Page/page.js +4 -2
  44. package/css/components/Page/page.mjs +4 -2
  45. package/css/components/Radio/radio.css +14 -0
  46. package/css/components/Table/table-grid.css +26 -14
  47. package/css/components/Table/table.css +67 -17
  48. package/css/components/Table/table.d.ts +2 -0
  49. package/css/components/Table/table.js +2 -0
  50. package/css/components/Table/table.mjs +2 -0
  51. package/css/components/Tabs/tabs.css +19 -5
  52. package/css/components/Wizard/wizard.css +1 -1
  53. package/css/components/_index.css +397 -115
  54. package/css/components/_index.d.ts +10 -2
  55. package/css/components/_index.js +10 -2
  56. package/css/components/_index.mjs +10 -2
  57. package/css/docs/components/Nav/examples/Navigation.css +11 -1
  58. package/css/docs/components/Nav/examples/Navigation.d.ts +4 -1
  59. package/css/docs/components/Nav/examples/Navigation.js +4 -1
  60. package/css/docs/components/Nav/examples/Navigation.mjs +4 -1
  61. package/css/docs/components/Table/examples/Table.css +2 -6
  62. package/dist/esm/index.d.ts +1 -1
  63. package/dist/esm/index.d.ts.map +1 -1
  64. package/dist/esm/index.js +2 -2
  65. package/dist/esm/index.js.map +1 -1
  66. package/dist/js/index.d.ts +1 -1
  67. package/dist/js/index.d.ts.map +1 -1
  68. package/dist/js/index.js +2 -2
  69. package/dist/js/index.js.map +1 -1
  70. package/package.json +3 -3
  71. package/src/index.ts +3 -3
@@ -1284,6 +1284,13 @@ div.pf-v6-c-avatar {
1284
1284
  --pf-v6-c-backdrop--Position: fixed;
1285
1285
  --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
1286
1286
  --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
1287
+ --pf-v6-c-backdrop--m-animate--Opacity: 0;
1288
+ --pf-v6-c-backdrop--m-animate--TransitionProperty: opacity, visibility;
1289
+ --pf-v6-c-backdrop--m-animate--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
1290
+ --pf-v6-c-backdrop--m-animate--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
1291
+ --pf-v6-c-backdrop--m-animate--m-show--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), 0s;
1292
+ --pf-v6-c-backdrop--m-animate--m-show--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
1293
+ --pf-v6-c-backdrop--m-animate--m-show--Opacity: 1;
1287
1294
  }
1288
1295
 
1289
1296
  .pf-v6-c-backdrop {
@@ -1295,6 +1302,33 @@ div.pf-v6-c-avatar {
1295
1302
  height: 100%;
1296
1303
  background-color: var(--pf-v6-c-backdrop--BackgroundColor);
1297
1304
  }
1305
+ .pf-v6-c-backdrop.pf-m-animate {
1306
+ visibility: hidden;
1307
+ background-color: transparent;
1308
+ }
1309
+ .pf-v6-c-backdrop.pf-m-animate::before {
1310
+ position: absolute;
1311
+ inset: 0;
1312
+ content: "";
1313
+ background-color: var(--pf-v6-c-backdrop--BackgroundColor);
1314
+ opacity: var(--pf-v6-c-backdrop--m-animate--Opacity);
1315
+ transition-timing-function: var(--pf-v6-c-backdrop--m-animate--TransitionTimingFunction);
1316
+ transition-duration: var(--pf-v6-c-backdrop--m-animate--TransitionDuration);
1317
+ transition-property: var(--pf-v6-c-backdrop--m-animate--TransitionProperty, none);
1318
+ }
1319
+ .pf-v6-c-backdrop.pf-m-show {
1320
+ --pf-v6-c-backdrop--m-animate--TransitionDuration: var(--pf-v6-c-backdrop--m-animate--m-show--TransitionDuration);
1321
+ --pf-v6-c-backdrop--m-animate--TransitionTimingFunction: var(--pf-v6-c-backdrop--m-animate--m-show--TransitionTimingFunction);
1322
+ visibility: visible;
1323
+ }
1324
+ .pf-v6-c-backdrop.pf-m-show::before {
1325
+ opacity: var(--pf-v6-c-backdrop--m-animate--m-show--Opacity);
1326
+ }
1327
+ @starting-style {
1328
+ .pf-v6-c-backdrop.pf-m-show::before {
1329
+ opacity: 0;
1330
+ }
1331
+ }
1298
1332
 
1299
1333
  .pf-v6-c-backdrop__open {
1300
1334
  overflow: hidden;
@@ -1788,6 +1822,7 @@ button.pf-v6-c-breadcrumb__link {
1788
1822
  --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
1789
1823
  --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
1790
1824
  --pf-v6-c-button--BackgroundColor: transparent;
1825
+ --pf-v6-c-button--Background--click: radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
1791
1826
  --pf-v6-c-button--BorderColor: transparent;
1792
1827
  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
1793
1828
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -2026,6 +2061,7 @@ button.pf-v6-c-breadcrumb__link {
2026
2061
  --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
2027
2062
  --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
2028
2063
  --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
2064
+ --pf-v6-c-button--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
2029
2065
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
2030
2066
  --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
2031
2067
  --pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
@@ -2101,12 +2137,12 @@ button.pf-v6-c-breadcrumb__link {
2101
2137
  --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
2102
2138
  --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
2103
2139
  --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
2140
  --pf-v6-c-button__progress--TranslateY: -50%;
2106
2141
  --pf-v6-c-button__progress--TranslateX: 0;
2107
2142
  --pf-v6-c-button__progress--InsetBlockStart: 50%;
2108
2143
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
2109
2144
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
2145
+ --pf-v6-c-button__progress--Position: absolute;
2110
2146
  --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
2147
  --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
2148
  --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
@@ -2114,6 +2150,8 @@ button.pf-v6-c-breadcrumb__link {
2114
2150
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
2115
2151
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
2116
2152
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
2153
+ --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-v6-c-button--TransitionDuration);
2154
+ --pf-v6-c-button--m-progress--TransitionProperty: var(--pf-v6-c-button--TransitionProperty), padding;
2117
2155
  --pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
2118
2156
  --pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
2119
2157
  --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
@@ -2163,7 +2201,7 @@ button.pf-v6-c-breadcrumb__link {
2163
2201
  cursor: pointer;
2164
2202
  -webkit-user-select: none;
2165
2203
  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%;
2204
+ background: var(--pf-v6-c-button--BackgroundColor) var(--pf-v6-c-button--Background--click);
2167
2205
  border: 0;
2168
2206
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
2169
2207
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
@@ -2457,7 +2495,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2457
2495
  }
2458
2496
  .pf-v6-c-button.pf-m-block {
2459
2497
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
2498
+ --pf-v6-c-button__progress--Position: relative;
2499
+ --pf-v6-c-button__progress--InsetBlockStart: 0;
2500
+ --pf-v6-c-button__progress--InsetInlineStart: 0;
2501
+ --pf-v6-c-button__progress--TranslateY: 0;
2460
2502
  width: var(--pf-v6-c-button--m-block--Width);
2503
+ transition-duration: var(--pf-v6-c-button--m-progress--TransitionDuration);
2504
+ transition-property: var(--pf-v6-c-button--m-progress--TransitionProperty);
2505
+ }
2506
+ .pf-v6-c-button.pf-m-block .pf-v6-c-button__progress {
2507
+ align-self: center;
2461
2508
  }
2462
2509
  .pf-v6-c-button.pf-m-small {
2463
2510
  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
@@ -2536,7 +2583,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2536
2583
  --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
2537
2584
  --pf-v6-c-button__icon--TransitionDuration: 0s;
2538
2585
  --pf-v6-c-button__icon--TransitionProperty: scale;
2539
- --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
2540
2586
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
2541
2587
  --pf-v6-c-button--hover__icon--TransitionProperty: scale;
2542
2588
  }
@@ -2609,10 +2655,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2609
2655
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
2610
2656
  color: var(--pf-v6-c-button--disabled--Color);
2611
2657
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
2612
- background: var(--pf-v6-c-button--disabled--BackgroundColor);
2658
+ background: var(--pf-v6-c-button--disabled--BackgroundColor) var(--pf-v6-c-button--Background--click);
2613
2659
  }
2614
2660
  .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;
2661
+ border-color: var(--pf-v6-c-button--disabled--BorderColor);
2616
2662
  }
2617
2663
  .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
2664
  color: var(--pf-v6-c-button--disabled__icon--Color);
@@ -2660,11 +2706,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2660
2706
  display: none;
2661
2707
  }
2662
2708
  }
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 {
2709
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-expanded .pf-v6-c-button.pf-m-docked {
2664
2710
  justify-content: flex-start;
2665
2711
  width: 100%;
2666
2712
  }
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 {
2713
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-expanded .pf-v6-c-button.pf-m-docked .pf-v6-c-button__text {
2668
2714
  display: revert;
2669
2715
  }
2670
2716
 
@@ -2702,7 +2748,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2702
2748
  }
2703
2749
 
2704
2750
  .pf-v6-c-button__progress {
2705
- position: absolute;
2751
+ position: var(--pf-v6-c-button__progress--Position);
2706
2752
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
2707
2753
  inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
2708
2754
  line-height: 1;
@@ -3401,6 +3447,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3401
3447
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
3402
3448
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
3403
3449
  --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
3450
+ --pf-v6-c-check--m-standalone--before--Inset: calc(var(--pf-t--global--spacer--sm) * -1);
3404
3451
  --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
3405
3452
  --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
3406
3453
  --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -3425,6 +3472,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3425
3472
  grid-template-columns: auto;
3426
3473
  min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
3427
3474
  }
3475
+ label.pf-v6-c-check.pf-m-standalone {
3476
+ position: relative;
3477
+ isolation: isolate;
3478
+ }
3479
+ label.pf-v6-c-check.pf-m-standalone::before {
3480
+ position: absolute;
3481
+ inset: var(--pf-v6-c-check--m-standalone--before--Inset);
3482
+ z-index: -1;
3483
+ pointer-events: auto;
3484
+ cursor: inherit;
3485
+ content: "";
3486
+ }
3487
+
3428
3488
  .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
3429
3489
  align-self: center;
3430
3490
  transform: none;
@@ -3960,13 +4020,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3960
4020
  align-items: stretch;
3961
4021
  padding: 0;
3962
4022
  }
3963
- .pf-v6-c-compass.pf-m-docked .pf-v6-c-compass__main {
3964
- padding: var(--pf-v6-c-compass--Padding);
4023
+ .pf-v6-c-compass.pf-m-docked .pf-v6-c-compass__container .pf-v6-c-compass__header {
4024
+ all: revert;
3965
4025
  }
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);
4026
+ .pf-v6-c-compass.pf-m-docked .pf-v6-c-compass__container > :is(.pf-v6-c-compass__header, .pf-v6-c-masthead) {
3968
4027
  grid-area: header;
3969
4028
  }
4029
+ .pf-v6-c-compass.pf-m-docked .pf-v6-c-compass__container > .pf-v6-c-masthead {
4030
+ --pf-v6-c-masthead--BackgroundColor: var(--pf-v6-c-compass--m-docked__masthead--BackgroundColor);
4031
+ }
4032
+ .pf-v6-c-compass.pf-m-docked .pf-v6-c-compass__main {
4033
+ padding: var(--pf-v6-c-compass--Padding);
4034
+ }
3970
4035
  @media (min-width: 62rem) {
3971
4036
  .pf-v6-c-compass.pf-m-docked .pf-v6-c-compass__container {
3972
4037
  grid-template-areas: "dock main";
@@ -3976,11 +4041,11 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3976
4041
  align-items: stretch;
3977
4042
  padding: 0;
3978
4043
  }
3979
- .pf-v6-c-compass.pf-m-docked > .pf-v6-c-compass__container > .pf-v6-c-masthead {
4044
+ .pf-v6-c-compass.pf-m-docked > .pf-v6-c-compass__container > :is(.pf-v6-c-compass__header, .pf-v6-c-masthead) {
3980
4045
  display: none;
3981
4046
  }
3982
4047
  }
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) {
4048
+ .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
4049
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
3985
4050
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
3986
4051
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
@@ -3989,15 +4054,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3989
4054
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
3990
4055
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
3991
4056
  }
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
- }
4057
+
4001
4058
  .pf-v6-c-compass .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
4002
4059
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
4003
4060
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
@@ -4025,7 +4082,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4025
4082
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
4026
4083
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
4027
4084
  }
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) {
4085
+ .pf-v6-c-compass .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
4029
4086
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
4030
4087
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
4031
4088
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
@@ -4179,14 +4236,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4179
4236
  translate: -100% 0;
4180
4237
  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
4238
  }
4182
- .pf-v6-c-compass__dock.pf-m-expanded {
4183
- --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
4184
- visibility: visible;
4185
- translate: 0;
4186
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
4187
- }
4188
4239
  @media (min-width: 62rem) {
4189
- .pf-v6-c-compass__dock {
4240
+ .pf-v6-c-compass__dock:not(.pf-m-overlay) {
4190
4241
  --pf-v6-c-compass__dock-main--BackgroundColor: var(--pf-v6-c-compass__dock-main--desktop--BackgroundColor);
4191
4242
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
4192
4243
  position: revert;
@@ -4199,8 +4250,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4199
4250
  .pf-v6-c-compass__dock .pf-v6-c-toolbar.pf-m-vertical :is(.pf-v6-c-toolbar__content-section, .pf-v6-c-toolbar__group, .pf-v6-c-toolbar__item) {
4200
4251
  align-items: stretch;
4201
4252
  }
4202
- .pf-v6-c-compass__dock.pf-m-text-expanded {
4253
+ .pf-v6-c-compass__dock.pf-m-expanded {
4254
+ --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
4255
+ visibility: visible;
4203
4256
  width: var(--pf-v6-c-compass__dock--Width);
4257
+ translate: 0;
4258
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
4204
4259
  }
4205
4260
 
4206
4261
  .pf-v6-c-compass__dock-main {
@@ -4215,7 +4270,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4215
4270
  box-shadow: var(--pf-v6-c-compass__dock--m-expanded__dock-main--BoxShadow);
4216
4271
  }
4217
4272
  @media (min-width: 62rem) {
4218
- .pf-v6-c-compass__dock-main {
4273
+ .pf-v6-c-compass__dock:not(.pf-m-overlay) .pf-v6-c-compass__dock-main {
4219
4274
  --pf-v6-c-compass__dock-main--BoxShadow: var(--pf-v6-c-compass__dock-main--desktop--BoxShadow);
4220
4275
  --pf-v6-c-compass__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-compass__dock-main--desktop--BoxShadow);
4221
4276
  --pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth);
@@ -5039,7 +5094,7 @@ ul) {
5039
5094
  --pf-v6-c-data-list__item-draggable-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5040
5095
  --pf-v6-c-data-list__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--lg) * -1);
5041
5096
  --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);
5097
+ --pf-v6-c-data-list__item-draggable-button--PaddingBlockStart: var(--pf-v6-c-data-list__cell--PaddingBlockStart);
5043
5098
  --pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
5044
5099
  --pf-v6-c-data-list__item-draggable-button--MarginInlineStart: calc(var(--pf-t--global--spacer--md) * -1);
5045
5100
  --pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -5054,7 +5109,7 @@ ul) {
5054
5109
  --pf-v6-c-data-list__item-control--md--MarginInlineEnd: var(--pf-t--global--spacer--xl);
5055
5110
  --pf-v6-c-data-list__item-control--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--md);
5056
5111
  --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;
5112
+ --pf-v6-c-data-list__check--MarginBlockStart: 0;
5058
5113
  --pf-v6-c-data-list__item-action--Display: flex;
5059
5114
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
5060
5115
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -5097,7 +5152,7 @@ ul) {
5097
5152
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5098
5153
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
5099
5154
  --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);
5155
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell--PaddingBlockStart);
5101
5156
  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
5102
5157
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
5103
5158
  }
@@ -5227,9 +5282,10 @@ ul) {
5227
5282
  cursor: pointer;
5228
5283
  }
5229
5284
 
5230
- .pf-v6-c-data-list__item-draggable-button {
5285
+ .pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain {
5231
5286
  display: flex;
5232
5287
  flex-direction: column;
5288
+ justify-content: start;
5233
5289
  padding-block-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart);
5234
5290
  padding-block-end: var(--pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd);
5235
5291
  padding-inline-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingInlineStart);
@@ -5237,24 +5293,25 @@ ul) {
5237
5293
  margin-block-start: var(--pf-v6-c-data-list__item-draggable-button--MarginBlockStart);
5238
5294
  margin-block-end: var(--pf-v6-c-data-list__item-draggable-button--MarginBlockEnd);
5239
5295
  margin-inline-start: var(--pf-v6-c-data-list__item-draggable-button--MarginInlineStart);
5296
+ line-height: 1lh;
5240
5297
  background-color: var(--pf-v6-c-data-list__item-draggable-button--BackgroundColor);
5241
5298
  border: 0;
5242
5299
  }
5243
- .pf-v6-c-data-list__item-draggable-button:hover {
5300
+ .pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:hover {
5244
5301
  --pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--hover__draggable-icon--Color);
5245
5302
  cursor: grab;
5246
5303
  }
5247
- .pf-v6-c-data-list__item-draggable-button:focus {
5304
+ .pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:focus {
5248
5305
  --pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--focus__draggable-icon--Color);
5249
5306
  }
5250
- .pf-v6-c-data-list__item-draggable-button:active {
5307
+ .pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:active {
5251
5308
  cursor: grabbing;
5252
5309
  }
5253
- .pf-v6-c-data-list__item-draggable-button.pf-m-disabled {
5310
+ .pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:is(:disabled, .pf-m-disabled) {
5254
5311
  --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
5312
  pointer-events: none;
5256
5313
  }
5257
- .pf-v6-c-data-list__item-draggable-button .pf-v6-c-data-list__item-draggable-icon {
5314
+ .pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain .pf-v6-c-data-list__item-draggable-icon {
5258
5315
  color: var(--pf-v6-c-data-list__item-draggable-button-icon--Color);
5259
5316
  }
5260
5317
 
@@ -6811,6 +6868,16 @@ ul) {
6811
6868
  .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main {
6812
6869
  flex-direction: column;
6813
6870
  }
6871
+ .pf-v6-c-drawer.pf-m-viewport {
6872
+ position: fixed;
6873
+ inset: 0;
6874
+ z-index: var(--pf-t--global--z-index--lg);
6875
+ pointer-events: none;
6876
+ }
6877
+ .pf-v6-c-drawer.pf-m-viewport > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6878
+ overscroll-behavior: none;
6879
+ pointer-events: auto;
6880
+ }
6814
6881
  .pf-v6-c-drawer.pf-m-expanded {
6815
6882
  --pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
6816
6883
  --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
@@ -8499,6 +8566,10 @@ ul) {
8499
8566
  --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
8500
8567
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
8501
8568
  --pf-v6-c-form-control--Width: 100%;
8569
+ --pf-v6-c-form-control--TransitionDelay: 0s;
8570
+ --pf-v6-c-form-control--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
8571
+ --pf-v6-c-form-control--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
8572
+ --pf-v6-c-form-control--TransitionProperty: color, background-color, border-color;
8502
8573
  --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
8503
8574
  --pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
8504
8575
  --pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
@@ -8604,12 +8675,17 @@ ul) {
8604
8675
  resize: var(--pf-v6-c-form-control--Resize);
8605
8676
  background-color: var(--pf-v6-c-form-control--BackgroundColor);
8606
8677
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
8678
+ transition-delay: var(--pf-v6-c-form-control--TransitionDelay);
8679
+ transition-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction);
8680
+ transition-duration: var(--pf-v6-c-form-control--TransitionDuration);
8681
+ transition-property: var(--pf-v6-c-form-control--TransitionProperty);
8607
8682
  }
8608
8683
  .pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
8609
8684
  position: absolute;
8610
8685
  inset: 0;
8611
8686
  pointer-events: none;
8612
8687
  content: "";
8688
+ transition: inherit;
8613
8689
  }
8614
8690
  .pf-v6-c-form-control::before {
8615
8691
  border-color: var(--pf-v6-c-form-control--before--BorderColor);
@@ -8705,10 +8781,11 @@ ul) {
8705
8781
  --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
8706
8782
  --pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
8707
8783
  --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
8784
  cursor: not-allowed;
8711
8785
  }
8786
+ .pf-v6-c-form-control.pf-m-disabled::before, .pf-v6-c-form-control.pf-m-disabled::after {
8787
+ border-color: transparent;
8788
+ }
8712
8789
  .pf-v6-c-form-control.pf-m-error {
8713
8790
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
8714
8791
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
@@ -10315,7 +10392,6 @@ label.pf-v6-c-input-group__text {
10315
10392
  position: absolute;
10316
10393
  inset: 0;
10317
10394
  z-index: -1;
10318
- pointer-events: none;
10319
10395
  content: "";
10320
10396
  background-color: var(--pf-v6-c-label--BackgroundColor);
10321
10397
  border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
@@ -10334,8 +10410,15 @@ input.pf-v6-c-label__content {
10334
10410
  .pf-v6-c-label__actions {
10335
10411
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
10336
10412
  }
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);
10413
+ .pf-v6-c-label .pf-v6-c-label__actions .pf-v6-c-button {
10414
+ padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
10415
+ padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
10416
+ padding-inline-end: var(--pf-v6-c-label--PaddingInlineEnd);
10417
+ margin-block-start: calc(var(--pf-v6-c-label--PaddingBlockStart) * -1);
10418
+ margin-block-end: calc(var(--pf-v6-c-label--PaddingBlockEnd) * -1);
10419
+ margin-inline-end: calc(var(--pf-v6-c-label--PaddingInlineEnd) * -1);
10420
+ border-start-end-radius: var(--pf-v6-c-label--BorderRadius);
10421
+ border-end-end-radius: var(--pf-v6-c-label--BorderRadius);
10339
10422
  }
10340
10423
 
10341
10424
  .pf-v6-c-label__actions .pf-v6-c-button {
@@ -11009,13 +11092,13 @@ ul.pf-v6-c-list {
11009
11092
  display: revert;
11010
11093
  }
11011
11094
  }
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 {
11095
+ :where(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-expanded .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo {
11013
11096
  display: revert;
11014
11097
  }
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 {
11098
+ :where(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-expanded .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__logo.pf-m-compact {
11016
11099
  display: none;
11017
11100
  }
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 {
11101
+ :where(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-expanded .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__main {
11019
11102
  align-items: flex-start;
11020
11103
  }
11021
11104
 
@@ -12489,13 +12572,12 @@ ul.pf-v6-c-list {
12489
12572
  display: none;
12490
12573
  }
12491
12574
  }
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 {
12575
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-expanded .pf-v6-c-menu-toggle.pf-m-docked {
12493
12576
  justify-content: flex-start;
12494
12577
  width: 100%;
12495
12578
  }
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 {
12579
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-expanded .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__text,
12580
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-expanded .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__controls {
12499
12581
  display: revert;
12500
12582
  }
12501
12583
 
@@ -12731,6 +12813,17 @@ ul.pf-v6-c-list {
12731
12813
  --pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12732
12814
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
12733
12815
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
12816
+ --pf-v6-c-modal-box--m-animate--TransitionProperty: opacity, visibility;
12817
+ --pf-v6-c-modal-box--m-animate--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
12818
+ --pf-v6-c-modal-box--m-animate--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
12819
+ --pf-v6-c-modal-box--m-animate--m-open--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
12820
+ --pf-v6-c-modal-box--m-animate--m-open--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), 0s;
12821
+ }
12822
+ @media screen and (prefers-reduced-motion: no-preference) {
12823
+ .pf-v6-c-modal-box {
12824
+ --pf-v6-c-modal-box--m-animate--TransitionProperty: opacity, translate, visibility;
12825
+ --pf-v6-c-modal-box--m-animate--m-open--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--fade--default), 0s;
12826
+ }
12734
12827
  }
12735
12828
 
12736
12829
  .pf-v6-c-modal-box {
@@ -12762,6 +12855,37 @@ ul.pf-v6-c-list {
12762
12855
  max-width: var(--pf-v6-c-modal-box--m-align-top--MaxWidth);
12763
12856
  max-height: var(--pf-v6-c-modal-box--m-align-top--MaxHeight);
12764
12857
  }
12858
+ @media screen and (prefers-reduced-motion: no-preference) {
12859
+ .pf-v6-c-modal-box.pf-m-animate {
12860
+ translate: 0 1.5rem;
12861
+ }
12862
+ }
12863
+ .pf-v6-c-modal-box.pf-m-animate {
12864
+ visibility: hidden;
12865
+ pointer-events: none;
12866
+ opacity: 0;
12867
+ transition-timing-function: var(--pf-v6-c-modal-box--m-animate--TransitionTimingFunction);
12868
+ transition-duration: var(--pf-v6-c-modal-box--m-animate--TransitionDuration);
12869
+ transition-property: var(--pf-v6-c-modal-box--m-animate--TransitionProperty, none);
12870
+ }
12871
+ .pf-v6-c-modal-box.pf-m-open {
12872
+ --pf-v6-c-modal-box--m-animate--TransitionDuration: var(--pf-v6-c-modal-box--m-animate--m-open--TransitionDuration);
12873
+ --pf-v6-c-modal-box--m-animate--TransitionTimingFunction: var(--pf-v6-c-modal-box--m-animate--m-open--TransitionTimingFunction);
12874
+ visibility: visible;
12875
+ pointer-events: revert;
12876
+ opacity: 1;
12877
+ translate: 0;
12878
+ }
12879
+ @starting-style {
12880
+ @media screen and (prefers-reduced-motion: no-preference) {
12881
+ .pf-v6-c-modal-box.pf-m-open {
12882
+ translate: 0 1.5rem;
12883
+ }
12884
+ }
12885
+ .pf-v6-c-modal-box.pf-m-open {
12886
+ opacity: 0;
12887
+ }
12888
+ }
12765
12889
  .pf-v6-c-modal-box__title.pf-m-danger, .pf-v6-c-modal-box.pf-m-danger {
12766
12890
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-danger__title-icon--Color);
12767
12891
  }
@@ -13153,6 +13277,7 @@ ul.pf-v6-c-list {
13153
13277
  --pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
13154
13278
  --pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
13155
13279
  --pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
13280
+ --pf-v6-c-nav__link-icon--hover--Color: var(--pf-t--global--icon--color--regular);
13156
13281
  --pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
13157
13282
  --pf-v6-c-nav__link-text--FontSize: initial;
13158
13283
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
@@ -13209,6 +13334,9 @@ ul.pf-v6-c-list {
13209
13334
  --pf-v6-c-nav--m-docked__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
13210
13335
  --pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
13211
13336
  --pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
13337
+ --pf-v6-c-nav--m-docked__link-expandable-icon--Color: var(--pf-t--global--icon--color--subtle);
13338
+ --pf-v6-c-nav--m-docked__link-expandable-icon--offset: 0.75em;
13339
+ --pf-v6-c-nav--m-docked__link-expandable-icon--Scale: 0.8;
13212
13340
  }
13213
13341
 
13214
13342
  .pf-v6-c-nav,
@@ -13253,20 +13381,35 @@ ul.pf-v6-c-list {
13253
13381
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor);
13254
13382
  width: 100%;
13255
13383
  }
13384
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-expandable-icon {
13385
+ position: absolute;
13386
+ inset-block-start: 50%;
13387
+ inset-inline-start: 50%;
13388
+ display: none;
13389
+ color: var(--pf-v6-c-nav--m-docked__link-expandable-icon--Color);
13390
+ scale: var(--pf-v6-c-nav--m-docked__link-expandable-icon--Scale);
13391
+ translate: -50% calc(-50% + var(--pf-v6-c-nav--m-docked__link-expandable-icon--offset));
13392
+ }
13256
13393
  @media (min-width: 62rem) {
13257
13394
  .pf-v6-c-nav.pf-m-docked {
13258
13395
  width: fit-content;
13259
13396
  }
13260
- .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text {
13397
+ .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
13398
  display: none;
13262
13399
  }
13400
+ .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-expandable-icon {
13401
+ display: revert;
13402
+ }
13263
13403
  }
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 {
13404
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav.pf-m-docked, .pf-v6-c-nav.pf-m-docked:where(.pf-m-expanded, .pf-m-overlay) {
13265
13405
  width: 100%;
13266
13406
  }
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 {
13407
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-text, :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__toggle, :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__subnav, .pf-v6-c-nav.pf-m-docked:where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav__link-text, .pf-v6-c-nav.pf-m-docked:where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav__toggle, .pf-v6-c-nav.pf-m-docked:where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav__subnav {
13268
13408
  display: revert;
13269
13409
  }
13410
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav.pf-m-docked .pf-v6-c-nav__link-expandable-icon, .pf-v6-c-nav.pf-m-docked:where(.pf-m-expanded, .pf-m-overlay) .pf-v6-c-nav__link-expandable-icon {
13411
+ display: none;
13412
+ }
13270
13413
 
13271
13414
  .pf-v6-c-nav .pf-v6-c-menu {
13272
13415
  --pf-v6-c-menu--MinWidth: 100%;
@@ -13355,7 +13498,7 @@ ul.pf-v6-c-list {
13355
13498
  .pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
13356
13499
  margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
13357
13500
  }
13358
- .pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current) {
13501
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):not(.pf-m-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
13502
  --pf-v6-c-nav__item--accent--ScaleY: var(--pf-v6-c-nav__item--current--accent--ScaleY);
13360
13503
  --pf-v6-c-nav__item--accent--TransitionDuration: var(--pf-v6-c-nav__item--current--accent--TransitionDuration);
13361
13504
  }
@@ -13404,12 +13547,13 @@ ul.pf-v6-c-list {
13404
13547
  border: var(--pf-v6-c-nav__link--BorderWidth) solid var(--pf-v6-c-nav__link--BorderColor);
13405
13548
  border-radius: inherit;
13406
13549
  }
13407
- .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
13550
+ .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus-visible {
13408
13551
  --pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--hover--BorderWidth);
13552
+ --pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link-icon--hover--Color);
13409
13553
  color: var(--pf-v6-c-nav__link--hover--Color);
13410
13554
  background-color: var(--pf-v6-c-nav__link--hover--BackgroundColor);
13411
13555
  }
13412
- .pf-v6-c-nav__link.pf-m-current, .pf-v6-c-nav__link.pf-m-current:hover {
13556
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):not(.pf-m-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
13557
  --pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link--m-current__link-icon--Color);
13414
13558
  --pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--m-current--BorderWidth);
13415
13559
  color: var(--pf-v6-c-nav__link--m-current--Color);
@@ -13874,6 +14018,7 @@ ul.pf-v6-c-list {
13874
14018
  .pf-v6-c-page {
13875
14019
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13876
14020
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
14021
+ --pf-v6-c-page__header--ZIndex: var(--pf-t--global--z-index--md);
13877
14022
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
13878
14023
  --pf-v6-c-page__dock--Width: 15.625rem;
13879
14024
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -14094,6 +14239,9 @@ ul.pf-v6-c-list {
14094
14239
  --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
14240
  --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
14241
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
14242
+ --pf-v6-c-page--m-plain__main-container--MarginBlockEnd: var(--pf-v6-c-page--inset);
14243
+ --pf-v6-c-page--m-plain__main--RowGap: var(--pf-t--global--spacer--gutter--default);
14244
+ --pf-v6-c-page__footer--ZIndex: var(--pf-v6-c-page__main-container--ZIndex);
14097
14245
  }
14098
14246
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
14099
14247
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -14138,12 +14286,19 @@ ul.pf-v6-c-list {
14138
14286
  max-height: 100%;
14139
14287
  background-color: var(--pf-v6-c-page--BackgroundColor);
14140
14288
  }
14289
+ .pf-v6-c-page:has(> .pf-v6-c-page__footer) {
14290
+ grid-template-areas: "header" "main" "footer";
14291
+ grid-template-rows: max-content 1fr auto;
14292
+ }
14141
14293
  @media (min-width: 75rem) {
14142
14294
  .pf-v6-c-page {
14143
14295
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
14144
14296
  grid-template-areas: "header header" "sidebar main";
14145
14297
  grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
14146
14298
  }
14299
+ .pf-v6-c-page:has(> .pf-v6-c-page__footer) {
14300
+ grid-template-areas: "header header" "sidebar main" "footer footer";
14301
+ }
14147
14302
  }
14148
14303
  .pf-v6-c-page.pf-m-docked {
14149
14304
  --pf-v6-c-page--masthead--main-container--GridArea: main;
@@ -14162,7 +14317,7 @@ ul.pf-v6-c-list {
14162
14317
  grid-template-columns: auto 1fr;
14163
14318
  column-gap: var(--pf-v6-c-page--m-dock--ColumnGap);
14164
14319
  }
14165
- .pf-v6-c-page.pf-m-docked > .pf-v6-c-masthead {
14320
+ .pf-v6-c-page.pf-m-docked > :is(.pf-v6-c-page__header, .pf-v6-c-masthead) {
14166
14321
  display: none;
14167
14322
  }
14168
14323
  }
@@ -14185,7 +14340,7 @@ ul.pf-v6-c-list {
14185
14340
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
14186
14341
  }
14187
14342
  @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) {
14343
+ .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
14344
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
14190
14345
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
14191
14346
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
@@ -14238,7 +14393,7 @@ ul.pf-v6-c-list {
14238
14393
  --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
14239
14394
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
14240
14395
  }
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) {
14396
+ .pf-v6-c-page .pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
14242
14397
  --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
14243
14398
  --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
14244
14399
  --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
@@ -14248,20 +14403,58 @@ ul.pf-v6-c-list {
14248
14403
  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
14249
14404
  }
14250
14405
  }
14406
+ .pf-v6-c-page.pf-m-plain {
14407
+ --pf-v6-c-page__main-container--MarginBlockEnd: var(--pf-v6-c-page--m-plain__main-container--MarginBlockEnd);
14408
+ height: revert;
14409
+ min-height: 100dvh;
14410
+ max-height: revert;
14411
+ }
14412
+ .pf-v6-c-page.pf-m-plain :is(.pf-v6-c-page__main, .pf-v6-c-page__main-container) {
14413
+ overflow: revert;
14414
+ }
14415
+ .pf-v6-c-page.pf-m-plain .pf-v6-c-page__main-container {
14416
+ max-height: revert;
14417
+ background: transparent;
14418
+ border: 0;
14419
+ border-radius: 0;
14420
+ box-shadow: none;
14421
+ backdrop-filter: none;
14422
+ }
14423
+ .pf-v6-c-page.pf-m-plain .pf-v6-c-page__main {
14424
+ gap: var(--pf-v6-c-page--m-plain__main--RowGap);
14425
+ }
14426
+ .pf-v6-c-page.pf-m-plain .pf-v6-c-page__main-breadcrumb,
14427
+ .pf-v6-c-page.pf-m-plain .pf-v6-c-page__main-subnav {
14428
+ padding: 0;
14429
+ }
14430
+
14431
+ .pf-v6-c-page__header {
14432
+ z-index: var(--pf-v6-c-page__header--ZIndex);
14433
+ }
14434
+
14435
+ .pf-v6-c-page__header,
14436
+ .pf-v6-c-page > .pf-v6-c-masthead {
14437
+ grid-area: header;
14438
+ }
14251
14439
 
14440
+ .pf-v6-c-page > .pf-v6-c-masthead {
14441
+ z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
14442
+ }
14252
14443
  @media (min-width: 75rem) {
14253
14444
  .pf-v6-c-page > .pf-v6-c-masthead {
14254
14445
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
14255
14446
  }
14256
14447
  }
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
- }
14448
+
14261
14449
  .pf-v6-c-page.pf-m-docked > .pf-v6-c-masthead {
14262
14450
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns);
14263
14451
  }
14264
14452
 
14453
+ .pf-v6-c-page__footer {
14454
+ z-index: var(--pf-v6-c-page__footer--ZIndex);
14455
+ grid-area: footer;
14456
+ }
14457
+
14265
14458
  .pf-v6-c-page__dock {
14266
14459
  position: fixed;
14267
14460
  inset-block-start: 0;
@@ -14280,14 +14473,8 @@ ul.pf-v6-c-list {
14280
14473
  translate: 100% 0;
14281
14474
  }
14282
14475
 
14283
- .pf-v6-c-page__dock.pf-m-expanded {
14284
- --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
14285
- visibility: visible;
14286
- translate: 0;
14287
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
14288
- }
14289
14476
  @media (min-width: 62rem) {
14290
- .pf-v6-c-page__dock {
14477
+ .pf-v6-c-page__dock:not(.pf-m-overlay) {
14291
14478
  position: revert;
14292
14479
  inset: revert;
14293
14480
  visibility: revert;
@@ -14298,8 +14485,12 @@ ul.pf-v6-c-list {
14298
14485
  .pf-v6-c-page__dock .pf-v6-c-toolbar.pf-m-vertical :is(.pf-v6-c-toolbar__content-section, .pf-v6-c-toolbar__group, .pf-v6-c-toolbar__item) {
14299
14486
  align-items: stretch;
14300
14487
  }
14301
- .pf-v6-c-page__dock.pf-m-text-expanded {
14488
+ .pf-v6-c-page__dock.pf-m-expanded {
14489
+ --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
14490
+ visibility: visible;
14302
14491
  width: var(--pf-v6-c-page__dock--Width);
14492
+ translate: 0;
14493
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
14303
14494
  }
14304
14495
 
14305
14496
  .pf-v6-c-page__dock-main {
@@ -14314,7 +14505,7 @@ ul.pf-v6-c-list {
14314
14505
  box-shadow: var(--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow);
14315
14506
  }
14316
14507
  @media (min-width: 62rem) {
14317
- .pf-v6-c-page__dock-main {
14508
+ .pf-v6-c-page__dock:not(.pf-m-overlay) .pf-v6-c-page__dock-main {
14318
14509
  --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
14319
14510
  --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
14320
14511
  --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
@@ -14758,6 +14949,7 @@ ul.pf-v6-c-list {
14758
14949
  align-self: var(--pf-v6-c-page__main-container--AlignSelf);
14759
14950
  max-height: var(--pf-v6-c-page__main-container--MaxHeight);
14760
14951
  margin-block-start: var(--pf-v6-c-page__main-container--MarginBlockStart, 0);
14952
+ margin-block-end: var(--pf-v6-c-page__main-container--MarginBlockEnd, 0);
14761
14953
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
14762
14954
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
14763
14955
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
@@ -14787,8 +14979,8 @@ ul.pf-v6-c-list {
14787
14979
  -webkit-overflow-scrolling: touch;
14788
14980
  }
14789
14981
  @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,
14982
+ .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,
14983
+ :is(.pf-v6-c-page__header, .pf-v6-c-masthead) + .pf-v6-c-page__drawer,
14792
14984
  .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
14793
14985
  --pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
14794
14986
  }
@@ -16624,6 +16816,7 @@ ul.pf-v6-c-list {
16624
16816
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
16625
16817
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
16626
16818
  --pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
16819
+ --pf-v6-c-radio--m-standalone--before--Inset: calc(var(--pf-t--global--spacer--sm) * -1);
16627
16820
  --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
16628
16821
  --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
16629
16822
  --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -16649,6 +16842,19 @@ ul.pf-v6-c-list {
16649
16842
  grid-template-columns: auto;
16650
16843
  min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
16651
16844
  }
16845
+ label.pf-v6-c-radio.pf-m-standalone {
16846
+ position: relative;
16847
+ isolation: isolate;
16848
+ }
16849
+ label.pf-v6-c-radio.pf-m-standalone::before {
16850
+ position: absolute;
16851
+ inset: var(--pf-v6-c-radio--m-standalone--before--Inset);
16852
+ z-index: -1;
16853
+ pointer-events: auto;
16854
+ cursor: inherit;
16855
+ content: "";
16856
+ }
16857
+
16652
16858
  .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
16653
16859
  align-self: center;
16654
16860
  transform: none;
@@ -17905,22 +18111,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17905
18111
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
17906
18112
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
17907
18113
  --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
18114
+ --pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
17908
18115
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
17909
18116
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17910
18117
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
17911
18118
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
17912
- --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
17913
- --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
18119
+ --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
18120
+ --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);
17914
18121
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
17915
18122
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
17916
18123
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
17917
18124
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
17918
18125
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17919
18126
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
17920
- --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
17921
- --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
18127
+ --pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
18128
+ --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0;
17922
18129
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
17923
18130
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
18131
+ --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);
17924
18132
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
17925
18133
  --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));
17926
18134
  --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -18002,10 +18210,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18002
18210
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18003
18211
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18004
18212
  }
18005
- .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 {
18213
+ .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) {
18006
18214
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18007
18215
  }
18008
18216
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
18217
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18009
18218
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18010
18219
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18011
18220
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18015,7 +18224,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18015
18224
  }
18016
18225
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18017
18226
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18018
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18227
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18019
18228
  }
18020
18229
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18021
18230
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18205,6 +18414,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18205
18414
  }
18206
18415
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
18207
18416
  text-align: end;
18417
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18208
18418
  }
18209
18419
  @media screen and (max-width: 36rem) {
18210
18420
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
@@ -18311,10 +18521,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18311
18521
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18312
18522
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18313
18523
  }
18314
- .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 {
18524
+ .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) {
18315
18525
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18316
18526
  }
18317
18527
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
18528
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18318
18529
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18319
18530
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18320
18531
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18324,7 +18535,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18324
18535
  }
18325
18536
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18326
18537
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18327
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18538
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18328
18539
  }
18329
18540
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18330
18541
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18514,6 +18725,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18514
18725
  }
18515
18726
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
18516
18727
  text-align: end;
18728
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18517
18729
  }
18518
18730
  @media screen and (max-width: 36rem) {
18519
18731
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
@@ -18621,10 +18833,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18621
18833
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18622
18834
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18623
18835
  }
18624
- .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 {
18836
+ .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) {
18625
18837
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18626
18838
  }
18627
18839
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
18840
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18628
18841
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18629
18842
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18630
18843
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18634,7 +18847,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18634
18847
  }
18635
18848
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18636
18849
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18637
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18850
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18638
18851
  }
18639
18852
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18640
18853
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18824,6 +19037,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18824
19037
  }
18825
19038
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
18826
19039
  text-align: end;
19040
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18827
19041
  }
18828
19042
  @media screen and (max-width: 36rem) {
18829
19043
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
@@ -18931,10 +19145,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18931
19145
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18932
19146
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18933
19147
  }
18934
- .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 {
19148
+ .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) {
18935
19149
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18936
19150
  }
18937
19151
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
19152
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18938
19153
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18939
19154
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18940
19155
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18944,7 +19159,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18944
19159
  }
18945
19160
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18946
19161
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18947
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
19162
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18948
19163
  }
18949
19164
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18950
19165
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -19134,6 +19349,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19134
19349
  }
19135
19350
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
19136
19351
  text-align: end;
19352
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
19137
19353
  }
19138
19354
  @media screen and (max-width: 36rem) {
19139
19355
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -19241,10 +19457,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19241
19457
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
19242
19458
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
19243
19459
  }
19244
- .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 {
19460
+ .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) {
19245
19461
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
19246
19462
  }
19247
19463
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
19464
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
19248
19465
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
19249
19466
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
19250
19467
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -19254,7 +19471,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19254
19471
  }
19255
19472
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
19256
19473
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
19257
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
19474
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
19258
19475
  }
19259
19476
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
19260
19477
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -19444,6 +19661,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19444
19661
  }
19445
19662
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
19446
19663
  text-align: end;
19664
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
19447
19665
  }
19448
19666
  @media screen and (max-width: 36rem) {
19449
19667
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -19583,7 +19801,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19583
19801
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19584
19802
  --pf-v6-c-table__expandable-row-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
19585
19803
  --pf-v6-c-table__expandable-row-content--BorderWidth: 0;
19586
- --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19804
+ --pf-v6-c-table__control-row--BackgroundColor: var(--pf-v6-c-table--BackgroundColor);
19587
19805
  --pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
19588
19806
  --pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
19589
19807
  --pf-v6-c-table__icon-inline--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -19601,14 +19819,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19601
19819
  --pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
19602
19820
  --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: transparent;
19603
19821
  --pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
19604
- --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
19605
- --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
19822
+ --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
19823
+ --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
19606
19824
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
19607
19825
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
19608
19826
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
19609
19827
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: 0;
19610
19828
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
19611
- --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
19829
+ --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
19612
19830
  --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
19613
19831
  --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
19614
19832
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -19620,17 +19838,19 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19620
19838
  --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
19621
19839
  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
19622
19840
  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
19841
+ --pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19842
+ --pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19623
19843
  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
19624
19844
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
19625
19845
  --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
19626
- --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
19627
- --pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
19846
+ --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
19847
+ --pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
19628
19848
  --pf-v6-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
19629
19849
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: transparent;
19630
19850
  --pf-v6-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
19631
- --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
19632
- --pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
19633
- --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
19851
+ --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
19852
+ --pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
19853
+ --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
19634
19854
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
19635
19855
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
19636
19856
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
@@ -19654,13 +19874,25 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19654
19874
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
19655
19875
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
19656
19876
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
19877
+ --pf-v6-c-table--m-sticky-footer--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
19878
+ --pf-v6-c-table--m-sticky-footer--cell--ZIndex: var(--pf-t--global--z-index--xs);
19879
+ --pf-v6-c-table--m-sticky-footer--BoxShadow: 0;
19880
+ --pf-v6-c-table--m-sticky-footer--BorderRadius: 0;
19881
+ --pf-v6-c-table--m-sticky-footer--BorderBlockStartWidth: var(--pf-v6-c-table--border-width--base);
19882
+ --pf-v6-c-table--m-sticky-footer--BorderBlockStartColor: var(--pf-v6-c-table--BorderColor);
19883
+ --pf-v6-c-table--m-sticky-footer--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
19884
+ --pf-v6-c-table--m-sticky-footer--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--short);
19885
+ --pf-v6-c-table--m-sticky-footer--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
19886
+ --pf-v6-c-table--m-sticky-footer--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
19657
19887
  --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
19658
- --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
19659
19888
  }
19660
19889
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
19661
19890
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
19662
19891
  --pf-v6-c-table--m-sticky-header--BoxShadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow--glass);
19663
19892
  --pf-v6-c-table--m-sticky-header--BorderRadius: var(--pf-v6-c-table--m-sticky-header--BorderRadius--glass);
19893
+ --pf-v6-c-table--m-sticky-footer--BorderBlockStartWidth: 0;
19894
+ --pf-v6-c-table--m-sticky-footer--BoxShadow: var(--pf-v6-c-table--m-sticky-footer--BoxShadow--glass);
19895
+ --pf-v6-c-table--m-sticky-footer--BorderRadius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius--glass);
19664
19896
  }
19665
19897
 
19666
19898
  .pf-v6-c-table {
@@ -19734,22 +19966,56 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19734
19966
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
19735
19967
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
19736
19968
  }
19737
- .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
19969
+ .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after {
19970
+ opacity: 0;
19971
+ transition-timing-function: var(--pf-v6-c-table--m-sticky-footer--TransitionTimingFunction--BackgroundColor);
19972
+ transition-duration: var(--pf-v6-c-table--m-sticky-footer--TransitionDuration--BackgroundColor);
19973
+ transition-property: opacity;
19974
+ }
19975
+ .pf-v6-c-table.pf-m-sticky-footer-stuck > .pf-v6-c-table__tfoot::after, .pf-v6-c-table.pf-m-sticky-footer-stuck > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after {
19976
+ opacity: 1;
19977
+ }
19978
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type, .pf-v6-c-table.pf-m-sticky-footer-stuck > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
19979
+ border-block-end-color: transparent;
19980
+ }
19981
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot {
19738
19982
  position: sticky;
19739
19983
  inset-block-end: 0;
19740
19984
  z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
19741
- background: var(--pf-v6-c-table--BackgroundColor);
19985
+ background: transparent;
19742
19986
  }
19743
- .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
19987
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot::after {
19744
19988
  position: absolute;
19745
19989
  inset: 0;
19746
- z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
19990
+ z-index: -1;
19747
19991
  pointer-events: none;
19748
19992
  content: "";
19749
- border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
19993
+ border-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
19994
+ box-shadow: var(--pf-v6-c-table--m-sticky-footer--BoxShadow);
19750
19995
  }
19751
- .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
19752
- border-block-end: 0;
19996
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr > :is(th, td), .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr > :is(th, td) {
19997
+ z-index: var(--pf-v6-c-table--m-sticky-footer--cell--ZIndex);
19998
+ }
19999
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after {
20000
+ position: absolute;
20001
+ inset: 0;
20002
+ z-index: -1;
20003
+ pointer-events: none;
20004
+ content: "";
20005
+ background: var(--pf-v6-c-table--m-sticky-footer--BackgroundColor);
20006
+ border-block-start: var(--pf-v6-c-table--m-sticky-footer--BorderBlockStartWidth) solid var(--pf-v6-c-table--m-sticky-footer--BorderBlockStartColor);
20007
+ }
20008
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after {
20009
+ border-start-start-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
20010
+ }
20011
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after {
20012
+ border-end-start-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
20013
+ }
20014
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after {
20015
+ border-start-end-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
20016
+ }
20017
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after {
20018
+ border-end-end-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
19753
20019
  }
19754
20020
  .pf-v6-c-table.pf-m-plain {
19755
20021
  --pf-v6-c-table--BackgroundColor: transparent;
@@ -20403,6 +20669,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20403
20669
  .pf-v6-c-table.pf-m-compact {
20404
20670
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
20405
20671
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
20672
+ --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockStart);
20673
+ --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockEnd);
20406
20674
  }
20407
20675
  .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
20408
20676
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
@@ -21496,10 +21764,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21496
21764
  --pf-v6-c-tabs__link--BorderColor: transparent;
21497
21765
  --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
21498
21766
  --pf-v6-c-tabs__link--disabled--BorderColor: transparent;
21499
- --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
21500
- --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21501
- --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
21502
- --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
21767
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
21768
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
21769
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
21770
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
21503
21771
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
21504
21772
  --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
21505
21773
  --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
@@ -21518,9 +21786,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21518
21786
  --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
21519
21787
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21520
21788
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
21521
- --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
21522
21789
  --pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
21523
21790
  --pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
21791
+ --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);
21792
+ --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);
21793
+ --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--body--sm);
21794
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
21795
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
21796
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
21797
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
21524
21798
  --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
21525
21799
  --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
21526
21800
  --pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
@@ -21887,9 +22161,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21887
22161
  }
21888
22162
  .pf-v6-c-tabs.pf-m-subtab {
21889
22163
  --pf-v6-c-tabs__link--FontSize: var(--pf-v6-c-tabs--m-subtab__link--FontSize);
22164
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart);
22165
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd);
22166
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart);
22167
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd);
21890
22168
  --pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
21891
22169
  --pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
21892
22170
  }
22171
+ .pf-v6-c-tabs.pf-m-subtab .pf-v6-c-tabs__link {
22172
+ margin-block-start: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockStart);
22173
+ margin-block-end: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd);
22174
+ }
21893
22175
  .pf-v6-c-tabs.pf-m-page-insets {
21894
22176
  --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
21895
22177
  }
@@ -25977,7 +26259,7 @@ label.pf-v6-c-tree-view__node-text {
25977
26259
  --pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
25978
26260
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
25979
26261
  --pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
25980
- --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
26262
+ --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--sm);
25981
26263
  --pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
25982
26264
  --pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
25983
26265
  --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);