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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/CHANGELOG.md +51 -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/Toolbar/toolbar.css +198 -184
  53. package/css/components/Toolbar/toolbar.d.ts +55 -54
  54. package/css/components/Toolbar/toolbar.js +55 -54
  55. package/css/components/Toolbar/toolbar.mjs +55 -54
  56. package/css/components/Wizard/wizard.css +1 -1
  57. package/css/components/_index.css +599 -303
  58. package/css/components/_index.d.ts +17 -8
  59. package/css/components/_index.js +17 -8
  60. package/css/components/_index.mjs +17 -8
  61. package/css/docs/components/Nav/examples/Navigation.css +11 -1
  62. package/css/docs/components/Nav/examples/Navigation.d.ts +4 -1
  63. package/css/docs/components/Nav/examples/Navigation.js +4 -1
  64. package/css/docs/components/Nav/examples/Navigation.mjs +4 -1
  65. package/css/docs/components/Table/examples/Table.css +2 -6
  66. package/css/docs/components/Toolbar/examples/Toolbar.css +14 -0
  67. package/css/docs/components/Toolbar/examples/Toolbar.d.ts +1 -0
  68. package/css/docs/components/Toolbar/examples/Toolbar.js +1 -0
  69. package/css/docs/components/Toolbar/examples/Toolbar.mjs +1 -0
  70. package/dist/esm/index.d.ts +1 -1
  71. package/dist/esm/index.d.ts.map +1 -1
  72. package/dist/esm/index.js +2 -2
  73. package/dist/esm/index.js.map +1 -1
  74. package/dist/js/index.d.ts +1 -1
  75. package/dist/js/index.d.ts.map +1 -1
  76. package/dist/js/index.js +2 -2
  77. package/dist/js/index.js.map +1 -1
  78. package/package.json +3 -3
  79. 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
  }
@@ -23138,7 +23420,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23138
23420
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23139
23421
  }
23140
23422
  }
23141
- @media screen and (min-width: 36rem) {
23423
+ @container pf-v6-contain-toolbar (min-width: 36rem) {
23142
23424
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-sm,
23143
23425
  .pf-v6-c-toolbar__group.pf-m-hidden-on-sm,
23144
23426
  .pf-v6-c-toolbar__item.pf-m-hidden-on-sm {
@@ -23150,7 +23432,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23150
23432
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23151
23433
  }
23152
23434
  }
23153
- @media screen and (min-width: 48rem) {
23435
+ @container pf-v6-contain-toolbar (min-width: 48rem) {
23154
23436
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-md,
23155
23437
  .pf-v6-c-toolbar__group.pf-m-hidden-on-md,
23156
23438
  .pf-v6-c-toolbar__item.pf-m-hidden-on-md {
@@ -23162,7 +23444,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23162
23444
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23163
23445
  }
23164
23446
  }
23165
- @media screen and (min-width: 62rem) {
23447
+ @container pf-v6-contain-toolbar (min-width: 62rem) {
23166
23448
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-lg,
23167
23449
  .pf-v6-c-toolbar__group.pf-m-hidden-on-lg,
23168
23450
  .pf-v6-c-toolbar__item.pf-m-hidden-on-lg {
@@ -23174,7 +23456,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23174
23456
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23175
23457
  }
23176
23458
  }
23177
- @media screen and (min-width: 75rem) {
23459
+ @container pf-v6-contain-toolbar (min-width: 75rem) {
23178
23460
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-xl,
23179
23461
  .pf-v6-c-toolbar__group.pf-m-hidden-on-xl,
23180
23462
  .pf-v6-c-toolbar__item.pf-m-hidden-on-xl {
@@ -23186,7 +23468,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23186
23468
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23187
23469
  }
23188
23470
  }
23189
- @media screen and (min-width: 90.625rem) {
23471
+ @container pf-v6-contain-toolbar (min-width: 90.625rem) {
23190
23472
  .pf-v6-c-toolbar__content-section.pf-m-hidden-on-2xl,
23191
23473
  .pf-v6-c-toolbar__group.pf-m-hidden-on-2xl,
23192
23474
  .pf-v6-c-toolbar__item.pf-m-hidden-on-2xl {
@@ -23253,7 +23535,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23253
23535
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23254
23536
  }
23255
23537
  }
23256
- @media screen and (min-width: 36rem) {
23538
+ @container pf-v6-contain-toolbar (min-width: 36rem) {
23257
23539
  .pf-v6-c-toolbar__content.pf-m-hidden-on-sm {
23258
23540
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
23259
23541
  }
@@ -23261,7 +23543,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23261
23543
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23262
23544
  }
23263
23545
  }
23264
- @media screen and (min-width: 48rem) {
23546
+ @container pf-v6-contain-toolbar (min-width: 48rem) {
23265
23547
  .pf-v6-c-toolbar__content.pf-m-hidden-on-md {
23266
23548
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
23267
23549
  }
@@ -23269,7 +23551,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23269
23551
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23270
23552
  }
23271
23553
  }
23272
- @media screen and (min-width: 62rem) {
23554
+ @container pf-v6-contain-toolbar (min-width: 62rem) {
23273
23555
  .pf-v6-c-toolbar__content.pf-m-hidden-on-lg {
23274
23556
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
23275
23557
  }
@@ -23277,7 +23559,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23277
23559
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23278
23560
  }
23279
23561
  }
23280
- @media screen and (min-width: 75rem) {
23562
+ @container pf-v6-contain-toolbar (min-width: 75rem) {
23281
23563
  .pf-v6-c-toolbar__content.pf-m-hidden-on-xl {
23282
23564
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
23283
23565
  }
@@ -23285,7 +23567,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23285
23567
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
23286
23568
  }
23287
23569
  }
23288
- @media screen and (min-width: 90.625rem) {
23570
+ @container pf-v6-contain-toolbar (min-width: 90.625rem) {
23289
23571
  .pf-v6-c-toolbar__content.pf-m-hidden-on-2xl {
23290
23572
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
23291
23573
  }
@@ -23390,6 +23672,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23390
23672
  .pf-v6-c-toolbar.pf-m-no-background {
23391
23673
  --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-no-background--BackgroundColor);
23392
23674
  }
23675
+ .pf-v6-c-toolbar.pf-m-container {
23676
+ container-name: pf-v6-contain-toolbar;
23677
+ container-type: inline-size;
23678
+ }
23393
23679
  .pf-v6-c-toolbar.pf-m-vertical {
23394
23680
  --pf-v6-c-toolbar--child--m-align-end--MarginBlockStart: auto;
23395
23681
  --pf-v6-c-toolbar--child--m-align-end--MarginInlineStart: 0;
@@ -23404,27 +23690,27 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23404
23690
  .pf-v6-c-toolbar__item {
23405
23691
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
23406
23692
  }
23407
- @media (min-width: 36rem) {
23693
+ @container pf-v6-contain-toolbar (min-width: 36rem) {
23408
23694
  .pf-v6-c-toolbar__item {
23409
23695
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width));
23410
23696
  }
23411
23697
  }
23412
- @media (min-width: 48rem) {
23698
+ @container pf-v6-contain-toolbar (min-width: 48rem) {
23413
23699
  .pf-v6-c-toolbar__item {
23414
23700
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)));
23415
23701
  }
23416
23702
  }
23417
- @media (min-width: 62rem) {
23703
+ @container pf-v6-contain-toolbar (min-width: 62rem) {
23418
23704
  .pf-v6-c-toolbar__item {
23419
23705
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))));
23420
23706
  }
23421
23707
  }
23422
- @media (min-width: 75rem) {
23708
+ @container pf-v6-contain-toolbar (min-width: 75rem) {
23423
23709
  .pf-v6-c-toolbar__item {
23424
23710
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)))));
23425
23711
  }
23426
23712
  }
23427
- @media (min-width: 90.625rem) {
23713
+ @container pf-v6-contain-toolbar (min-width: 90.625rem) {
23428
23714
  .pf-v6-c-toolbar__item {
23429
23715
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
23430
23716
  }
@@ -23432,27 +23718,27 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23432
23718
  .pf-v6-c-toolbar__item {
23433
23719
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
23434
23720
  }
23435
- @media (min-width: 36rem) {
23721
+ @container pf-v6-contain-toolbar (min-width: 36rem) {
23436
23722
  .pf-v6-c-toolbar__item {
23437
23723
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
23438
23724
  }
23439
23725
  }
23440
- @media (min-width: 48rem) {
23726
+ @container pf-v6-contain-toolbar (min-width: 48rem) {
23441
23727
  .pf-v6-c-toolbar__item {
23442
23728
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)));
23443
23729
  }
23444
23730
  }
23445
- @media (min-width: 62rem) {
23731
+ @container pf-v6-contain-toolbar (min-width: 62rem) {
23446
23732
  .pf-v6-c-toolbar__item {
23447
23733
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))));
23448
23734
  }
23449
23735
  }
23450
- @media (min-width: 75rem) {
23736
+ @container pf-v6-contain-toolbar (min-width: 75rem) {
23451
23737
  .pf-v6-c-toolbar__item {
23452
23738
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)))));
23453
23739
  }
23454
23740
  }
23455
- @media (min-width: 90.625rem) {
23741
+ @container pf-v6-contain-toolbar (min-width: 90.625rem) {
23456
23742
  .pf-v6-c-toolbar__item {
23457
23743
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
23458
23744
  }
@@ -23530,7 +23816,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23530
23816
  border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
23531
23817
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
23532
23818
  }
23533
- @media screen and (min-width: 62rem) {
23819
+ @container pf-v6-contain-toolbar (min-width: 62rem) {
23534
23820
  .pf-v6-c-toolbar__expandable-content {
23535
23821
  position: static;
23536
23822
  padding: 0;
@@ -23571,6 +23857,34 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23571
23857
  overflow: auto;
23572
23858
  }
23573
23859
 
23860
+ .pf-v6-c-toolbar.pf-m-inset-none {
23861
+ padding-inline: 0;
23862
+ }
23863
+ .pf-v6-c-toolbar.pf-m-inset-xs {
23864
+ padding-inline: var(--pf-t--global--spacer--xs);
23865
+ }
23866
+ .pf-v6-c-toolbar.pf-m-inset-sm {
23867
+ padding-inline: var(--pf-t--global--spacer--sm);
23868
+ }
23869
+ .pf-v6-c-toolbar.pf-m-inset-md {
23870
+ padding-inline: var(--pf-t--global--spacer--md);
23871
+ }
23872
+ .pf-v6-c-toolbar.pf-m-inset-lg {
23873
+ padding-inline: var(--pf-t--global--spacer--lg);
23874
+ }
23875
+ .pf-v6-c-toolbar.pf-m-inset-xl {
23876
+ padding-inline: var(--pf-t--global--spacer--xl);
23877
+ }
23878
+ .pf-v6-c-toolbar.pf-m-inset-2xl {
23879
+ padding-inline: var(--pf-t--global--spacer--2xl);
23880
+ }
23881
+ .pf-v6-c-toolbar.pf-m-inset-3xl {
23882
+ padding-inline: var(--pf-t--global--spacer--3xl);
23883
+ }
23884
+ .pf-v6-c-toolbar.pf-m-inset-4xl {
23885
+ padding-inline: var(--pf-t--global--spacer--4xl);
23886
+ }
23887
+
23574
23888
  .pf-v6-c-toolbar__group.pf-m-align-start,
23575
23889
  .pf-v6-c-toolbar__item.pf-m-align-start {
23576
23890
  margin-inline-start: 0;
@@ -23610,34 +23924,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23610
23924
  align-self: end;
23611
23925
  }
23612
23926
 
23613
- .pf-v6-c-toolbar.pf-m-inset-none {
23614
- padding-inline: 0;
23615
- }
23616
- .pf-v6-c-toolbar.pf-m-inset-xs {
23617
- padding-inline: var(--pf-t--global--spacer--xs);
23618
- }
23619
- .pf-v6-c-toolbar.pf-m-inset-sm {
23620
- padding-inline: var(--pf-t--global--spacer--sm);
23621
- }
23622
- .pf-v6-c-toolbar.pf-m-inset-md {
23623
- padding-inline: var(--pf-t--global--spacer--md);
23624
- }
23625
- .pf-v6-c-toolbar.pf-m-inset-lg {
23626
- padding-inline: var(--pf-t--global--spacer--lg);
23627
- }
23628
- .pf-v6-c-toolbar.pf-m-inset-xl {
23629
- padding-inline: var(--pf-t--global--spacer--xl);
23630
- }
23631
- .pf-v6-c-toolbar.pf-m-inset-2xl {
23632
- padding-inline: var(--pf-t--global--spacer--2xl);
23633
- }
23634
- .pf-v6-c-toolbar.pf-m-inset-3xl {
23635
- padding-inline: var(--pf-t--global--spacer--3xl);
23636
- }
23637
- .pf-v6-c-toolbar.pf-m-inset-4xl {
23638
- padding-inline: var(--pf-t--global--spacer--4xl);
23639
- }
23640
-
23641
23927
  .pf-v6-c-toolbar__group.pf-m-wrap,
23642
23928
  .pf-v6-c-toolbar__item.pf-m-wrap,
23643
23929
  .pf-v6-c-toolbar__content-section.pf-m-wrap {
@@ -23827,10 +24113,39 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23827
24113
  }
23828
24114
 
23829
24115
  @media (min-width: 36rem) {
23830
- .pf-v6-c-toolbar__group.pf-m-align-start-on-sm,
23831
- .pf-v6-c-toolbar__item.pf-m-align-start-on-sm {
23832
- margin-inline-start: 0;
23833
- }
24116
+ .pf-v6-c-toolbar.pf-m-inset-none-on-sm {
24117
+ padding-inline: 0;
24118
+ }
24119
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-sm {
24120
+ padding-inline: var(--pf-t--global--spacer--xs);
24121
+ }
24122
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-sm {
24123
+ padding-inline: var(--pf-t--global--spacer--sm);
24124
+ }
24125
+ .pf-v6-c-toolbar.pf-m-inset-md-on-sm {
24126
+ padding-inline: var(--pf-t--global--spacer--md);
24127
+ }
24128
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-sm {
24129
+ padding-inline: var(--pf-t--global--spacer--lg);
24130
+ }
24131
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-sm {
24132
+ padding-inline: var(--pf-t--global--spacer--xl);
24133
+ }
24134
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-sm {
24135
+ padding-inline: var(--pf-t--global--spacer--2xl);
24136
+ }
24137
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-sm {
24138
+ padding-inline: var(--pf-t--global--spacer--3xl);
24139
+ }
24140
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-sm {
24141
+ padding-inline: var(--pf-t--global--spacer--4xl);
24142
+ }
24143
+ }
24144
+ @container pf-v6-contain-toolbar (min-width: 36rem) {
24145
+ .pf-v6-c-toolbar__group.pf-m-align-start-on-sm,
24146
+ .pf-v6-c-toolbar__item.pf-m-align-start-on-sm {
24147
+ margin-inline-start: 0;
24148
+ }
23834
24149
  .pf-v6-c-toolbar__group.pf-m-align-center-on-sm,
23835
24150
  .pf-v6-c-toolbar__item.pf-m-align-center-on-sm {
23836
24151
  margin-inline-start: auto;
@@ -23865,33 +24180,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23865
24180
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-sm {
23866
24181
  align-self: end;
23867
24182
  }
23868
- .pf-v6-c-toolbar.pf-m-inset-none-on-sm {
23869
- padding-inline: 0;
23870
- }
23871
- .pf-v6-c-toolbar.pf-m-inset-xs-on-sm {
23872
- padding-inline: var(--pf-t--global--spacer--xs);
23873
- }
23874
- .pf-v6-c-toolbar.pf-m-inset-sm-on-sm {
23875
- padding-inline: var(--pf-t--global--spacer--sm);
23876
- }
23877
- .pf-v6-c-toolbar.pf-m-inset-md-on-sm {
23878
- padding-inline: var(--pf-t--global--spacer--md);
23879
- }
23880
- .pf-v6-c-toolbar.pf-m-inset-lg-on-sm {
23881
- padding-inline: var(--pf-t--global--spacer--lg);
23882
- }
23883
- .pf-v6-c-toolbar.pf-m-inset-xl-on-sm {
23884
- padding-inline: var(--pf-t--global--spacer--xl);
23885
- }
23886
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-sm {
23887
- padding-inline: var(--pf-t--global--spacer--2xl);
23888
- }
23889
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-sm {
23890
- padding-inline: var(--pf-t--global--spacer--3xl);
23891
- }
23892
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-sm {
23893
- padding-inline: var(--pf-t--global--spacer--4xl);
23894
- }
23895
24183
  .pf-v6-c-toolbar__group.pf-m-wrap-on-sm,
23896
24184
  .pf-v6-c-toolbar__item.pf-m-wrap-on-sm,
23897
24185
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-sm {
@@ -24080,6 +24368,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24080
24368
  }
24081
24369
  }
24082
24370
  @media (min-width: 48rem) {
24371
+ .pf-v6-c-toolbar.pf-m-inset-none-on-md {
24372
+ padding-inline: 0;
24373
+ }
24374
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-md {
24375
+ padding-inline: var(--pf-t--global--spacer--xs);
24376
+ }
24377
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-md {
24378
+ padding-inline: var(--pf-t--global--spacer--sm);
24379
+ }
24380
+ .pf-v6-c-toolbar.pf-m-inset-md-on-md {
24381
+ padding-inline: var(--pf-t--global--spacer--md);
24382
+ }
24383
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-md {
24384
+ padding-inline: var(--pf-t--global--spacer--lg);
24385
+ }
24386
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-md {
24387
+ padding-inline: var(--pf-t--global--spacer--xl);
24388
+ }
24389
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-md {
24390
+ padding-inline: var(--pf-t--global--spacer--2xl);
24391
+ }
24392
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-md {
24393
+ padding-inline: var(--pf-t--global--spacer--3xl);
24394
+ }
24395
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-md {
24396
+ padding-inline: var(--pf-t--global--spacer--4xl);
24397
+ }
24398
+ }
24399
+ @container pf-v6-contain-toolbar (min-width: 48rem) {
24083
24400
  .pf-v6-c-toolbar__group.pf-m-align-start-on-md,
24084
24401
  .pf-v6-c-toolbar__item.pf-m-align-start-on-md {
24085
24402
  margin-inline-start: 0;
@@ -24118,33 +24435,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24118
24435
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-md {
24119
24436
  align-self: end;
24120
24437
  }
24121
- .pf-v6-c-toolbar.pf-m-inset-none-on-md {
24122
- padding-inline: 0;
24123
- }
24124
- .pf-v6-c-toolbar.pf-m-inset-xs-on-md {
24125
- padding-inline: var(--pf-t--global--spacer--xs);
24126
- }
24127
- .pf-v6-c-toolbar.pf-m-inset-sm-on-md {
24128
- padding-inline: var(--pf-t--global--spacer--sm);
24129
- }
24130
- .pf-v6-c-toolbar.pf-m-inset-md-on-md {
24131
- padding-inline: var(--pf-t--global--spacer--md);
24132
- }
24133
- .pf-v6-c-toolbar.pf-m-inset-lg-on-md {
24134
- padding-inline: var(--pf-t--global--spacer--lg);
24135
- }
24136
- .pf-v6-c-toolbar.pf-m-inset-xl-on-md {
24137
- padding-inline: var(--pf-t--global--spacer--xl);
24138
- }
24139
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-md {
24140
- padding-inline: var(--pf-t--global--spacer--2xl);
24141
- }
24142
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-md {
24143
- padding-inline: var(--pf-t--global--spacer--3xl);
24144
- }
24145
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-md {
24146
- padding-inline: var(--pf-t--global--spacer--4xl);
24147
- }
24148
24438
  .pf-v6-c-toolbar__group.pf-m-wrap-on-md,
24149
24439
  .pf-v6-c-toolbar__item.pf-m-wrap-on-md,
24150
24440
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-md {
@@ -24333,6 +24623,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24333
24623
  }
24334
24624
  }
24335
24625
  @media (min-width: 62rem) {
24626
+ .pf-v6-c-toolbar.pf-m-inset-none-on-lg {
24627
+ padding-inline: 0;
24628
+ }
24629
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-lg {
24630
+ padding-inline: var(--pf-t--global--spacer--xs);
24631
+ }
24632
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-lg {
24633
+ padding-inline: var(--pf-t--global--spacer--sm);
24634
+ }
24635
+ .pf-v6-c-toolbar.pf-m-inset-md-on-lg {
24636
+ padding-inline: var(--pf-t--global--spacer--md);
24637
+ }
24638
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-lg {
24639
+ padding-inline: var(--pf-t--global--spacer--lg);
24640
+ }
24641
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-lg {
24642
+ padding-inline: var(--pf-t--global--spacer--xl);
24643
+ }
24644
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-lg {
24645
+ padding-inline: var(--pf-t--global--spacer--2xl);
24646
+ }
24647
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-lg {
24648
+ padding-inline: var(--pf-t--global--spacer--3xl);
24649
+ }
24650
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-lg {
24651
+ padding-inline: var(--pf-t--global--spacer--4xl);
24652
+ }
24653
+ }
24654
+ @container pf-v6-contain-toolbar (min-width: 62rem) {
24336
24655
  .pf-v6-c-toolbar__group.pf-m-align-start-on-lg,
24337
24656
  .pf-v6-c-toolbar__item.pf-m-align-start-on-lg {
24338
24657
  margin-inline-start: 0;
@@ -24371,33 +24690,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24371
24690
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-lg {
24372
24691
  align-self: end;
24373
24692
  }
24374
- .pf-v6-c-toolbar.pf-m-inset-none-on-lg {
24375
- padding-inline: 0;
24376
- }
24377
- .pf-v6-c-toolbar.pf-m-inset-xs-on-lg {
24378
- padding-inline: var(--pf-t--global--spacer--xs);
24379
- }
24380
- .pf-v6-c-toolbar.pf-m-inset-sm-on-lg {
24381
- padding-inline: var(--pf-t--global--spacer--sm);
24382
- }
24383
- .pf-v6-c-toolbar.pf-m-inset-md-on-lg {
24384
- padding-inline: var(--pf-t--global--spacer--md);
24385
- }
24386
- .pf-v6-c-toolbar.pf-m-inset-lg-on-lg {
24387
- padding-inline: var(--pf-t--global--spacer--lg);
24388
- }
24389
- .pf-v6-c-toolbar.pf-m-inset-xl-on-lg {
24390
- padding-inline: var(--pf-t--global--spacer--xl);
24391
- }
24392
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-lg {
24393
- padding-inline: var(--pf-t--global--spacer--2xl);
24394
- }
24395
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-lg {
24396
- padding-inline: var(--pf-t--global--spacer--3xl);
24397
- }
24398
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-lg {
24399
- padding-inline: var(--pf-t--global--spacer--4xl);
24400
- }
24401
24693
  .pf-v6-c-toolbar__group.pf-m-wrap-on-lg,
24402
24694
  .pf-v6-c-toolbar__item.pf-m-wrap-on-lg,
24403
24695
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-lg {
@@ -24586,6 +24878,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24586
24878
  }
24587
24879
  }
24588
24880
  @media (min-width: 75rem) {
24881
+ .pf-v6-c-toolbar.pf-m-inset-none-on-xl {
24882
+ padding-inline: 0;
24883
+ }
24884
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-xl {
24885
+ padding-inline: var(--pf-t--global--spacer--xs);
24886
+ }
24887
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-xl {
24888
+ padding-inline: var(--pf-t--global--spacer--sm);
24889
+ }
24890
+ .pf-v6-c-toolbar.pf-m-inset-md-on-xl {
24891
+ padding-inline: var(--pf-t--global--spacer--md);
24892
+ }
24893
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-xl {
24894
+ padding-inline: var(--pf-t--global--spacer--lg);
24895
+ }
24896
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-xl {
24897
+ padding-inline: var(--pf-t--global--spacer--xl);
24898
+ }
24899
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-xl {
24900
+ padding-inline: var(--pf-t--global--spacer--2xl);
24901
+ }
24902
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-xl {
24903
+ padding-inline: var(--pf-t--global--spacer--3xl);
24904
+ }
24905
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-xl {
24906
+ padding-inline: var(--pf-t--global--spacer--4xl);
24907
+ }
24908
+ }
24909
+ @container pf-v6-contain-toolbar (min-width: 75rem) {
24589
24910
  .pf-v6-c-toolbar__group.pf-m-align-start-on-xl,
24590
24911
  .pf-v6-c-toolbar__item.pf-m-align-start-on-xl {
24591
24912
  margin-inline-start: 0;
@@ -24624,33 +24945,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24624
24945
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-xl {
24625
24946
  align-self: end;
24626
24947
  }
24627
- .pf-v6-c-toolbar.pf-m-inset-none-on-xl {
24628
- padding-inline: 0;
24629
- }
24630
- .pf-v6-c-toolbar.pf-m-inset-xs-on-xl {
24631
- padding-inline: var(--pf-t--global--spacer--xs);
24632
- }
24633
- .pf-v6-c-toolbar.pf-m-inset-sm-on-xl {
24634
- padding-inline: var(--pf-t--global--spacer--sm);
24635
- }
24636
- .pf-v6-c-toolbar.pf-m-inset-md-on-xl {
24637
- padding-inline: var(--pf-t--global--spacer--md);
24638
- }
24639
- .pf-v6-c-toolbar.pf-m-inset-lg-on-xl {
24640
- padding-inline: var(--pf-t--global--spacer--lg);
24641
- }
24642
- .pf-v6-c-toolbar.pf-m-inset-xl-on-xl {
24643
- padding-inline: var(--pf-t--global--spacer--xl);
24644
- }
24645
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-xl {
24646
- padding-inline: var(--pf-t--global--spacer--2xl);
24647
- }
24648
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-xl {
24649
- padding-inline: var(--pf-t--global--spacer--3xl);
24650
- }
24651
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-xl {
24652
- padding-inline: var(--pf-t--global--spacer--4xl);
24653
- }
24654
24948
  .pf-v6-c-toolbar__group.pf-m-wrap-on-xl,
24655
24949
  .pf-v6-c-toolbar__item.pf-m-wrap-on-xl,
24656
24950
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-xl {
@@ -24839,6 +25133,35 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24839
25133
  }
24840
25134
  }
24841
25135
  @media (min-width: 90.625rem) {
25136
+ .pf-v6-c-toolbar.pf-m-inset-none-on-2xl {
25137
+ padding-inline: 0;
25138
+ }
25139
+ .pf-v6-c-toolbar.pf-m-inset-xs-on-2xl {
25140
+ padding-inline: var(--pf-t--global--spacer--xs);
25141
+ }
25142
+ .pf-v6-c-toolbar.pf-m-inset-sm-on-2xl {
25143
+ padding-inline: var(--pf-t--global--spacer--sm);
25144
+ }
25145
+ .pf-v6-c-toolbar.pf-m-inset-md-on-2xl {
25146
+ padding-inline: var(--pf-t--global--spacer--md);
25147
+ }
25148
+ .pf-v6-c-toolbar.pf-m-inset-lg-on-2xl {
25149
+ padding-inline: var(--pf-t--global--spacer--lg);
25150
+ }
25151
+ .pf-v6-c-toolbar.pf-m-inset-xl-on-2xl {
25152
+ padding-inline: var(--pf-t--global--spacer--xl);
25153
+ }
25154
+ .pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl {
25155
+ padding-inline: var(--pf-t--global--spacer--2xl);
25156
+ }
25157
+ .pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl {
25158
+ padding-inline: var(--pf-t--global--spacer--3xl);
25159
+ }
25160
+ .pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl {
25161
+ padding-inline: var(--pf-t--global--spacer--4xl);
25162
+ }
25163
+ }
25164
+ @container pf-v6-contain-toolbar (min-width: 90.625rem) {
24842
25165
  .pf-v6-c-toolbar__group.pf-m-align-start-on-2xl,
24843
25166
  .pf-v6-c-toolbar__item.pf-m-align-start-on-2xl {
24844
25167
  margin-inline-start: 0;
@@ -24877,33 +25200,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24877
25200
  .pf-v6-c-toolbar__item.pf-m-align-self-end-on-2xl {
24878
25201
  align-self: end;
24879
25202
  }
24880
- .pf-v6-c-toolbar.pf-m-inset-none-on-2xl {
24881
- padding-inline: 0;
24882
- }
24883
- .pf-v6-c-toolbar.pf-m-inset-xs-on-2xl {
24884
- padding-inline: var(--pf-t--global--spacer--xs);
24885
- }
24886
- .pf-v6-c-toolbar.pf-m-inset-sm-on-2xl {
24887
- padding-inline: var(--pf-t--global--spacer--sm);
24888
- }
24889
- .pf-v6-c-toolbar.pf-m-inset-md-on-2xl {
24890
- padding-inline: var(--pf-t--global--spacer--md);
24891
- }
24892
- .pf-v6-c-toolbar.pf-m-inset-lg-on-2xl {
24893
- padding-inline: var(--pf-t--global--spacer--lg);
24894
- }
24895
- .pf-v6-c-toolbar.pf-m-inset-xl-on-2xl {
24896
- padding-inline: var(--pf-t--global--spacer--xl);
24897
- }
24898
- .pf-v6-c-toolbar.pf-m-inset-2xl-on-2xl {
24899
- padding-inline: var(--pf-t--global--spacer--2xl);
24900
- }
24901
- .pf-v6-c-toolbar.pf-m-inset-3xl-on-2xl {
24902
- padding-inline: var(--pf-t--global--spacer--3xl);
24903
- }
24904
- .pf-v6-c-toolbar.pf-m-inset-4xl-on-2xl {
24905
- padding-inline: var(--pf-t--global--spacer--4xl);
24906
- }
24907
25203
  .pf-v6-c-toolbar__group.pf-m-wrap-on-2xl,
24908
25204
  .pf-v6-c-toolbar__item.pf-m-wrap-on-2xl,
24909
25205
  .pf-v6-c-toolbar__content-section.pf-m-wrap-on-2xl {
@@ -25977,7 +26273,7 @@ label.pf-v6-c-tree-view__node-text {
25977
26273
  --pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
25978
26274
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
25979
26275
  --pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
25980
- --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
26276
+ --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--sm);
25981
26277
  --pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
25982
26278
  --pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
25983
26279
  --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);