@patternfly/react-styles 6.5.0-prerelease.15 → 6.5.0-prerelease.17

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 (42) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/components/Accordion/accordion.css +1 -2
  3. package/css/components/Accordion/accordion.d.ts +1 -1
  4. package/css/components/Accordion/accordion.js +1 -1
  5. package/css/components/Accordion/accordion.mjs +1 -1
  6. package/css/components/Breadcrumb/breadcrumb.css +6 -2
  7. package/css/components/Button/button.css +2 -2
  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/DataList/data-list.css +1 -1
  13. package/css/components/DataList/data-list.d.ts +1 -1
  14. package/css/components/DataList/data-list.js +1 -1
  15. package/css/components/DataList/data-list.mjs +1 -1
  16. package/css/components/Drawer/drawer.css +3 -5
  17. package/css/components/Drawer/drawer.d.ts +1 -1
  18. package/css/components/Drawer/drawer.js +1 -1
  19. package/css/components/Drawer/drawer.mjs +1 -1
  20. package/css/components/Menu/menu.css +26 -19
  21. package/css/components/MenuToggle/menu-toggle.css +9 -5
  22. package/css/components/MenuToggle/menu-toggle.d.ts +1 -0
  23. package/css/components/MenuToggle/menu-toggle.js +1 -0
  24. package/css/components/MenuToggle/menu-toggle.mjs +1 -0
  25. package/css/components/Page/page.css +94 -45
  26. package/css/components/Page/page.d.ts +1 -1
  27. package/css/components/Page/page.js +1 -1
  28. package/css/components/Page/page.mjs +1 -1
  29. package/css/components/Table/table.css +61 -23
  30. package/css/components/Table/table.d.ts +3 -1
  31. package/css/components/Table/table.js +3 -1
  32. package/css/components/Table/table.mjs +3 -1
  33. package/css/components/Wizard/wizard.css +2 -2
  34. package/css/components/Wizard/wizard.d.ts +1 -1
  35. package/css/components/Wizard/wizard.js +1 -1
  36. package/css/components/Wizard/wizard.mjs +1 -1
  37. package/css/components/_index.css +212 -107
  38. package/css/components/_index.d.ts +4 -1
  39. package/css/components/_index.js +4 -1
  40. package/css/components/_index.mjs +4 -1
  41. package/css/docs/components/Table/examples/Table.css +2 -1
  42. package/package.json +3 -3
@@ -306,13 +306,12 @@
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-on-glass), .pf-v6-c-accordion.pf-m-plain {
309
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-accordion.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain-on-glass) {
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;
313
313
  --pf-v6-c-accordion__item--m-expanded__toggle--BackgroundColor: var(--pf-v6-c-accordion--m-plain__item--m-expanded__toggle--BackgroundColor);
314
314
  }
315
-
316
315
  .pf-v6-c-accordion.pf-m-toggle-start {
317
316
  --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-v6-c-accordion--m-toggle-start__toggle--ColumnGap);
318
317
  }
@@ -1501,7 +1500,7 @@
1501
1500
  }
1502
1501
 
1503
1502
  .pf-v6-c-breadcrumb {
1504
- --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
1503
+ --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--default);
1505
1504
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
1506
1505
  --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
1507
1506
  --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
@@ -1512,12 +1511,14 @@
1512
1511
  --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
1513
1512
  --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
1514
1513
  --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
1514
+ --pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
1515
1515
  --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
1516
1516
  --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
1517
1517
  --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
1518
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
1518
1519
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
1519
1520
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
1520
- --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
1521
+ --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
1521
1522
  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
1522
1523
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
1523
1524
  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
@@ -1570,6 +1571,7 @@
1570
1571
  color: var(--pf-v6-c-breadcrumb__link--Color);
1571
1572
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
1572
1573
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
1574
+ text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
1573
1575
  word-break: break-word;
1574
1576
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
1575
1577
  }
@@ -1577,6 +1579,7 @@
1577
1579
  --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
1578
1580
  --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
1579
1581
  --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
1582
+ --pf-v6-c-breadcrumb__link--TextDecorationColor: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationColor);
1580
1583
  }
1581
1584
  .pf-v6-c-breadcrumb__link.pf-m-current {
1582
1585
  cursor: default;
@@ -1806,13 +1809,13 @@ button.pf-v6-c-breadcrumb__link {
1806
1809
  --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
1807
1810
  --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
1808
1811
  --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);
1812
+ --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
1810
1813
  --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
1811
1814
  --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
1812
1815
  --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
1813
1816
  --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
1814
1817
  --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);
1818
+ --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--control--default);
1816
1819
  --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
1817
1820
  --pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
1818
1821
  --pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -3291,7 +3294,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3291
3294
  --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
3292
3295
  --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3293
3296
  --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);
3297
+ --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--default);
3295
3298
  --pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
3296
3299
  --pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
3297
3300
  --pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
@@ -3299,6 +3302,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3299
3302
  --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--control--default);
3300
3303
  --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
3301
3304
  --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
3305
+ --pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
3306
+ --pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor: var(--pf-t--global--border--color--control--read-only);
3302
3307
  --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
3303
3308
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
3304
3309
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
@@ -3327,6 +3332,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3327
3332
  .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
3328
3333
  display: inline-flex;
3329
3334
  }
3335
+ .pf-v6-c-clipboard-copy.pf-m-readonly {
3336
+ --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor);
3337
+ --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor);
3338
+ }
3330
3339
 
3331
3340
  .pf-v6-c-clipboard-copy__group {
3332
3341
  display: flex;
@@ -4828,7 +4837,7 @@ ul) {
4828
4837
  .pf-v6-c-data-list.pf-m-drag-over {
4829
4838
  overflow-anchor: none;
4830
4839
  }
4831
- :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 {
4840
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-data-list.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass) {
4832
4841
  --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
4833
4842
  }
4834
4843
 
@@ -6478,11 +6487,9 @@ ul) {
6478
6487
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
6479
6488
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
6480
6489
  }
6481
- .pf-v6-c-drawer.pf-m-inline.pf-m-glass, .pf-v6-c-drawer.pf-m-static.pf-m-glass {
6490
+ .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass, .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass {
6482
6491
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
6483
6492
  --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
6484
- }
6485
- .pf-v6-c-drawer.pf-m-inline.pf-m-glass > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-glass > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6486
6493
  backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
6487
6494
  }
6488
6495
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -6815,8 +6822,8 @@ ul) {
6815
6822
  --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
6816
6823
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
6817
6824
  }
6818
- :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 {
6819
- background: transparent;
6825
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-plain-on-glass), :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-plain-on-glass) {
6826
+ --pf-v6-c-drawer__panel--BackgroundColor: transparent;
6820
6827
  }
6821
6828
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6822
6829
  box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
@@ -11151,17 +11158,19 @@ ul.pf-v6-c-list {
11151
11158
  }
11152
11159
 
11153
11160
  .pf-v6-c-menu {
11154
- --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
11161
+ --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--xs);
11155
11162
  --pf-v6-c-menu--Width: auto;
11156
11163
  --pf-v6-c-menu--MinWidth: auto;
11157
- --pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11158
- --pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11164
+ --pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--xs);
11165
+ --pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
11166
+ --pf-v6-c-menu--PaddingInlineStart: var(--pf-t--global--spacer--xs);
11167
+ --pf-v6-c-menu--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
11159
11168
  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11160
11169
  --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
11161
11170
  --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
11162
11171
  --pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11163
11172
  --pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
11164
- --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
11173
+ --pf-v6-c-menu--BorderRadius: calc(var(--pf-v6-c-menu__item--BorderRadius) + var(--pf-v6-c-menu--PaddingBlockStart));
11165
11174
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
11166
11175
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
11167
11176
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -11202,12 +11211,13 @@ ul.pf-v6-c-list {
11202
11211
  --pf-v6-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
11203
11212
  --pf-v6-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
11204
11213
  --pf-v6-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11205
- --pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--sm);
11206
- --pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--sm);
11214
+ --pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--xs);
11215
+ --pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--xs);
11216
+ --pf-v6-c-menu__item--BorderRadius: var(--pf-t--global--border--radius--small);
11207
11217
  --pf-v6-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11208
11218
  --pf-v6-c-menu__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11209
- --pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--lg);
11210
- --pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11219
+ --pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--md);
11220
+ --pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11211
11221
  --pf-v6-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
11212
11222
  --pf-v6-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
11213
11223
  --pf-v6-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -11216,22 +11226,23 @@ ul.pf-v6-c-list {
11216
11226
  --pf-v6-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
11217
11227
  --pf-v6-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11218
11228
  --pf-v6-c-menu__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11219
- --pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
11220
- --pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11229
+ --pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
11230
+ --pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11221
11231
  --pf-v6-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11222
11232
  --pf-v6-c-menu__group-title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11223
- --pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--lg);
11224
- --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11233
+ --pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--md);
11234
+ --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11225
11235
  --pf-v6-c-menu__breadcrumb--PaddingBlockStart: 0;
11226
11236
  --pf-v6-c-menu__breadcrumb--PaddingBlockEnd: 0;
11227
- --pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--lg);
11228
- --pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11237
+ --pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--md);
11238
+ --pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11229
11239
  --pf-v6-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11230
11240
  --pf-v6-c-menu__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11231
- --pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
11232
- --pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11241
+ --pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
11242
+ --pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11233
11243
  --pf-v6-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
11234
- --pf-v6-c-menu__group-title--Color: var(--pf-t--global--text--color--subtle);
11244
+ --pf-v6-c-menu__group-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
11245
+ --pf-v6-c-menu__group-title--Color: var(--pf-t--global--text--color--regular);
11235
11246
  --pf-v6-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
11236
11247
  --pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
11237
11248
  --pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
@@ -11393,6 +11404,8 @@ ul.pf-v6-c-list {
11393
11404
  min-width: var(--pf-v6-c-menu--MinWidth);
11394
11405
  padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
11395
11406
  padding-block-end: var(--pf-v6-c-menu--PaddingBlockEnd);
11407
+ padding-inline-start: var(--pf-v6-c-menu--PaddingInlineStart);
11408
+ padding-inline-end: var(--pf-v6-c-menu--PaddingInlineEnd);
11396
11409
  overflow: hidden;
11397
11410
  color: var(--pf-v6-c-menu--Color);
11398
11411
  background-color: var(--pf-v6-c-menu--BackgroundColor);
@@ -11587,8 +11600,8 @@ ul.pf-v6-c-list {
11587
11600
  inset: 0;
11588
11601
  content: "";
11589
11602
  background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
11590
- border-block-start: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
11591
- border-block-end: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
11603
+ border: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
11604
+ border-radius: var(--pf-v6-c-menu__item--BorderRadius);
11592
11605
  transition: inherit;
11593
11606
  }
11594
11607
  .pf-v6-c-menu__list-item.pf-m-load {
@@ -11638,6 +11651,7 @@ ul.pf-v6-c-list {
11638
11651
  text-decoration-line: none;
11639
11652
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
11640
11653
  border: 0;
11654
+ border-radius: var(--pf-v6-c-menu__item--BorderRadius);
11641
11655
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11642
11656
  --pf-v6-hidden-visible--visible--Display: flex;
11643
11657
  --pf-v6-hidden-visible--hidden--Display: none;
@@ -11801,7 +11815,7 @@ ul.pf-v6-c-list {
11801
11815
  --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
11802
11816
  --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
11803
11817
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
11804
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
11818
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--control--default);
11805
11819
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
11806
11820
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
11807
11821
  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
@@ -11839,7 +11853,7 @@ ul.pf-v6-c-list {
11839
11853
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
11840
11854
  --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
11841
11855
  --pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
11842
- --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--pill);
11856
+ --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--action--default);
11843
11857
  --pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
11844
11858
  --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
11845
11859
  --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
@@ -11857,7 +11871,7 @@ ul.pf-v6-c-list {
11857
11871
  --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
11858
11872
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
11859
11873
  --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
11860
- --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
11874
+ --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--action--default);
11861
11875
  --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
11862
11876
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
11863
11877
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
@@ -11872,11 +11886,12 @@ ul.pf-v6-c-list {
11872
11886
  --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
11873
11887
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
11874
11888
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
11889
+ --pf-v6-c-menu-toggle--m-form--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
11875
11890
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
11876
11891
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
11877
11892
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
11878
11893
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
11879
- --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
11894
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--action--default);
11880
11895
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
11881
11896
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
11882
11897
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
@@ -11906,7 +11921,7 @@ ul.pf-v6-c-list {
11906
11921
  --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
11907
11922
  --pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
11908
11923
  --pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
11909
- --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
11924
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
11910
11925
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
11911
11926
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
11912
11927
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -12026,6 +12041,9 @@ ul.pf-v6-c-list {
12026
12041
  .pf-v6-c-menu-toggle.pf-m-full-width {
12027
12042
  width: 100%;
12028
12043
  }
12044
+ .pf-v6-c-menu-toggle.pf-m-form {
12045
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-form--BorderRadius);
12046
+ }
12029
12047
  .pf-v6-c-menu-toggle.pf-m-plain {
12030
12048
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
12031
12049
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
@@ -13566,6 +13584,7 @@ ul.pf-v6-c-list {
13566
13584
  --pf-v6-c-page__sidebar--TranslateZ: 0;
13567
13585
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
13568
13586
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
13587
+ --pf-v6-c-page__sidebar--MarginBlockStart: 0;
13569
13588
  --pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
13570
13589
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
13571
13590
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
@@ -13583,6 +13602,20 @@ ul.pf-v6-c-list {
13583
13602
  }
13584
13603
  }
13585
13604
  .pf-v6-c-page {
13605
+ --pf-v6-c-page__sidebar-main--PaddingBlockStart: 0;
13606
+ --pf-v6-c-page__sidebar-main--PaddingBlockEnd: 0;
13607
+ --pf-v6-c-page__sidebar-main--PaddingInlineStart: 0;
13608
+ --pf-v6-c-page__sidebar-main--PaddingInlineEnd: 0;
13609
+ --pf-v6-c-page__sidebar-main--MarginBlockStart: 0;
13610
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd: 0;
13611
+ --pf-v6-c-page__sidebar-main--MarginInlineStart: 0;
13612
+ --pf-v6-c-page__sidebar-main--MarginInlineEnd: 0;
13613
+ --pf-v6-c-page__sidebar-main--BackgroundColor: transparent;
13614
+ --pf-v6-c-page__sidebar-main--BackdropFilter: none;
13615
+ --pf-v6-c-page__sidebar-main--BorderWidth: 0;
13616
+ --pf-v6-c-page__sidebar-main--BorderColor: transparent;
13617
+ --pf-v6-c-page__sidebar-main--BorderRadius: 0;
13618
+ --pf-v6-c-page__sidebar-main--BoxShadow: none;
13586
13619
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
13587
13620
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
13588
13621
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13653,6 +13686,10 @@ ul.pf-v6-c-list {
13653
13686
  --pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13654
13687
  --pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13655
13688
  --pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
13689
+ --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));
13690
+ --pf-v6-c-page__main-section--m-secondary--BorderBlockStartColor: var(--pf-t--global--border--color--subtle);
13691
+ --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));
13692
+ --pf-v6-c-page__main-section--m-secondary--BorderBlockEndColor: var(--pf-t--global--border--color--subtle);
13656
13693
  --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
13657
13694
  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
13658
13695
  --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
@@ -13695,11 +13732,54 @@ ul.pf-v6-c-list {
13695
13732
  --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
13696
13733
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
13697
13734
  --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13735
+ --pf-v6-c-page--BackgroundColor--glass: transparent;
13736
+ --pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
13737
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
13738
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
13739
+ --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
13740
+ --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
13741
+ --pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
13742
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
13743
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
13744
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
13745
+ --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
13746
+ --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
13747
+ --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
13748
+ --pf-v6-c-page__sidebar-main--BorderWidth--glass: var(--pf-t--global--border--width--glass--default);
13749
+ --pf-v6-c-page__sidebar-main--BorderColor--glass: var(--pf-t--global--border--color--glass--default);
13750
+ --pf-v6-c-page__sidebar-main--BorderRadius--glass: var(--pf-t--global--border--radius--glass--default);
13751
+ --pf-v6-c-page__sidebar-main--BoxShadow--glass: var(--pf-t--global--box-shadow--glass--default);
13752
+ --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
13753
+ --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
13754
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
13755
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
13698
13756
  }
13699
13757
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
13700
- --pf-v6-c-page__sidebar--Width--base: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
13701
- --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
13702
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13758
+ --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
13759
+ --pf-v6-c-page__sidebar--Width--base: var(--pf-v6-c-page__sidebar--Width--base--glass);
13760
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass);
13761
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass);
13762
+ --pf-v6-c-page__sidebar-main--PaddingBlockEnd: var(--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass);
13763
+ --pf-v6-c-page__sidebar-main--PaddingInlineStart: var(--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass);
13764
+ --pf-v6-c-page__sidebar-main--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass);
13765
+ --pf-v6-c-page__sidebar-main--MarginBlockStart: var(--pf-v6-c-page__sidebar-main--MarginBlockStart--glass);
13766
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd: var(--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass);
13767
+ --pf-v6-c-page__sidebar-main--MarginInlineStart: var(--pf-v6-c-page__sidebar-main--MarginInlineStart--glass);
13768
+ --pf-v6-c-page__sidebar-main--MarginInlineEnd: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass);
13769
+ --pf-v6-c-page__sidebar-main--BackgroundColor: var(--pf-v6-c-page__sidebar-main--BackgroundColor--glass);
13770
+ --pf-v6-c-page__sidebar-main--BackdropFilter: var(--pf-v6-c-page__sidebar-main--BackdropFilter--glass);
13771
+ --pf-v6-c-page__sidebar-main--BorderWidth: var(--pf-v6-c-page__sidebar-main--BorderWidth--glass);
13772
+ --pf-v6-c-page__sidebar-main--BorderColor: var(--pf-v6-c-page__sidebar-main--BorderColor--glass);
13773
+ --pf-v6-c-page__sidebar-main--BorderRadius: var(--pf-v6-c-page__sidebar-main--BorderRadius--glass);
13774
+ --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
13775
+ }
13776
+ @media (min-width: 75rem) {
13777
+ .pf-v6-c-page {
13778
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass);
13779
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass);
13780
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass);
13781
+ --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass);
13782
+ }
13703
13783
  }
13704
13784
 
13705
13785
  .pf-v6-c-page {
@@ -13712,9 +13792,6 @@ ul.pf-v6-c-list {
13712
13792
  max-height: 100%;
13713
13793
  background-color: var(--pf-v6-c-page--BackgroundColor);
13714
13794
  }
13715
- :where(:root.pf-v6-theme-glass) .pf-v6-c-page {
13716
- background-color: transparent;
13717
- }
13718
13795
  @media (min-width: 75rem) {
13719
13796
  .pf-v6-c-page {
13720
13797
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
@@ -13864,6 +13941,7 @@ ul.pf-v6-c-list {
13864
13941
  padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
13865
13942
  padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
13866
13943
  padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
13944
+ margin-block-start: var(--pf-v6-c-page__sidebar--MarginBlockStart);
13867
13945
  margin-inline-end: var(--pf-v6-c-page__sidebar--MarginInlineEnd);
13868
13946
  overflow-x: hidden;
13869
13947
  overflow-y: auto;
@@ -13895,44 +13973,33 @@ ul.pf-v6-c-list {
13895
13973
  :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar {
13896
13974
  min-height: 0;
13897
13975
  padding: 0;
13898
- overflow: visible;
13976
+ overflow: revert;
13899
13977
  background: transparent;
13900
13978
  }
13901
13979
  :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar.pf-m-expanded {
13902
13980
  box-shadow: none;
13903
13981
  }
13904
- :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar .pf-v6-c-page__sidebar-main {
13905
- padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
13906
- padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
13907
- padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
13908
- margin-block-start: calc(var(--pf-t--global--spacer--sm) * -1);
13909
- margin-block-end: var(--pf-t--global--spacer--md);
13910
- margin-inline-start: var(--pf-t--global--spacer--md);
13911
- margin-inline-end: var(--pf-t--global--spacer--md);
13982
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar-main {
13912
13983
  overflow: auto;
13913
- background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
13914
- backdrop-filter: var(--pf-v6-c-page__sidebar--BackdropFilter);
13915
- border: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
13916
- border-radius: var(--pf-t--global--border--radius--glass--default);
13917
- box-shadow: var(--pf-t--global--box-shadow--glass--default);
13918
- }
13919
- @media (min-width: 75rem) {
13920
- :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar .pf-v6-c-page__sidebar-main {
13921
- margin-block-start: 0;
13922
- margin-block-end: var(--pf-t--global--spacer--inset--page-chrome);
13923
- margin-inline-start: var(--pf-t--global--spacer--inset--page-chrome);
13924
- margin-inline-end: var(--pf-t--global--spacer--inset--page-chrome);
13925
- }
13926
- }
13927
-
13928
- .pf-v6-c-page__sidebar:has(> .pf-v6-c-page__sidebar-main) {
13929
- overflow: revert;
13930
13984
  }
13931
13985
 
13932
13986
  .pf-v6-c-page__sidebar-main {
13933
13987
  display: flex;
13934
13988
  flex-grow: 1;
13935
13989
  flex-direction: column;
13990
+ padding-block-start: var(--pf-v6-c-page__sidebar-main--PaddingBlockStart);
13991
+ padding-block-end: var(--pf-v6-c-page__sidebar-main--PaddingBlockEnd);
13992
+ padding-inline-start: var(--pf-v6-c-page__sidebar-main--PaddingInlineStart);
13993
+ padding-inline-end: var(--pf-v6-c-page__sidebar-main--PaddingInlineEnd);
13994
+ margin-block-start: var(--pf-v6-c-page__sidebar-main--MarginBlockStart);
13995
+ margin-block-end: var(--pf-v6-c-page__sidebar-main--MarginBlockEnd);
13996
+ margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
13997
+ margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
13998
+ background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
13999
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
14000
+ border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
14001
+ border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
14002
+ box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
13936
14003
  }
13937
14004
 
13938
14005
  .pf-v6-c-page__sidebar-header {
@@ -14247,17 +14314,17 @@ ul.pf-v6-c-list {
14247
14314
  outline: 0;
14248
14315
  }
14249
14316
 
14250
- :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,
14251
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
14252
- .pf-v6-c-page__main-breadcrumb.pf-m-plain,
14253
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
14254
- .pf-v6-c-page__main-tabs.pf-m-plain,
14255
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
14256
- .pf-v6-c-page__main-section.pf-m-plain,
14257
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
14258
- .pf-v6-c-page__main-wizard.pf-m-plain,
14259
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass),
14260
- .pf-v6-c-page__main-group.pf-m-plain {
14317
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-subnav.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain-on-glass),
14318
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-breadcrumb.pf-m-plain,
14319
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
14320
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-tabs.pf-m-plain,
14321
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
14322
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-section.pf-m-plain,
14323
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
14324
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-wizard.pf-m-plain,
14325
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
14326
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-page__main-group.pf-m-plain,
14327
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass) {
14261
14328
  --pf-v6-c-page__main-section--BackgroundColor: transparent;
14262
14329
  --pf-v6-c-page__main-subnav--BackgroundColor: transparent;
14263
14330
  --pf-v6-c-page__main-breadcrumb--BackgroundColor: transparent;
@@ -14360,8 +14427,8 @@ ul.pf-v6-c-list {
14360
14427
  }
14361
14428
  .pf-v6-c-page__main-section.pf-m-secondary {
14362
14429
  --pf-v6-c-page__main-section--BackgroundColor: var(--pf-v6-c-page__main-section--m-secondary--BackgroundColor);
14363
- 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));
14364
- 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));
14430
+ border-block-start: var(--pf-v6-c-page__main-section--m-secondary--BorderBlockStartWidth) solid var(--pf-v6-c-page__main-section--m-secondary--BorderBlockStartColor);
14431
+ border-block-end: var(--pf-v6-c-page__main-section--m-secondary--BorderBlockEndWidth) solid var(--pf-v6-c-page__main-section--m-secondary--BorderBlockEndColor);
14365
14432
  }
14366
14433
  .pf-v6-c-page__main-section.pf-m-padding {
14367
14434
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
@@ -18903,7 +18970,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18903
18970
  --pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
18904
18971
  --pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
18905
18972
  --pf-v6-c-table__button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
18906
- --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
18973
+ --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
18907
18974
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
18908
18975
  --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
18909
18976
  --pf-v6-c-table__check--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -18992,62 +19059,89 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18992
19059
  --pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
18993
19060
  --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
18994
19061
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
19062
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
19063
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
19064
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
18995
19065
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
18996
19066
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
18997
19067
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
18998
19068
  --pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
18999
19069
  --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));
19000
19070
  --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));
19001
- --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19071
+ --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--striped--row--default);
19072
+ --pf-v6-c-table--m-sticky-header--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
19002
19073
  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
19003
19074
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
19004
19075
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
19076
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
19077
+ --pf-v6-c-table--m-sticky-header--BoxShadow: 0;
19078
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
19079
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
19080
+ --pf-v6-c-table--m-sticky-header--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
19081
+ --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
19082
+ --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
19083
+ --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
19084
+ }
19085
+ :where(.pf-v6-theme-glass) .pf-v6-c-table {
19086
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
19087
+ --pf-v6-c-table--m-sticky-header--BoxShadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow--glass);
19088
+ --pf-v6-c-table--m-sticky-header--BorderRadius: var(--pf-v6-c-table--m-sticky-header--BorderRadius--glass);
19005
19089
  }
19006
19090
 
19007
19091
  .pf-v6-c-table {
19008
19092
  width: 100%;
19009
19093
  background-color: var(--pf-v6-c-table--BackgroundColor);
19010
19094
  }
19011
- :where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass), .pf-v6-c-table.pf-m-plain {
19095
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-table.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass) {
19012
19096
  --pf-v6-c-table--BackgroundColor: transparent;
19013
19097
  --pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
19014
19098
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
19015
19099
  --pf-v6-c-table__expandable-row-content--PaddingInlineEnd: 0;
19016
19100
  --pf-v6-c-table__control-row--BackgroundColor: transparent;
19017
19101
  }
19018
-
19019
19102
  .pf-v6-c-table.pf-m-fixed {
19020
19103
  table-layout: fixed;
19021
19104
  }
19022
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead,
19023
- .pf-v6-c-table .pf-v6-c-table__thead.pf-m-nested-column-header {
19105
+ .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
19106
+ opacity: 0;
19107
+ transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
19108
+ transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
19109
+ transition-property: opacity;
19110
+ }
19111
+ .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
19112
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
19113
+ }
19114
+ .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after {
19115
+ opacity: 1;
19116
+ }
19117
+ .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
19118
+ position: relative;
19119
+ }
19120
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead {
19024
19121
  position: sticky;
19025
19122
  inset-block-start: 0;
19026
19123
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
19027
- background: var(--pf-v6-c-table--BackgroundColor);
19028
19124
  }
19029
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before,
19030
- .pf-v6-c-table .pf-v6-c-table__thead.pf-m-nested-column-header::before {
19125
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before {
19031
19126
  position: absolute;
19032
- inset-block-start: 0;
19033
- inset-block-end: 0;
19034
- inset-inline-start: 0;
19035
- inset-inline-end: 0;
19036
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
19127
+ inset: 0;
19128
+ z-index: -1;
19037
19129
  pointer-events: none;
19038
19130
  content: "";
19039
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
19040
- }
19041
- .pf-v6-c-table.pf-m-sticky-header {
19042
- position: relative;
19131
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
19132
+ border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19133
+ box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
19043
19134
  }
19044
- .pf-v6-c-table.pf-m-sticky-header thead:where(.pf-v6-c-table__thead) tr:where(.pf-v6-c-table__tr) > :where(th, td) {
19135
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
19045
19136
  z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
19046
19137
  }
19047
- .pf-v6-c-table.pf-m-sticky-header > .pf-m-nested-column-header {
19048
- position: sticky;
19049
- inset-block-start: 0;
19050
- background: var(--pf-v6-c-table--BackgroundColor);
19138
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
19139
+ position: absolute;
19140
+ inset: 0;
19141
+ z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
19142
+ pointer-events: none;
19143
+ content: "";
19144
+ border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
19051
19145
  }
19052
19146
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
19053
19147
  border-block-end: 0;
@@ -19738,6 +19832,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
19738
19832
  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
19739
19833
  vertical-align: bottom;
19740
19834
  }
19835
+ .pf-v6-c-table__thead.pf-m-nested-column-header {
19836
+ position: relative;
19837
+ }
19838
+ .pf-v6-c-table__thead.pf-m-nested-column-header::after {
19839
+ position: absolute;
19840
+ inset: 0;
19841
+ z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
19842
+ pointer-events: none;
19843
+ content: "";
19844
+ border-block-end: var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth) solid var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor);
19845
+ }
19741
19846
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
19742
19847
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineStart);
19743
19848
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-v6-c-table__nested-column-header__button--PaddingInlineEnd);
@@ -25134,14 +25239,14 @@ label.pf-v6-c-tree-view__node-text {
25134
25239
  .pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
25135
25240
  display: none;
25136
25241
  }
25137
- :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
25242
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-wizard.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass) {
25138
25243
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
25139
25244
  --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
25140
25245
  --pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
25141
25246
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
25142
25247
  }
25143
25248
  @media screen and (min-width: 62rem) {
25144
- :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
25249
+ :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-wizard.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass) {
25145
25250
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
25146
25251
  }
25147
25252
  }