@patternfly/react-styles 6.5.0-prerelease.14 → 6.5.0-prerelease.16

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 (48) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/assets/images/glass-brand-dark.jpg +0 -0
  3. package/css/components/Accordion/accordion.css +1 -1
  4. package/css/components/Accordion/accordion.d.ts +1 -1
  5. package/css/components/Accordion/accordion.js +1 -1
  6. package/css/components/Accordion/accordion.mjs +1 -1
  7. package/css/components/Button/button.css +4 -4
  8. package/css/components/ClipboardCopy/clipboard-copy.css +7 -1
  9. package/css/components/ClipboardCopy/clipboard-copy.d.ts +1 -0
  10. package/css/components/ClipboardCopy/clipboard-copy.js +1 -0
  11. package/css/components/ClipboardCopy/clipboard-copy.mjs +1 -0
  12. package/css/components/CodeEditor/code-editor.css +1 -1
  13. package/css/components/DataList/data-list.css +1 -1
  14. package/css/components/DataList/data-list.d.ts +1 -1
  15. package/css/components/DataList/data-list.js +1 -1
  16. package/css/components/DataList/data-list.mjs +1 -1
  17. package/css/components/Drawer/drawer.css +108 -18
  18. package/css/components/Drawer/drawer.d.ts +1 -1
  19. package/css/components/Drawer/drawer.js +1 -1
  20. package/css/components/Drawer/drawer.mjs +1 -1
  21. package/css/components/JumpLinks/jump-links.css +11 -1
  22. package/css/components/Menu/menu.css +26 -19
  23. package/css/components/MenuToggle/menu-toggle.css +10 -7
  24. package/css/components/MenuToggle/menu-toggle.d.ts +1 -0
  25. package/css/components/MenuToggle/menu-toggle.js +1 -0
  26. package/css/components/MenuToggle/menu-toggle.mjs +1 -0
  27. package/css/components/Page/page.css +89 -37
  28. package/css/components/Page/page.d.ts +1 -1
  29. package/css/components/Page/page.js +1 -1
  30. package/css/components/Page/page.mjs +1 -1
  31. package/css/components/Progress/progress.css +3 -1
  32. package/css/components/Table/table.css +3 -3
  33. package/css/components/Table/table.d.ts +1 -1
  34. package/css/components/Table/table.js +1 -1
  35. package/css/components/Table/table.mjs +1 -1
  36. package/css/components/Tabs/tabs.css +18 -17
  37. package/css/components/Tabs/tabs.d.ts +0 -1
  38. package/css/components/Tabs/tabs.js +0 -1
  39. package/css/components/Tabs/tabs.mjs +0 -1
  40. package/css/components/Wizard/wizard.css +2 -2
  41. package/css/components/Wizard/wizard.d.ts +1 -1
  42. package/css/components/Wizard/wizard.js +1 -1
  43. package/css/components/Wizard/wizard.mjs +1 -1
  44. package/css/components/_index.css +284 -113
  45. package/css/components/_index.d.ts +3 -3
  46. package/css/components/_index.js +3 -3
  47. package/css/components/_index.mjs +3 -3
  48. package/package.json +3 -3
@@ -306,7 +306,7 @@
306
306
  row-gap: var(--pf-v6-c-accordion--RowGap);
307
307
  background-color: var(--pf-v6-c-accordion--BackgroundColor);
308
308
  }
309
- :where(.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain), .pf-v6-c-accordion.pf-m-plain {
309
+ :where(.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain-on-glass), .pf-v6-c-accordion.pf-m-plain {
310
310
  --pf-v6-c-accordion--BackgroundColor: transparent;
311
311
  --pf-v6-c-accordion__expandable-content--BackgroundColor: transparent;
312
312
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: transparent;
@@ -1615,7 +1615,7 @@ button.pf-v6-c-breadcrumb__link {
1615
1615
  --pf-v6-c-button--AlignItems: baseline;
1616
1616
  --pf-v6-c-button--JustifyContent: center;
1617
1617
  --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
1618
- --pf-v6-c-button--MinWidth: initial;
1618
+ --pf-v6-c-button--MinWidth: calc(1lh + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
1619
1619
  --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
1620
1620
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
1621
1621
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -1806,13 +1806,13 @@ button.pf-v6-c-breadcrumb__link {
1806
1806
  --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
1807
1807
  --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
1808
1808
  --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
1809
- --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
1809
+ --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
1810
1810
  --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
1811
1811
  --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
1812
1812
  --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
1813
1813
  --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
1814
1814
  --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
1815
- --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
1815
+ --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--control--default);
1816
1816
  --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
1817
1817
  --pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
1818
1818
  --pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -2377,6 +2377,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2377
2377
  }
2378
2378
  .pf-v6-c-button.pf-m-circle {
2379
2379
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
2380
+ padding-inline: 0;
2380
2381
  }
2381
2382
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
2382
2383
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
@@ -2477,7 +2478,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2477
2478
  }
2478
2479
 
2479
2480
  .pf-v6-c-button__icon {
2480
- min-width: 1lh;
2481
2481
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
2482
2482
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
2483
2483
  color: var(--pf-v6-c-button__icon--Color);
@@ -3291,7 +3291,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3291
3291
  --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
3292
3292
  --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3293
3293
  --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
3294
- --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3294
+ --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--default);
3295
3295
  --pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
3296
3296
  --pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
3297
3297
  --pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
@@ -3299,6 +3299,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3299
3299
  --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--control--default);
3300
3300
  --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
3301
3301
  --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
3302
+ --pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
3303
+ --pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor: var(--pf-t--global--border--color--control--read-only);
3302
3304
  --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
3303
3305
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
3304
3306
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
@@ -3327,6 +3329,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3327
3329
  .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
3328
3330
  display: inline-flex;
3329
3331
  }
3332
+ .pf-v6-c-clipboard-copy.pf-m-readonly {
3333
+ --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor);
3334
+ --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor);
3335
+ }
3330
3336
 
3331
3337
  .pf-v6-c-clipboard-copy__group {
3332
3338
  display: flex;
@@ -3449,7 +3455,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3449
3455
  --pf-v6-c-code-editor__header--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
3450
3456
  --pf-v6-c-code-editor__header--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
3451
3457
  --pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
3452
- --pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3458
+ --pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: transparent;
3453
3459
  --pf-v6-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
3454
3460
  --pf-v6-c-code-editor__header-content--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
3455
3461
  --pf-v6-c-code-editor__header-content--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -4828,7 +4834,7 @@ ul) {
4828
4834
  .pf-v6-c-data-list.pf-m-drag-over {
4829
4835
  overflow-anchor: none;
4830
4836
  }
4831
- :where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain), .pf-v6-c-data-list.pf-m-plain {
4837
+ :where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass), .pf-v6-c-data-list.pf-m-plain {
4832
4838
  --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
4833
4839
  }
4834
4840
 
@@ -6344,45 +6350,85 @@ ul) {
6344
6350
  --pf-v6-c-drawer__body--m-padding--PaddingInlineEnd: var(--pf-t--global--spacer--md);
6345
6351
  --pf-v6-c-drawer__body--m-padding--PaddingBlockEnd: var(--pf-t--global--spacer--md);
6346
6352
  --pf-v6-c-drawer__body--m-padding--PaddingInlineStart: var(--pf-t--global--spacer--md);
6347
- --pf-v6-c-drawer__splitter--Height: 0.5625rem;
6353
+ --pf-v6-c-drawer__splitter--Height: 0.75rem;
6348
6354
  --pf-v6-c-drawer__splitter--Width: 100%;
6349
- --pf-v6-c-drawer__splitter--BackgroundColor: var(--pf-t--global--background--color--primary--default);
6355
+ --pf-v6-c-drawer__splitter--BackgroundColor: transparent;
6350
6356
  --pf-v6-c-drawer__splitter--Cursor: row-resize;
6351
6357
  --pf-v6-c-drawer__splitter--m-vertical--Height: 100%;
6352
- --pf-v6-c-drawer__splitter--m-vertical--Width: 0.5625rem;
6358
+ --pf-v6-c-drawer__splitter--m-vertical--Width: 0.75rem;
6353
6359
  --pf-v6-c-drawer__splitter--m-vertical--Cursor: col-resize;
6360
+ --pf-v6-c-drawer__splitter--focus--OutlineOffset: -0.0625rem;
6354
6361
  --pf-v6-c-drawer--m-inline__splitter--focus--OutlineOffset: -0.0625rem;
6355
6362
  --pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-t--global--border--color--default);
6363
+ --pf-v6-c-drawer__splitter--hover--after--BorderColor: var(--pf-t--global--border--color--default);
6364
+ --pf-v6-c-drawer__splitter--focus--after--BorderColor: var(--pf-t--global--border--color--default);
6365
+ --pf-v6-c-drawer__splitter--active--after--BorderColor: var(--pf-t--global--border--color--default);
6356
6366
  --pf-v6-c-drawer__splitter--after--border-width--base: var(--pf-t--global--border--width--divider--default);
6357
6367
  --pf-v6-c-drawer__splitter--after--BorderBlockStartWidth: 0;
6358
6368
  --pf-v6-c-drawer__splitter--after--BorderInlineEndWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
6359
6369
  --pf-v6-c-drawer__splitter--after--BorderBlockEndWidth: 0;
6360
6370
  --pf-v6-c-drawer__splitter--after--BorderInlineStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
6371
+ --pf-v6-c-drawer__splitter--after--InsetBlockStart: 0;
6372
+ --pf-v6-c-drawer__splitter--after--InsetBlockEnd: 0;
6373
+ --pf-v6-c-drawer__splitter--after--InsetInlineStart: 0;
6374
+ --pf-v6-c-drawer__splitter--after--InsetInlineEnd: 0;
6375
+ --pf-v6-c-drawer__splitter--after--Width: auto;
6376
+ --pf-v6-c-drawer__splitter--after--Height: auto;
6361
6377
  --pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
6362
6378
  --pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockEndWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
6363
- --pf-v6-c-drawer--m-inline__splitter--m-vertical--Width: 0.625rem;
6379
+ --pf-v6-c-drawer--m-pill__splitter--m-vertical--Width: 0.625rem;
6380
+ --pf-v6-c-drawer--m-pill__splitter--m-vertical--Height: calc(100% - (2 * var(--pf-v6-c-drawer--m-pill__panel--BorderRadius)));
6381
+ --pf-v6-c-drawer--m-pill__splitter--m-vertical--MarginBlockStart: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
6382
+ --pf-v6-c-drawer--m-pill__splitter--after--BorderColor: transparent;
6383
+ --pf-v6-c-drawer--m-pill__splitter--after--BorderInlineEndWidth: 0;
6384
+ --pf-v6-c-drawer--m-pill__splitter--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
6385
+ --pf-v6-c-drawer--m-pill__splitter--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
6386
+ --pf-v6-c-drawer--m-pill__splitter--active--after--BorderColor: var(--pf-t--global--border--color--clicked);
6387
+ --pf-v6-c-drawer--m-pill__splitter--after--Width: 0.0625rem;
6388
+ --pf-v6-c-drawer--m-pill__splitter--after--Height: auto;
6389
+ --pf-v6-c-drawer--m-pill__splitter--after--InsetInlineStart: 50%;
6390
+ --pf-v6-c-drawer--m-pill__splitter--after--InsetInlineEnd: auto;
6391
+ --pf-v6-c-drawer--m-pill__splitter--after--TranslateX: -50%;
6392
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Height: 0.5rem;
6393
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Width: calc(100% - (2 * var(--pf-v6-c-drawer--m-pill__panel--BorderRadius)));
6394
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--MarginInlineStart: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
6395
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Width: auto;
6396
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Height: 0.0625rem;
6397
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
6398
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth: 0;
6399
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockStart: 50%;
6400
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockEnd: auto;
6401
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineStart: 0;
6402
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineEnd: 0;
6403
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--TranslateY: -50%;
6404
+ --pf-v6-c-drawer--m-inline__splitter--m-vertical--Width: 0.75rem;
6364
6405
  --pf-v6-c-drawer--m-inline__splitter-handle--InsetInlineStart: 50%;
6365
- --pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--Height: 0.625rem;
6406
+ --pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--Height: 0.75rem;
6366
6407
  --pf-v6-c-drawer--m-inline--m-panel-bottom__splitter-handle--InsetBlockStart: 50%;
6367
6408
  --pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
6368
6409
  --pf-v6-c-drawer__splitter-handle--InsetBlockStart: 50%;
6369
- --pf-v6-c-drawer__splitter-handle--InsetInlineStart: calc(50% - var(--pf-v6-c-drawer__splitter--after--border-width--base));
6410
+ --pf-v6-c-drawer__splitter-handle--InsetInlineStart: 50%;
6370
6411
  --pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart: 50%;
6371
- --pf-v6-c-drawer--m-panel-bottom__splitter-handle--InsetBlockStart: calc(50% - var(--pf-v6-c-drawer__splitter--after--border-width--base));
6372
- --pf-v6-c-drawer__splitter-handle--after--BorderColor: var(--pf-t--global--border--color--default);
6412
+ --pf-v6-c-drawer--m-panel-bottom__splitter-handle--InsetBlockStart: 50%;
6413
+ --pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-t--global--border--color--control--default);
6414
+ --pf-v6-c-drawer__splitter-handle--hover--after--BackgroundColor: var(--pf-t--global--border--color--hover);
6415
+ --pf-v6-c-drawer__splitter-handle--focus--after--BackgroundColor: var(--pf-t--global--border--color--clicked);
6416
+ --pf-v6-c-drawer__splitter-handle--active--after--BackgroundColor: var(--pf-t--global--border--color--clicked);
6417
+ --pf-v6-c-drawer__splitter-handle--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
6373
6418
  --pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
6374
6419
  --pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth: 0;
6375
6420
  --pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
6376
6421
  --pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth: 0;
6377
- --pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor: var(--pf-t--global--border--color--hover);
6422
+ --pf-v6-c-drawer__splitter-handle--after--BorderRadius: var(--pf-t--global--border--radius--pill);
6423
+ --pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor: var(--pf-t--global--color--brand--hover);
6378
6424
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockStartWidth: 0;
6379
6425
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
6380
6426
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockEndWidth: 0;
6381
6427
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
6382
- --pf-v6-c-drawer__splitter-handle--after--Width: 0.75rem;
6428
+ --pf-v6-c-drawer__splitter-handle--after--Width: 2.1875rem;
6383
6429
  --pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
6384
6430
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
6385
- --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
6431
+ --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 2.1875rem;
6386
6432
  }
6387
6433
  @media screen and (min-width: 75rem) {
6388
6434
  .pf-v6-c-drawer {
@@ -6494,6 +6540,19 @@ ul) {
6494
6540
  --pf-v6-c-drawer__panel--BorderRadius: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
6495
6541
  --pf-v6-c-drawer--m-expanded__panel--inset: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
6496
6542
  --pf-v6-c-drawer__panel--MarginBlock: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
6543
+ --pf-v6-c-drawer__splitter--m-vertical--Width: var(--pf-v6-c-drawer--m-pill__splitter--m-vertical--Width);
6544
+ --pf-v6-c-drawer__splitter--m-vertical--Height: var(--pf-v6-c-drawer--m-pill__splitter--m-vertical--Height);
6545
+ --pf-v6-c-drawer__splitter--MarginBlockStart: var(--pf-v6-c-drawer--m-pill__splitter--m-vertical--MarginBlockStart);
6546
+ --pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--after--BorderColor);
6547
+ --pf-v6-c-drawer__splitter--after--BorderInlineEndWidth: var(--pf-v6-c-drawer--m-pill__splitter--after--BorderInlineEndWidth);
6548
+ --pf-v6-c-drawer__splitter--hover--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--hover--after--BorderColor);
6549
+ --pf-v6-c-drawer__splitter--focus--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--focus--after--BorderColor);
6550
+ --pf-v6-c-drawer__splitter--active--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--active--after--BorderColor);
6551
+ --pf-v6-c-drawer__splitter--after--Width: var(--pf-v6-c-drawer--m-pill__splitter--after--Width);
6552
+ --pf-v6-c-drawer__splitter--after--Height: var(--pf-v6-c-drawer--m-pill__splitter--after--Height);
6553
+ --pf-v6-c-drawer__splitter--after--InsetInlineStart: var(--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineStart);
6554
+ --pf-v6-c-drawer__splitter--after--InsetInlineEnd: var(--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineEnd);
6555
+ --pf-v6-c-drawer__splitter--after--TranslateX: var(--pf-v6-c-drawer--m-pill__splitter--after--TranslateX);
6497
6556
  }
6498
6557
  .pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6499
6558
  border-block-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth);
@@ -6502,6 +6561,25 @@ ul) {
6502
6561
  border-inline-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth);
6503
6562
  }
6504
6563
  }
6564
+ @media screen and (min-width: 48rem) {
6565
+ .pf-v6-c-drawer.pf-m-pill.pf-m-panel-bottom {
6566
+ --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Height);
6567
+ --pf-v6-c-drawer__splitter--Width: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Width);
6568
+ --pf-v6-c-drawer__splitter--MarginBlockStart: 0;
6569
+ --pf-v6-c-drawer__splitter--MarginInlineStart: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--MarginInlineStart);
6570
+ --pf-v6-c-drawer__splitter--after--Width: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Width);
6571
+ --pf-v6-c-drawer__splitter--after--Height: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Height);
6572
+ --pf-v6-c-drawer__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockStartWidth);
6573
+ --pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockEndWidth: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth);
6574
+ --pf-v6-c-drawer__splitter--after--BorderBlockEndWidth: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth);
6575
+ --pf-v6-c-drawer__splitter--after--InsetBlockStart: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockStart);
6576
+ --pf-v6-c-drawer__splitter--after--InsetBlockEnd: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockEnd);
6577
+ --pf-v6-c-drawer__splitter--after--TranslateX: initial;
6578
+ --pf-v6-c-drawer__splitter--after--TranslateY: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--TranslateY);
6579
+ --pf-v6-c-drawer__splitter--after--InsetInlineStart: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineStart);
6580
+ --pf-v6-c-drawer__splitter--after--InsetInlineEnd: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineEnd);
6581
+ }
6582
+ }
6505
6583
 
6506
6584
  .pf-v6-c-drawer__section {
6507
6585
  flex-grow: 0;
@@ -6666,8 +6744,11 @@ ul) {
6666
6744
  display: none;
6667
6745
  width: var(--pf-v6-c-drawer__splitter--Width);
6668
6746
  height: var(--pf-v6-c-drawer__splitter--Height);
6747
+ margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
6748
+ margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
6669
6749
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
6670
6750
  background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
6751
+ outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
6671
6752
  }
6672
6753
  .pf-v6-c-drawer__splitter.pf-m-vertical {
6673
6754
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -6680,21 +6761,34 @@ ul) {
6680
6761
  --pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth: var(--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockEndWidth);
6681
6762
  --pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth: var(--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineStartWidth);
6682
6763
  }
6683
- .pf-v6-c-drawer__splitter:hover, .pf-v6-c-drawer__splitter:focus {
6684
- --pf-v6-c-drawer__splitter-handle--after--BorderColor: var(--pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor);
6764
+ .pf-v6-c-drawer__splitter:hover {
6765
+ --pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-v6-c-drawer__splitter-handle--hover--after--BackgroundColor);
6766
+ --pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer__splitter--hover--after--BorderColor);
6767
+ }
6768
+ .pf-v6-c-drawer__splitter:focus {
6769
+ --pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-v6-c-drawer__splitter-handle--focus--after--BackgroundColor);
6770
+ --pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer__splitter--focus--after--BorderColor);
6771
+ }
6772
+ .pf-v6-c-drawer__splitter:active {
6773
+ --pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-v6-c-drawer__splitter-handle--active--after--BackgroundColor);
6774
+ --pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer__splitter--active--after--BorderColor);
6685
6775
  }
6686
6776
  .pf-v6-c-drawer__splitter::after {
6687
6777
  position: absolute;
6688
- inset-block-start: 0;
6689
- inset-block-end: 0;
6690
- inset-inline-start: 0;
6691
- inset-inline-end: 0;
6778
+ inset-block-start: var(--pf-v6-c-drawer__splitter--after--InsetBlockStart);
6779
+ inset-block-end: var(--pf-v6-c-drawer__splitter--after--InsetBlockEnd);
6780
+ inset-inline-start: var(--pf-v6-c-drawer__splitter--after--InsetInlineStart);
6781
+ inset-inline-end: var(--pf-v6-c-drawer__splitter--after--InsetInlineEnd);
6782
+ z-index: -1;
6783
+ width: var(--pf-v6-c-drawer__splitter--after--Width);
6784
+ height: var(--pf-v6-c-drawer__splitter--after--Height);
6692
6785
  content: "";
6693
6786
  border: solid var(--pf-v6-c-drawer__splitter--after--BorderColor);
6694
6787
  border-block-start-width: var(--pf-v6-c-drawer__splitter--after--BorderBlockStartWidth);
6695
6788
  border-block-end-width: var(--pf-v6-c-drawer__splitter--after--BorderBlockEndWidth);
6696
6789
  border-inline-start-width: var(--pf-v6-c-drawer__splitter--after--BorderInlineStartWidth);
6697
6790
  border-inline-end-width: var(--pf-v6-c-drawer__splitter--after--BorderInlineEndWidth);
6791
+ translate: var(--pf-v6-c-drawer__splitter--after--TranslateX, 0) var(--pf-v6-c-drawer__splitter--after--TranslateY, 0);
6698
6792
  }
6699
6793
 
6700
6794
  .pf-v6-c-drawer__splitter-handle {
@@ -6712,12 +6806,14 @@ ul) {
6712
6806
  width: var(--pf-v6-c-drawer__splitter-handle--after--Width);
6713
6807
  height: var(--pf-v6-c-drawer__splitter-handle--after--Height);
6714
6808
  content: "";
6809
+ background-color: var(--pf-v6-c-drawer__splitter-handle--after--BackgroundColor);
6715
6810
  border-color: var(--pf-v6-c-drawer__splitter-handle--after--BorderColor);
6716
6811
  border-style: solid;
6717
6812
  border-block-start-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth);
6718
6813
  border-block-end-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth);
6719
6814
  border-inline-start-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth);
6720
6815
  border-inline-end-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth);
6816
+ border-radius: var(--pf-v6-c-drawer__splitter-handle--after--BorderRadius);
6721
6817
  }
6722
6818
 
6723
6819
  @media screen and (min-width: 48rem) {
@@ -6725,7 +6821,7 @@ ul) {
6725
6821
  --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
6726
6822
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
6727
6823
  }
6728
- :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline:not(.pf-m-no-plain) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-inline.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static:not(.pf-m-no-plain) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6824
+ :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline:not(.pf-m-no-plain-on-glass) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-inline.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static:not(.pf-m-no-plain-on-glass) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6729
6825
  background: transparent;
6730
6826
  }
6731
6827
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -9197,14 +9293,19 @@ label.pf-v6-c-input-group__text {
9197
9293
  --pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
9198
9294
  --pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9199
9295
  --pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
9296
+ --pf-v6-c-jump-links__link--before--Height: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
9297
+ --pf-v6-c-jump-links__link--before--Width: auto;
9200
9298
  --pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
9201
9299
  --pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
9202
9300
  --pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
9203
9301
  --pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
9204
9302
  --pf-v6-c-jump-links__link--before--BorderColor: transparent;
9303
+ --pf-v6-c-jump-links__link--before--BorderRadius: var(--pf-t--global--border--radius--pill);
9205
9304
  --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
9206
9305
  --pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
9207
- --pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
9306
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--color--brand--accent--default);
9307
+ --pf-v6-c-jump-links--m-vertical__link--before--Height: auto;
9308
+ --pf-v6-c-jump-links--m-vertical__link--before--Width: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
9208
9309
  --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
9209
9310
  --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
9210
9311
  --pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
@@ -9236,6 +9337,8 @@ label.pf-v6-c-input-group__text {
9236
9337
  --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
9237
9338
  --pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
9238
9339
  --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
9340
+ --pf-v6-c-jump-links__link--before--Width: var(--pf-v6-c-jump-links--m-vertical__link--before--Width);
9341
+ --pf-v6-c-jump-links__link--before--Height: var(--pf-v6-c-jump-links--m-vertical__link--before--Height);
9239
9342
  --pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
9240
9343
  --pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
9241
9344
  --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
@@ -9366,6 +9469,8 @@ label.pf-v6-c-input-group__text {
9366
9469
  .pf-v6-c-jump-links__link::before {
9367
9470
  position: absolute;
9368
9471
  inset: 0;
9472
+ width: var(--pf-v6-c-jump-links__link--before--Width);
9473
+ height: var(--pf-v6-c-jump-links__link--before--Height);
9369
9474
  pointer-events: none;
9370
9475
  content: "";
9371
9476
  border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
@@ -9374,6 +9479,7 @@ label.pf-v6-c-input-group__text {
9374
9479
  border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
9375
9480
  border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
9376
9481
  border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
9482
+ border-radius: var(--pf-v6-c-jump-links__link--before--BorderRadius);
9377
9483
  }
9378
9484
 
9379
9485
  .pf-v6-c-jump-links__item {
@@ -11051,17 +11157,19 @@ ul.pf-v6-c-list {
11051
11157
  }
11052
11158
 
11053
11159
  .pf-v6-c-menu {
11054
- --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
11160
+ --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--xs);
11055
11161
  --pf-v6-c-menu--Width: auto;
11056
11162
  --pf-v6-c-menu--MinWidth: auto;
11057
- --pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11058
- --pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11163
+ --pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--xs);
11164
+ --pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
11165
+ --pf-v6-c-menu--PaddingInlineStart: var(--pf-t--global--spacer--xs);
11166
+ --pf-v6-c-menu--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
11059
11167
  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11060
11168
  --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
11061
11169
  --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
11062
11170
  --pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11063
11171
  --pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
11064
- --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
11172
+ --pf-v6-c-menu--BorderRadius: calc(var(--pf-v6-c-menu__item--BorderRadius) + var(--pf-v6-c-menu--PaddingBlockStart));
11065
11173
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
11066
11174
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
11067
11175
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -11102,12 +11210,13 @@ ul.pf-v6-c-list {
11102
11210
  --pf-v6-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
11103
11211
  --pf-v6-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
11104
11212
  --pf-v6-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11105
- --pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--sm);
11106
- --pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--sm);
11213
+ --pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--xs);
11214
+ --pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--xs);
11215
+ --pf-v6-c-menu__item--BorderRadius: var(--pf-t--global--border--radius--small);
11107
11216
  --pf-v6-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11108
11217
  --pf-v6-c-menu__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11109
- --pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--lg);
11110
- --pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11218
+ --pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--md);
11219
+ --pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11111
11220
  --pf-v6-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
11112
11221
  --pf-v6-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
11113
11222
  --pf-v6-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -11116,22 +11225,23 @@ ul.pf-v6-c-list {
11116
11225
  --pf-v6-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
11117
11226
  --pf-v6-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11118
11227
  --pf-v6-c-menu__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11119
- --pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
11120
- --pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11228
+ --pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
11229
+ --pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11121
11230
  --pf-v6-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11122
11231
  --pf-v6-c-menu__group-title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11123
- --pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--lg);
11124
- --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11232
+ --pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--md);
11233
+ --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11125
11234
  --pf-v6-c-menu__breadcrumb--PaddingBlockStart: 0;
11126
11235
  --pf-v6-c-menu__breadcrumb--PaddingBlockEnd: 0;
11127
- --pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--lg);
11128
- --pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11236
+ --pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--md);
11237
+ --pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11129
11238
  --pf-v6-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11130
11239
  --pf-v6-c-menu__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11131
- --pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
11132
- --pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11240
+ --pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
11241
+ --pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11133
11242
  --pf-v6-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
11134
- --pf-v6-c-menu__group-title--Color: var(--pf-t--global--text--color--subtle);
11243
+ --pf-v6-c-menu__group-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
11244
+ --pf-v6-c-menu__group-title--Color: var(--pf-t--global--text--color--regular);
11135
11245
  --pf-v6-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
11136
11246
  --pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
11137
11247
  --pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
@@ -11293,6 +11403,8 @@ ul.pf-v6-c-list {
11293
11403
  min-width: var(--pf-v6-c-menu--MinWidth);
11294
11404
  padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
11295
11405
  padding-block-end: var(--pf-v6-c-menu--PaddingBlockEnd);
11406
+ padding-inline-start: var(--pf-v6-c-menu--PaddingInlineStart);
11407
+ padding-inline-end: var(--pf-v6-c-menu--PaddingInlineEnd);
11296
11408
  overflow: hidden;
11297
11409
  color: var(--pf-v6-c-menu--Color);
11298
11410
  background-color: var(--pf-v6-c-menu--BackgroundColor);
@@ -11487,8 +11599,8 @@ ul.pf-v6-c-list {
11487
11599
  inset: 0;
11488
11600
  content: "";
11489
11601
  background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
11490
- border-block-start: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
11491
- border-block-end: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
11602
+ border: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
11603
+ border-radius: var(--pf-v6-c-menu__item--BorderRadius);
11492
11604
  transition: inherit;
11493
11605
  }
11494
11606
  .pf-v6-c-menu__list-item.pf-m-load {
@@ -11538,6 +11650,7 @@ ul.pf-v6-c-list {
11538
11650
  text-decoration-line: none;
11539
11651
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
11540
11652
  border: 0;
11653
+ border-radius: var(--pf-v6-c-menu__item--BorderRadius);
11541
11654
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11542
11655
  --pf-v6-hidden-visible--visible--Display: flex;
11543
11656
  --pf-v6-hidden-visible--hidden--Display: none;
@@ -11696,12 +11809,12 @@ ul.pf-v6-c-list {
11696
11809
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
11697
11810
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
11698
11811
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
11699
- --pf-v6-c-menu-toggle--MinWidth: initial;
11812
+ --pf-v6-c-menu-toggle--MinWidth: calc(1lh + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
11700
11813
  --pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
11701
11814
  --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
11702
11815
  --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
11703
11816
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
11704
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
11817
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--control--default);
11705
11818
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
11706
11819
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
11707
11820
  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
@@ -11739,7 +11852,7 @@ ul.pf-v6-c-list {
11739
11852
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
11740
11853
  --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
11741
11854
  --pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
11742
- --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--pill);
11855
+ --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--action--default);
11743
11856
  --pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
11744
11857
  --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
11745
11858
  --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
@@ -11757,7 +11870,7 @@ ul.pf-v6-c-list {
11757
11870
  --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
11758
11871
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
11759
11872
  --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
11760
- --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
11873
+ --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--action--default);
11761
11874
  --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
11762
11875
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
11763
11876
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
@@ -11772,11 +11885,12 @@ ul.pf-v6-c-list {
11772
11885
  --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
11773
11886
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
11774
11887
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
11888
+ --pf-v6-c-menu-toggle--m-form--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
11775
11889
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
11776
11890
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
11777
11891
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
11778
11892
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
11779
- --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
11893
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--action--default);
11780
11894
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
11781
11895
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
11782
11896
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
@@ -11806,7 +11920,7 @@ ul.pf-v6-c-list {
11806
11920
  --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
11807
11921
  --pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
11808
11922
  --pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
11809
- --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
11923
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--control--default);
11810
11924
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
11811
11925
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
11812
11926
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -11926,6 +12040,9 @@ ul.pf-v6-c-list {
11926
12040
  .pf-v6-c-menu-toggle.pf-m-full-width {
11927
12041
  width: 100%;
11928
12042
  }
12043
+ .pf-v6-c-menu-toggle.pf-m-form {
12044
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-form--BorderRadius);
12045
+ }
11929
12046
  .pf-v6-c-menu-toggle.pf-m-plain {
11930
12047
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
11931
12048
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
@@ -12211,7 +12328,6 @@ ul.pf-v6-c-list {
12211
12328
 
12212
12329
  .pf-v6-c-menu-toggle__icon {
12213
12330
  flex-shrink: 0;
12214
- min-width: 1lh;
12215
12331
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
12216
12332
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
12217
12333
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
@@ -13467,6 +13583,7 @@ ul.pf-v6-c-list {
13467
13583
  --pf-v6-c-page__sidebar--TranslateZ: 0;
13468
13584
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
13469
13585
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
13586
+ --pf-v6-c-page__sidebar--MarginBlockStart: 0;
13470
13587
  --pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
13471
13588
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
13472
13589
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
@@ -13484,6 +13601,20 @@ ul.pf-v6-c-list {
13484
13601
  }
13485
13602
  }
13486
13603
  .pf-v6-c-page {
13604
+ --pf-v6-c-page__sidebar-main--PaddingBlockStart: 0;
13605
+ --pf-v6-c-page__sidebar-main--PaddingBlockEnd: 0;
13606
+ --pf-v6-c-page__sidebar-main--PaddingInlineStart: 0;
13607
+ --pf-v6-c-page__sidebar-main--PaddingInlineEnd: 0;
13608
+ --pf-v6-c-page__sidebar-main--MarginBlockStart: 0;
13609
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd: 0;
13610
+ --pf-v6-c-page__sidebar-main--MarginInlineStart: 0;
13611
+ --pf-v6-c-page__sidebar-main--MarginInlineEnd: 0;
13612
+ --pf-v6-c-page__sidebar-main--BackgroundColor: transparent;
13613
+ --pf-v6-c-page__sidebar-main--BackdropFilter: none;
13614
+ --pf-v6-c-page__sidebar-main--BorderWidth: 0;
13615
+ --pf-v6-c-page__sidebar-main--BorderColor: transparent;
13616
+ --pf-v6-c-page__sidebar-main--BorderRadius: 0;
13617
+ --pf-v6-c-page__sidebar-main--BoxShadow: none;
13487
13618
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
13488
13619
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
13489
13620
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13554,6 +13685,10 @@ ul.pf-v6-c-list {
13554
13685
  --pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13555
13686
  --pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13556
13687
  --pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
13688
+ --pf-v6-c-page__main-section--m-secondary--BorderBlockStartWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--high-contrast--regular));
13689
+ --pf-v6-c-page__main-section--m-secondary--BorderBlockStartColor: var(--pf-t--global--border--color--subtle);
13690
+ --pf-v6-c-page__main-section--m-secondary--BorderBlockEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--high-contrast--regular));
13691
+ --pf-v6-c-page__main-section--m-secondary--BorderBlockEndColor: var(--pf-t--global--border--color--subtle);
13557
13692
  --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
13558
13693
  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
13559
13694
  --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
@@ -13596,11 +13731,54 @@ ul.pf-v6-c-list {
13596
13731
  --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
13597
13732
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
13598
13733
  --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13734
+ --pf-v6-c-page--BackgroundColor--glass: transparent;
13735
+ --pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
13736
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
13737
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
13738
+ --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
13739
+ --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
13740
+ --pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
13741
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
13742
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
13743
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
13744
+ --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
13745
+ --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
13746
+ --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
13747
+ --pf-v6-c-page__sidebar-main--BorderWidth--glass: var(--pf-t--global--border--width--glass--default);
13748
+ --pf-v6-c-page__sidebar-main--BorderColor--glass: var(--pf-t--global--border--color--glass--default);
13749
+ --pf-v6-c-page__sidebar-main--BorderRadius--glass: var(--pf-t--global--border--radius--glass--default);
13750
+ --pf-v6-c-page__sidebar-main--BoxShadow--glass: var(--pf-t--global--box-shadow--glass--default);
13751
+ --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
13752
+ --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
13753
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
13754
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
13599
13755
  }
13600
13756
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
13601
- --pf-v6-c-page__sidebar--Width--base: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
13602
- --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
13603
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13757
+ --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
13758
+ --pf-v6-c-page__sidebar--Width--base: var(--pf-v6-c-page__sidebar--Width--base--glass);
13759
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass);
13760
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass);
13761
+ --pf-v6-c-page__sidebar-main--PaddingBlockEnd: var(--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass);
13762
+ --pf-v6-c-page__sidebar-main--PaddingInlineStart: var(--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass);
13763
+ --pf-v6-c-page__sidebar-main--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass);
13764
+ --pf-v6-c-page__sidebar-main--MarginBlockStart: var(--pf-v6-c-page__sidebar-main--MarginBlockStart--glass);
13765
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd: var(--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass);
13766
+ --pf-v6-c-page__sidebar-main--MarginInlineStart: var(--pf-v6-c-page__sidebar-main--MarginInlineStart--glass);
13767
+ --pf-v6-c-page__sidebar-main--MarginInlineEnd: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass);
13768
+ --pf-v6-c-page__sidebar-main--BackgroundColor: var(--pf-v6-c-page__sidebar-main--BackgroundColor--glass);
13769
+ --pf-v6-c-page__sidebar-main--BackdropFilter: var(--pf-v6-c-page__sidebar-main--BackdropFilter--glass);
13770
+ --pf-v6-c-page__sidebar-main--BorderWidth: var(--pf-v6-c-page__sidebar-main--BorderWidth--glass);
13771
+ --pf-v6-c-page__sidebar-main--BorderColor: var(--pf-v6-c-page__sidebar-main--BorderColor--glass);
13772
+ --pf-v6-c-page__sidebar-main--BorderRadius: var(--pf-v6-c-page__sidebar-main--BorderRadius--glass);
13773
+ --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
13774
+ }
13775
+ @media (min-width: 75rem) {
13776
+ .pf-v6-c-page {
13777
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass);
13778
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass);
13779
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass);
13780
+ --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass);
13781
+ }
13604
13782
  }
13605
13783
 
13606
13784
  .pf-v6-c-page {
@@ -13762,6 +13940,7 @@ ul.pf-v6-c-list {
13762
13940
  padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
13763
13941
  padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
13764
13942
  padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
13943
+ margin-block-start: var(--pf-v6-c-page__sidebar--MarginBlockStart);
13765
13944
  margin-inline-end: var(--pf-v6-c-page__sidebar--MarginInlineEnd);
13766
13945
  overflow-x: hidden;
13767
13946
  overflow-y: auto;
@@ -13793,44 +13972,33 @@ ul.pf-v6-c-list {
13793
13972
  :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar {
13794
13973
  min-height: 0;
13795
13974
  padding: 0;
13796
- overflow: visible;
13975
+ overflow: revert;
13797
13976
  background: transparent;
13798
13977
  }
13799
13978
  :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar.pf-m-expanded {
13800
13979
  box-shadow: none;
13801
13980
  }
13802
- :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar .pf-v6-c-page__sidebar-main {
13803
- padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
13804
- padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
13805
- padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
13806
- margin-block-start: calc(var(--pf-t--global--spacer--sm) * -1);
13807
- margin-block-end: var(--pf-t--global--spacer--md);
13808
- margin-inline-start: var(--pf-t--global--spacer--md);
13809
- margin-inline-end: var(--pf-t--global--spacer--md);
13981
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar-main {
13810
13982
  overflow: auto;
13811
- background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
13812
- backdrop-filter: var(--pf-v6-c-page__sidebar--BackdropFilter);
13813
- border: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
13814
- border-radius: var(--pf-t--global--border--radius--glass--default);
13815
- box-shadow: var(--pf-t--global--box-shadow--glass--default);
13816
- }
13817
- @media (min-width: 75rem) {
13818
- :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar .pf-v6-c-page__sidebar-main {
13819
- margin-block-start: 0;
13820
- margin-block-end: var(--pf-t--global--spacer--inset--page-chrome);
13821
- margin-inline-start: var(--pf-t--global--spacer--inset--page-chrome);
13822
- margin-inline-end: var(--pf-t--global--spacer--inset--page-chrome);
13823
- }
13824
- }
13825
-
13826
- .pf-v6-c-page__sidebar:has(> .pf-v6-c-page__sidebar-main) {
13827
- overflow: revert;
13828
13983
  }
13829
13984
 
13830
13985
  .pf-v6-c-page__sidebar-main {
13831
13986
  display: flex;
13832
13987
  flex-grow: 1;
13833
13988
  flex-direction: column;
13989
+ padding-block-start: var(--pf-v6-c-page__sidebar-main--PaddingBlockStart);
13990
+ padding-block-end: var(--pf-v6-c-page__sidebar-main--PaddingBlockEnd);
13991
+ padding-inline-start: var(--pf-v6-c-page__sidebar-main--PaddingInlineStart);
13992
+ padding-inline-end: var(--pf-v6-c-page__sidebar-main--PaddingInlineEnd);
13993
+ margin-block-start: var(--pf-v6-c-page__sidebar-main--MarginBlockStart);
13994
+ margin-block-end: var(--pf-v6-c-page__sidebar-main--MarginBlockEnd);
13995
+ margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
13996
+ margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
13997
+ background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
13998
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
13999
+ border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
14000
+ border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
14001
+ box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
13834
14002
  }
13835
14003
 
13836
14004
  .pf-v6-c-page__sidebar-header {
@@ -14145,16 +14313,16 @@ ul.pf-v6-c-list {
14145
14313
  outline: 0;
14146
14314
  }
14147
14315
 
14148
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain), .pf-v6-c-page__main-subnav.pf-m-plain,
14149
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain),
14316
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain-on-glass), .pf-v6-c-page__main-subnav.pf-m-plain,
14317
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
14150
14318
  .pf-v6-c-page__main-breadcrumb.pf-m-plain,
14151
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain),
14319
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
14152
14320
  .pf-v6-c-page__main-tabs.pf-m-plain,
14153
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain),
14321
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
14154
14322
  .pf-v6-c-page__main-section.pf-m-plain,
14155
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain),
14323
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
14156
14324
  .pf-v6-c-page__main-wizard.pf-m-plain,
14157
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain),
14325
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass),
14158
14326
  .pf-v6-c-page__main-group.pf-m-plain {
14159
14327
  --pf-v6-c-page__main-section--BackgroundColor: transparent;
14160
14328
  --pf-v6-c-page__main-subnav--BackgroundColor: transparent;
@@ -14258,8 +14426,8 @@ ul.pf-v6-c-list {
14258
14426
  }
14259
14427
  .pf-v6-c-page__main-section.pf-m-secondary {
14260
14428
  --pf-v6-c-page__main-section--BackgroundColor: var(--pf-v6-c-page__main-section--m-secondary--BackgroundColor);
14261
- border-block-start: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--high-contrast--regular)) solid var(--pf-t--global--border--color--subtle, var(--pf-t--global--border--color--high-contrast));
14262
- border-block-end: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--high-contrast--regular)) solid var(--pf-t--global--border--color--subtle, var(--pf-t--global--border--color--high-contrast));
14429
+ border-block-start: var(--pf-v6-c-page__main-section--m-secondary--BorderBlockStartWidth) solid var(--pf-v6-c-page__main-section--m-secondary--BorderBlockStartColor);
14430
+ border-block-end: var(--pf-v6-c-page__main-section--m-secondary--BorderBlockEndWidth) solid var(--pf-v6-c-page__main-section--m-secondary--BorderBlockEndColor);
14263
14431
  }
14264
14432
  .pf-v6-c-page__main-section.pf-m-padding {
14265
14433
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
@@ -15064,7 +15232,7 @@ ul.pf-v6-c-list {
15064
15232
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
15065
15233
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
15066
15234
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
15067
- --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
15235
+ --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--pill);
15068
15236
  --pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
15069
15237
  --pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15070
15238
  --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
@@ -15074,6 +15242,7 @@ ul.pf-v6-c-list {
15074
15242
  --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
15075
15243
  --pf-v6-c-progress__indicator--BorderWidth: var(--pf-t--global--border--width--high-contrast--extra-strong);
15076
15244
  --pf-v6-c-progress__indicator--BorderColor: transparent;
15245
+ --pf-v6-c-progress__indicator--BorderRadius: var(--pf-t--global--border--radius--pill);
15077
15246
  --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
15078
15247
  --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
15079
15248
  --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
@@ -15243,6 +15412,7 @@ ul.pf-v6-c-list {
15243
15412
  position: absolute;
15244
15413
  height: var(--pf-v6-c-progress__indicator--Height);
15245
15414
  background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
15415
+ border-radius: var(--pf-v6-c-progress__indicator--BorderRadius);
15246
15416
  }
15247
15417
  .pf-v6-c-progress__indicator::before {
15248
15418
  position: absolute;
@@ -18799,7 +18969,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18799
18969
  --pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
18800
18970
  --pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
18801
18971
  --pf-v6-c-table__button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
18802
- --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
18972
+ --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
18803
18973
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
18804
18974
  --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
18805
18975
  --pf-v6-c-table__check--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -18894,7 +19064,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18894
19064
  --pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
18895
19065
  --pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--control--horizontal--plain));
18896
19066
  --pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - (var(--pf-t--global--spacer--control--horizontal--plain) / 2));
18897
- --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19067
+ --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--striped--row--default);
18898
19068
  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
18899
19069
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
18900
19070
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
@@ -18904,7 +19074,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18904
19074
  width: 100%;
18905
19075
  background-color: var(--pf-v6-c-table--BackgroundColor);
18906
19076
  }
18907
- :where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain), .pf-v6-c-table.pf-m-plain {
19077
+ :where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass), .pf-v6-c-table.pf-m-plain {
18908
19078
  --pf-v6-c-table--BackgroundColor: transparent;
18909
19079
  --pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
18910
19080
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
@@ -20665,14 +20835,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20665
20835
  --pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20666
20836
  --pf-v6-c-tabs__item--m-current--BackgroundColor: transparent;
20667
20837
  --pf-v6-c-tabs--m-box__item--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
20668
- --pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
20669
- --pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
20838
+ --pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: transparent;
20839
+ --pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: transparent;
20670
20840
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
20671
20841
  --pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--z-index--sm);
20672
20842
  --pf-v6-c-tabs__link--Color: var(--pf-t--global--text--color--subtle);
20673
20843
  --pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
20674
20844
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20675
- --pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
20845
+ --pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
20676
20846
  --pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
20677
20847
  --pf-v6-c-tabs__link--BorderColor: transparent;
20678
20848
  --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
@@ -20682,21 +20852,21 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20682
20852
  --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
20683
20853
  --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
20684
20854
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
20685
- --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20686
- --pf-v6-c-tabs__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20855
+ --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
20856
+ --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
20687
20857
  --pf-v6-c-tabs__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
20688
20858
  --pf-v6-c-tabs__item--m-current__link--Color: var(--pf-t--global--text--color--regular);
20689
20859
  --pf-v6-c-tabs__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20690
20860
  --pf-v6-c-tabs--m-vertical__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
20691
20861
  --pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
20692
20862
  --pf-v6-c-tabs--m-box__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20693
- --pf-v6-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20694
- --pf-v6-c-tabs--m-box__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20863
+ --pf-v6-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--disabled);
20864
+ --pf-v6-c-tabs--m-box__link--disabled--BackgroundColor: transparent;
20695
20865
  --pf-v6-c-tabs--m-box__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
20696
20866
  --pf-v6-c-tabs--m-box__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20697
20867
  --pf-v6-c-tabs--m-box--m-secondary__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20698
- --pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20699
- --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20868
+ --pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color: var(--pf-t--global--text--color--disabled);
20869
+ --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
20700
20870
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
20701
20871
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20702
20872
  --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
@@ -20716,6 +20886,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20716
20886
  --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
20717
20887
  --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
20718
20888
  --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
20889
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor: var(--pf-t--global--border--color--alt);
20719
20890
  --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
20720
20891
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
20721
20892
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
@@ -20728,7 +20899,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20728
20899
  --pf-v6-c-tabs__link--after--BorderBlockStartWidth: 0;
20729
20900
  --pf-v6-c-tabs__link--after--BorderInlineEndWidth: 0;
20730
20901
  --pf-v6-c-tabs__link--after--BorderInlineStartWidth: 0;
20731
- --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
20902
+ --pf-v6-c-tabs__link--after--BorderRadius: var(--pf-t--global--border--radius--pill);
20903
+ --pf-v6-c-tabs--m-box__link--after--BorderRadius: var(--pf-t--global--border--radius--sharp);
20904
+ --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--color--brand--accent--default);
20732
20905
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
20733
20906
  --pf-v6-c-tabs--link-accent--start: 0;
20734
20907
  --pf-v6-c-tabs--link-accent--length: 0;
@@ -20869,6 +21042,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20869
21042
  --pf-v6-c-tabs__link--before--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
20870
21043
  --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
20871
21044
  --pf-v6-c-tabs__link--after--InsetBlockEnd: auto;
21045
+ --pf-v6-c-tabs__link--after--BorderRadius: var(--pf-v6-c-tabs--m-box__link--after--BorderRadius);
20872
21046
  }
20873
21047
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__link {
20874
21048
  --pf-v6-c-tabs__link--after--BorderBlockStartWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
@@ -20878,7 +21052,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20878
21052
  }
20879
21053
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
20880
21054
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
20881
- --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
21055
+ --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor);
20882
21056
  --pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
20883
21057
  --pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
20884
21058
  --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
@@ -21048,7 +21222,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21048
21222
  --pf-v6-c-tabs__link--before--BorderBlockStartWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
21049
21223
  }
21050
21224
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item.pf-m-current {
21051
- --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
21225
+ --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor);
21226
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
21052
21227
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--before--border-color--base);
21053
21228
  }
21054
21229
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:first-child.pf-m-current {
@@ -21091,11 +21266,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21091
21266
  align-items: center;
21092
21267
  }
21093
21268
 
21094
- .pf-v6-c-tabs__toggle-button .pf-v6-c-button {
21095
- justify-content: start;
21096
- white-space: normal;
21097
- }
21098
-
21099
21269
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
21100
21270
  scale: -1 1;
21101
21271
  }
@@ -21226,6 +21396,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21226
21396
  border-block-end-width: var(--pf-v6-c-tabs__link--after--BorderBlockEndWidth);
21227
21397
  border-inline-start-width: var(--pf-v6-c-tabs__link--after--BorderInlineStartWidth);
21228
21398
  border-inline-end-width: var(--pf-v6-c-tabs__link--after--BorderInlineEndWidth);
21399
+ border-radius: var(--pf-v6-c-tabs__link--after--BorderRadius);
21229
21400
  }
21230
21401
 
21231
21402
  .pf-v6-c-tabs__link:where(:hover, :focus) {
@@ -25029,14 +25200,14 @@ label.pf-v6-c-tree-view__node-text {
25029
25200
  .pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
25030
25201
  display: none;
25031
25202
  }
25032
- :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
25203
+ :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
25033
25204
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
25034
25205
  --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
25035
25206
  --pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
25036
25207
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
25037
25208
  }
25038
25209
  @media screen and (min-width: 62rem) {
25039
- :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
25210
+ :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
25040
25211
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
25041
25212
  }
25042
25213
  }