@patternfly/react-styles 6.5.0-prerelease.15 → 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 (18) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/components/Button/button.css +2 -2
  3. package/css/components/ClipboardCopy/clipboard-copy.css +7 -1
  4. package/css/components/ClipboardCopy/clipboard-copy.d.ts +1 -0
  5. package/css/components/ClipboardCopy/clipboard-copy.js +1 -0
  6. package/css/components/ClipboardCopy/clipboard-copy.mjs +1 -0
  7. package/css/components/Menu/menu.css +26 -19
  8. package/css/components/MenuToggle/menu-toggle.css +9 -5
  9. package/css/components/MenuToggle/menu-toggle.d.ts +1 -0
  10. package/css/components/MenuToggle/menu-toggle.js +1 -0
  11. package/css/components/MenuToggle/menu-toggle.mjs +1 -0
  12. package/css/components/Page/page.css +83 -34
  13. package/css/components/Table/table.css +2 -2
  14. package/css/components/_index.css +129 -63
  15. package/css/components/_index.d.ts +2 -1
  16. package/css/components/_index.js +2 -1
  17. package/css/components/_index.mjs +2 -1
  18. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,12 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [6.5.0-prerelease.16](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.15...@patternfly/react-styles@6.5.0-prerelease.16) (2026-04-06)
7
+
8
+ ### Features
9
+
10
+ - **Page:** added styles for glass ([#12293](https://github.com/patternfly/patternfly-react/issues/12293)) ([1f7485b](https://github.com/patternfly/patternfly-react/commit/1f7485b291b5da4bb80c596a5efcc19217cabc2c))
11
+
6
12
  # [6.5.0-prerelease.15](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.14...@patternfly/react-styles@6.5.0-prerelease.15) (2026-04-01)
7
13
 
8
14
  ### Bug Fixes
package/css/components/Button/button.css CHANGED
@@ -194,13 +194,13 @@
194
194
  --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
195
195
  --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
196
196
  --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
197
- --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
197
+ --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
198
198
  --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
199
199
  --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
200
200
  --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
201
201
  --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
202
202
  --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
203
- --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
203
+ --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--control--default);
204
204
  --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
205
205
  --pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
206
206
  --pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
package/css/components/ClipboardCopy/clipboard-copy.css CHANGED
@@ -8,7 +8,7 @@
8
8
  --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9
9
  --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
10
10
  --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
11
- --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11
+ --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--default);
12
12
  --pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
13
13
  --pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
14
14
  --pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
@@ -16,6 +16,8 @@
16
16
  --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--control--default);
17
17
  --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
18
18
  --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
19
+ --pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
20
+ --pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor: var(--pf-t--global--border--color--control--read-only);
19
21
  --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
20
22
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
21
23
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
@@ -44,6 +46,10 @@
44
46
  .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
45
47
  display: inline-flex;
46
48
  }
49
+ .pf-v6-c-clipboard-copy.pf-m-readonly {
50
+ --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor);
51
+ --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor);
52
+ }
47
53
 
48
54
  .pf-v6-c-clipboard-copy__group {
49
55
  display: flex;
package/css/components/ClipboardCopy/clipboard-copy.d.ts CHANGED
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  "inline": "pf-m-inline",
15
15
  "block": "pf-m-block",
16
16
  "truncate": "pf-m-truncate",
17
+ "readonly": "pf-m-readonly",
17
18
  "code": "pf-m-code",
18
19
  "plain": "pf-m-plain"
19
20
  }
package/css/components/ClipboardCopy/clipboard-copy.js CHANGED
@@ -16,6 +16,7 @@ exports.default = {
16
16
  "inline": "pf-m-inline",
17
17
  "block": "pf-m-block",
18
18
  "truncate": "pf-m-truncate",
19
+ "readonly": "pf-m-readonly",
19
20
  "code": "pf-m-code",
20
21
  "plain": "pf-m-plain"
21
22
  }
package/css/components/ClipboardCopy/clipboard-copy.mjs CHANGED
@@ -14,6 +14,7 @@ export default {
14
14
  "inline": "pf-m-inline",
15
15
  "block": "pf-m-block",
16
16
  "truncate": "pf-m-truncate",
17
+ "readonly": "pf-m-readonly",
17
18
  "code": "pf-m-code",
18
19
  "plain": "pf-m-plain"
19
20
  }
package/css/components/Menu/menu.css CHANGED
@@ -1,15 +1,17 @@
1
1
  .pf-v6-c-menu {
2
- --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
2
+ --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--xs);
3
3
  --pf-v6-c-menu--Width: auto;
4
4
  --pf-v6-c-menu--MinWidth: auto;
5
- --pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6
- --pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5
+ --pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--xs);
6
+ --pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
7
+ --pf-v6-c-menu--PaddingInlineStart: var(--pf-t--global--spacer--xs);
8
+ --pf-v6-c-menu--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
7
9
  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
8
10
  --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
9
11
  --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
10
12
  --pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11
13
  --pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
12
- --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
14
+ --pf-v6-c-menu--BorderRadius: calc(var(--pf-v6-c-menu__item--BorderRadius) + var(--pf-v6-c-menu--PaddingBlockStart));
13
15
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
14
16
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
15
17
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -50,12 +52,13 @@
50
52
  --pf-v6-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
51
53
  --pf-v6-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
52
54
  --pf-v6-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
53
- --pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--sm);
54
- --pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--sm);
55
+ --pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--xs);
56
+ --pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--xs);
57
+ --pf-v6-c-menu__item--BorderRadius: var(--pf-t--global--border--radius--small);
55
58
  --pf-v6-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
56
59
  --pf-v6-c-menu__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
57
- --pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--lg);
58
- --pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
60
+ --pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--md);
61
+ --pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
59
62
  --pf-v6-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
60
63
  --pf-v6-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
61
64
  --pf-v6-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -64,22 +67,23 @@
64
67
  --pf-v6-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
65
68
  --pf-v6-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
66
69
  --pf-v6-c-menu__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
67
- --pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
68
- --pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
70
+ --pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
71
+ --pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
69
72
  --pf-v6-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
70
73
  --pf-v6-c-menu__group-title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
71
- --pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--lg);
72
- --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
74
+ --pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--md);
75
+ --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--md);
73
76
  --pf-v6-c-menu__breadcrumb--PaddingBlockStart: 0;
74
77
  --pf-v6-c-menu__breadcrumb--PaddingBlockEnd: 0;
75
- --pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--lg);
76
- --pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
78
+ --pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--md);
79
+ --pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--md);
77
80
  --pf-v6-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
78
81
  --pf-v6-c-menu__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
79
- --pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
80
- --pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
82
+ --pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
83
+ --pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
81
84
  --pf-v6-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
82
- --pf-v6-c-menu__group-title--Color: var(--pf-t--global--text--color--subtle);
85
+ --pf-v6-c-menu__group-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
86
+ --pf-v6-c-menu__group-title--Color: var(--pf-t--global--text--color--regular);
83
87
  --pf-v6-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
84
88
  --pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
85
89
  --pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
@@ -241,6 +245,8 @@
241
245
  min-width: var(--pf-v6-c-menu--MinWidth);
242
246
  padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
243
247
  padding-block-end: var(--pf-v6-c-menu--PaddingBlockEnd);
248
+ padding-inline-start: var(--pf-v6-c-menu--PaddingInlineStart);
249
+ padding-inline-end: var(--pf-v6-c-menu--PaddingInlineEnd);
244
250
  overflow: hidden;
245
251
  color: var(--pf-v6-c-menu--Color);
246
252
  background-color: var(--pf-v6-c-menu--BackgroundColor);
@@ -435,8 +441,8 @@
435
441
  inset: 0;
436
442
  content: "";
437
443
  background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
438
- border-block-start: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
439
- border-block-end: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
444
+ border: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
445
+ border-radius: var(--pf-v6-c-menu__item--BorderRadius);
440
446
  transition: inherit;
441
447
  }
442
448
  .pf-v6-c-menu__list-item.pf-m-load {
@@ -486,6 +492,7 @@
486
492
  text-decoration-line: none;
487
493
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
488
494
  border: 0;
495
+ border-radius: var(--pf-v6-c-menu__item--BorderRadius);
489
496
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
490
497
  --pf-v6-hidden-visible--visible--Display: flex;
491
498
  --pf-v6-hidden-visible--hidden--Display: none;
package/css/components/MenuToggle/menu-toggle.css CHANGED
@@ -9,7 +9,7 @@
9
9
  --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
10
10
  --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
11
11
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
12
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
12
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--control--default);
13
13
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
14
14
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
15
15
  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
@@ -47,7 +47,7 @@
47
47
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
48
48
  --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
49
49
  --pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
50
- --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--pill);
50
+ --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--action--default);
51
51
  --pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
52
52
  --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
53
53
  --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
@@ -65,7 +65,7 @@
65
65
  --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
66
66
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
67
67
  --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
68
- --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
68
+ --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--action--default);
69
69
  --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
70
70
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
71
71
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
@@ -80,11 +80,12 @@
80
80
  --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
81
81
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
82
82
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
83
+ --pf-v6-c-menu-toggle--m-form--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
83
84
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
84
85
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
85
86
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
86
87
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
87
- --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
88
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--action--default);
88
89
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
89
90
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
90
91
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
@@ -114,7 +115,7 @@
114
115
  --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
115
116
  --pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
116
117
  --pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
117
- --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
118
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--control--default);
118
119
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
119
120
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
120
121
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -234,6 +235,9 @@
234
235
  .pf-v6-c-menu-toggle.pf-m-full-width {
235
236
  width: 100%;
236
237
  }
238
+ .pf-v6-c-menu-toggle.pf-m-form {
239
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-form--BorderRadius);
240
+ }
237
241
  .pf-v6-c-menu-toggle.pf-m-plain {
238
242
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
239
243
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
package/css/components/MenuToggle/menu-toggle.d.ts CHANGED
@@ -17,6 +17,7 @@ declare const _default: {
17
17
  "secondary": "pf-m-secondary",
18
18
  "fullHeight": "pf-m-full-height",
19
19
  "fullWidth": "pf-m-full-width",
20
+ "form": "pf-m-form",
20
21
  "plain": "pf-m-plain",
21
22
  "circle": "pf-m-circle",
22
23
  "expanded": "pf-m-expanded",
package/css/components/MenuToggle/menu-toggle.js CHANGED
@@ -19,6 +19,7 @@ exports.default = {
19
19
  "secondary": "pf-m-secondary",
20
20
  "fullHeight": "pf-m-full-height",
21
21
  "fullWidth": "pf-m-full-width",
22
+ "form": "pf-m-form",
22
23
  "plain": "pf-m-plain",
23
24
  "circle": "pf-m-circle",
24
25
  "expanded": "pf-m-expanded",
package/css/components/MenuToggle/menu-toggle.mjs CHANGED
@@ -17,6 +17,7 @@ export default {
17
17
  "secondary": "pf-m-secondary",
18
18
  "fullHeight": "pf-m-full-height",
19
19
  "fullWidth": "pf-m-full-width",
20
+ "form": "pf-m-form",
20
21
  "plain": "pf-m-plain",
21
22
  "circle": "pf-m-circle",
22
23
  "expanded": "pf-m-expanded",
package/css/components/Page/page.css CHANGED
@@ -43,6 +43,7 @@
43
43
  --pf-v6-c-page__sidebar--TranslateZ: 0;
44
44
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
45
45
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
46
+ --pf-v6-c-page__sidebar--MarginBlockStart: 0;
46
47
  --pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
47
48
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
48
49
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
@@ -60,6 +61,20 @@
60
61
  }
61
62
  }
62
63
  .pf-v6-c-page {
64
+ --pf-v6-c-page__sidebar-main--PaddingBlockStart: 0;
65
+ --pf-v6-c-page__sidebar-main--PaddingBlockEnd: 0;
66
+ --pf-v6-c-page__sidebar-main--PaddingInlineStart: 0;
67
+ --pf-v6-c-page__sidebar-main--PaddingInlineEnd: 0;
68
+ --pf-v6-c-page__sidebar-main--MarginBlockStart: 0;
69
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd: 0;
70
+ --pf-v6-c-page__sidebar-main--MarginInlineStart: 0;
71
+ --pf-v6-c-page__sidebar-main--MarginInlineEnd: 0;
72
+ --pf-v6-c-page__sidebar-main--BackgroundColor: transparent;
73
+ --pf-v6-c-page__sidebar-main--BackdropFilter: none;
74
+ --pf-v6-c-page__sidebar-main--BorderWidth: 0;
75
+ --pf-v6-c-page__sidebar-main--BorderColor: transparent;
76
+ --pf-v6-c-page__sidebar-main--BorderRadius: 0;
77
+ --pf-v6-c-page__sidebar-main--BoxShadow: none;
63
78
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
64
79
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
65
80
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -130,6 +145,10 @@
130
145
  --pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
131
146
  --pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
132
147
  --pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingBlockStart: var(--pf-t--global--spacer--md);
148
+ --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));
149
+ --pf-v6-c-page__main-section--m-secondary--BorderBlockStartColor: var(--pf-t--global--border--color--subtle);
150
+ --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));
151
+ --pf-v6-c-page__main-section--m-secondary--BorderBlockEndColor: var(--pf-t--global--border--color--subtle);
133
152
  --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
134
153
  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
135
154
  --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
@@ -172,11 +191,54 @@
172
191
  --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
173
192
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
174
193
  --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
194
+ --pf-v6-c-page--BackgroundColor--glass: transparent;
195
+ --pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
196
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
197
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
198
+ --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
199
+ --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
200
+ --pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
201
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
202
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
203
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
204
+ --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
205
+ --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
206
+ --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
207
+ --pf-v6-c-page__sidebar-main--BorderWidth--glass: var(--pf-t--global--border--width--glass--default);
208
+ --pf-v6-c-page__sidebar-main--BorderColor--glass: var(--pf-t--global--border--color--glass--default);
209
+ --pf-v6-c-page__sidebar-main--BorderRadius--glass: var(--pf-t--global--border--radius--glass--default);
210
+ --pf-v6-c-page__sidebar-main--BoxShadow--glass: var(--pf-t--global--box-shadow--glass--default);
211
+ --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
212
+ --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
213
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
214
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
175
215
  }
176
216
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
177
- --pf-v6-c-page__sidebar--Width--base: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
178
- --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
179
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
217
+ --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
218
+ --pf-v6-c-page__sidebar--Width--base: var(--pf-v6-c-page__sidebar--Width--base--glass);
219
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass);
220
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass);
221
+ --pf-v6-c-page__sidebar-main--PaddingBlockEnd: var(--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass);
222
+ --pf-v6-c-page__sidebar-main--PaddingInlineStart: var(--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass);
223
+ --pf-v6-c-page__sidebar-main--PaddingInlineEnd: var(--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass);
224
+ --pf-v6-c-page__sidebar-main--MarginBlockStart: var(--pf-v6-c-page__sidebar-main--MarginBlockStart--glass);
225
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd: var(--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass);
226
+ --pf-v6-c-page__sidebar-main--MarginInlineStart: var(--pf-v6-c-page__sidebar-main--MarginInlineStart--glass);
227
+ --pf-v6-c-page__sidebar-main--MarginInlineEnd: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass);
228
+ --pf-v6-c-page__sidebar-main--BackgroundColor: var(--pf-v6-c-page__sidebar-main--BackgroundColor--glass);
229
+ --pf-v6-c-page__sidebar-main--BackdropFilter: var(--pf-v6-c-page__sidebar-main--BackdropFilter--glass);
230
+ --pf-v6-c-page__sidebar-main--BorderWidth: var(--pf-v6-c-page__sidebar-main--BorderWidth--glass);
231
+ --pf-v6-c-page__sidebar-main--BorderColor: var(--pf-v6-c-page__sidebar-main--BorderColor--glass);
232
+ --pf-v6-c-page__sidebar-main--BorderRadius: var(--pf-v6-c-page__sidebar-main--BorderRadius--glass);
233
+ --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
234
+ }
235
+ @media (min-width: 75rem) {
236
+ .pf-v6-c-page {
237
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass);
238
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass);
239
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass);
240
+ --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass);
241
+ }
180
242
  }
181
243
 
182
244
  .pf-v6-c-page {
@@ -189,9 +251,6 @@
189
251
  max-height: 100%;
190
252
  background-color: var(--pf-v6-c-page--BackgroundColor);
191
253
  }
192
- :where(:root.pf-v6-theme-glass) .pf-v6-c-page {
193
- background-color: transparent;
194
- }
195
254
  @media (min-width: 75rem) {
196
255
  .pf-v6-c-page {
197
256
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
@@ -341,6 +400,7 @@
341
400
  padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
342
401
  padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
343
402
  padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
403
+ margin-block-start: var(--pf-v6-c-page__sidebar--MarginBlockStart);
344
404
  margin-inline-end: var(--pf-v6-c-page__sidebar--MarginInlineEnd);
345
405
  overflow-x: hidden;
346
406
  overflow-y: auto;
@@ -372,44 +432,33 @@
372
432
  :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar {
373
433
  min-height: 0;
374
434
  padding: 0;
375
- overflow: visible;
435
+ overflow: revert;
376
436
  background: transparent;
377
437
  }
378
438
  :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar.pf-m-expanded {
379
439
  box-shadow: none;
380
440
  }
381
- :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar .pf-v6-c-page__sidebar-main {
382
- padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
383
- padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
384
- padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
385
- margin-block-start: calc(var(--pf-t--global--spacer--sm) * -1);
386
- margin-block-end: var(--pf-t--global--spacer--md);
387
- margin-inline-start: var(--pf-t--global--spacer--md);
388
- margin-inline-end: var(--pf-t--global--spacer--md);
441
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar-main {
389
442
  overflow: auto;
390
- background-color: var(--pf-v6-c-page__sidebar--BackgroundColor);
391
- backdrop-filter: var(--pf-v6-c-page__sidebar--BackdropFilter);
392
- border: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
393
- border-radius: var(--pf-t--global--border--radius--glass--default);
394
- box-shadow: var(--pf-t--global--box-shadow--glass--default);
395
- }
396
- @media (min-width: 75rem) {
397
- :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar .pf-v6-c-page__sidebar-main {
398
- margin-block-start: 0;
399
- margin-block-end: var(--pf-t--global--spacer--inset--page-chrome);
400
- margin-inline-start: var(--pf-t--global--spacer--inset--page-chrome);
401
- margin-inline-end: var(--pf-t--global--spacer--inset--page-chrome);
402
- }
403
- }
404
-
405
- .pf-v6-c-page__sidebar:has(> .pf-v6-c-page__sidebar-main) {
406
- overflow: revert;
407
443
  }
408
444
 
409
445
  .pf-v6-c-page__sidebar-main {
410
446
  display: flex;
411
447
  flex-grow: 1;
412
448
  flex-direction: column;
449
+ padding-block-start: var(--pf-v6-c-page__sidebar-main--PaddingBlockStart);
450
+ padding-block-end: var(--pf-v6-c-page__sidebar-main--PaddingBlockEnd);
451
+ padding-inline-start: var(--pf-v6-c-page__sidebar-main--PaddingInlineStart);
452
+ padding-inline-end: var(--pf-v6-c-page__sidebar-main--PaddingInlineEnd);
453
+ margin-block-start: var(--pf-v6-c-page__sidebar-main--MarginBlockStart);
454
+ margin-block-end: var(--pf-v6-c-page__sidebar-main--MarginBlockEnd);
455
+ margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
456
+ margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
457
+ background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
458
+ backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
459
+ border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
460
+ border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
461
+ box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
413
462
  }
414
463
 
415
464
  .pf-v6-c-page__sidebar-header {
@@ -837,8 +886,8 @@
837
886
  }
838
887
  .pf-v6-c-page__main-section.pf-m-secondary {
839
888
  --pf-v6-c-page__main-section--BackgroundColor: var(--pf-v6-c-page__main-section--m-secondary--BackgroundColor);
840
- 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));
841
- 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));
889
+ border-block-start: var(--pf-v6-c-page__main-section--m-secondary--BorderBlockStartWidth) solid var(--pf-v6-c-page__main-section--m-secondary--BorderBlockStartColor);
890
+ border-block-end: var(--pf-v6-c-page__main-section--m-secondary--BorderBlockEndWidth) solid var(--pf-v6-c-page__main-section--m-secondary--BorderBlockEndColor);
842
891
  }
843
892
  .pf-v6-c-page__main-section.pf-m-padding {
844
893
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
package/css/components/Table/table.css CHANGED
@@ -64,7 +64,7 @@
64
64
  --pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
65
65
  --pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
66
66
  --pf-v6-c-table__button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
67
- --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
67
+ --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
68
68
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
69
69
  --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
70
70
  --pf-v6-c-table__check--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -159,7 +159,7 @@
159
159
  --pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
160
160
  --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));
161
161
  --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));
162
- --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
162
+ --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--striped--row--default);
163
163
  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
164
164
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
165
165
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
package/css/components/_index.css CHANGED
@@ -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);
@@ -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;
@@ -11151,17 +11157,19 @@ ul.pf-v6-c-list {
11151
11157
  }
11152
11158
 
11153
11159
  .pf-v6-c-menu {
11154
- --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
11160
+ --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--xs);
11155
11161
  --pf-v6-c-menu--Width: auto;
11156
11162
  --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);
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);
11159
11167
  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11160
11168
  --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
11161
11169
  --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
11162
11170
  --pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11163
11171
  --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);
11172
+ --pf-v6-c-menu--BorderRadius: calc(var(--pf-v6-c-menu__item--BorderRadius) + var(--pf-v6-c-menu--PaddingBlockStart));
11165
11173
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
11166
11174
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
11167
11175
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -11202,12 +11210,13 @@ ul.pf-v6-c-list {
11202
11210
  --pf-v6-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
11203
11211
  --pf-v6-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
11204
11212
  --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);
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);
11207
11216
  --pf-v6-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11208
11217
  --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);
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);
11211
11220
  --pf-v6-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
11212
11221
  --pf-v6-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
11213
11222
  --pf-v6-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -11216,22 +11225,23 @@ ul.pf-v6-c-list {
11216
11225
  --pf-v6-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
11217
11226
  --pf-v6-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11218
11227
  --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);
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);
11221
11230
  --pf-v6-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11222
11231
  --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);
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);
11225
11234
  --pf-v6-c-menu__breadcrumb--PaddingBlockStart: 0;
11226
11235
  --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);
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);
11229
11238
  --pf-v6-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11230
11239
  --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);
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);
11233
11242
  --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);
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);
11235
11245
  --pf-v6-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
11236
11246
  --pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
11237
11247
  --pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
@@ -11393,6 +11403,8 @@ ul.pf-v6-c-list {
11393
11403
  min-width: var(--pf-v6-c-menu--MinWidth);
11394
11404
  padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
11395
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);
11396
11408
  overflow: hidden;
11397
11409
  color: var(--pf-v6-c-menu--Color);
11398
11410
  background-color: var(--pf-v6-c-menu--BackgroundColor);
@@ -11587,8 +11599,8 @@ ul.pf-v6-c-list {
11587
11599
  inset: 0;
11588
11600
  content: "";
11589
11601
  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);
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);
11592
11604
  transition: inherit;
11593
11605
  }
11594
11606
  .pf-v6-c-menu__list-item.pf-m-load {
@@ -11638,6 +11650,7 @@ ul.pf-v6-c-list {
11638
11650
  text-decoration-line: none;
11639
11651
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
11640
11652
  border: 0;
11653
+ border-radius: var(--pf-v6-c-menu__item--BorderRadius);
11641
11654
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
11642
11655
  --pf-v6-hidden-visible--visible--Display: flex;
11643
11656
  --pf-v6-hidden-visible--hidden--Display: none;
@@ -11801,7 +11814,7 @@ ul.pf-v6-c-list {
11801
11814
  --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
11802
11815
  --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
11803
11816
  --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);
11817
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--control--default);
11805
11818
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
11806
11819
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
11807
11820
  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
@@ -11839,7 +11852,7 @@ ul.pf-v6-c-list {
11839
11852
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
11840
11853
  --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
11841
11854
  --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);
11855
+ --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--action--default);
11843
11856
  --pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
11844
11857
  --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
11845
11858
  --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
@@ -11857,7 +11870,7 @@ ul.pf-v6-c-list {
11857
11870
  --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
11858
11871
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
11859
11872
  --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);
11873
+ --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--action--default);
11861
11874
  --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
11862
11875
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
11863
11876
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
@@ -11872,11 +11885,12 @@ ul.pf-v6-c-list {
11872
11885
  --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
11873
11886
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
11874
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);
11875
11889
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
11876
11890
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
11877
11891
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
11878
11892
  --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);
11893
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--action--default);
11880
11894
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
11881
11895
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
11882
11896
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
@@ -11906,7 +11920,7 @@ ul.pf-v6-c-list {
11906
11920
  --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
11907
11921
  --pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
11908
11922
  --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);
11923
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--control--default);
11910
11924
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
11911
11925
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
11912
11926
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -12026,6 +12040,9 @@ ul.pf-v6-c-list {
12026
12040
  .pf-v6-c-menu-toggle.pf-m-full-width {
12027
12041
  width: 100%;
12028
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
+ }
12029
12046
  .pf-v6-c-menu-toggle.pf-m-plain {
12030
12047
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
12031
12048
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
@@ -13566,6 +13583,7 @@ ul.pf-v6-c-list {
13566
13583
  --pf-v6-c-page__sidebar--TranslateZ: 0;
13567
13584
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
13568
13585
  --pf-v6-c-page__sidebar--xl--TranslateX: 0;
13586
+ --pf-v6-c-page__sidebar--MarginBlockStart: 0;
13569
13587
  --pf-v6-c-page__sidebar--MarginInlineEnd: calc(var(--pf-t--global--spacer--inset--page-chrome) / 2);
13570
13588
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
13571
13589
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
@@ -13583,6 +13601,20 @@ ul.pf-v6-c-list {
13583
13601
  }
13584
13602
  }
13585
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;
13586
13618
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
13587
13619
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
13588
13620
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -13653,6 +13685,10 @@ ul.pf-v6-c-list {
13653
13685
  --pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13654
13686
  --pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13655
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);
13656
13692
  --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
13657
13693
  --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
13658
13694
  --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
@@ -13695,11 +13731,54 @@ ul.pf-v6-c-list {
13695
13731
  --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
13696
13732
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
13697
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);
13698
13755
  }
13699
13756
  :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);
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
+ }
13703
13782
  }
13704
13783
 
13705
13784
  .pf-v6-c-page {
@@ -13712,9 +13791,6 @@ ul.pf-v6-c-list {
13712
13791
  max-height: 100%;
13713
13792
  background-color: var(--pf-v6-c-page--BackgroundColor);
13714
13793
  }
13715
- :where(:root.pf-v6-theme-glass) .pf-v6-c-page {
13716
- background-color: transparent;
13717
- }
13718
13794
  @media (min-width: 75rem) {
13719
13795
  .pf-v6-c-page {
13720
13796
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
@@ -13864,6 +13940,7 @@ ul.pf-v6-c-list {
13864
13940
  padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
13865
13941
  padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
13866
13942
  padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
13943
+ margin-block-start: var(--pf-v6-c-page__sidebar--MarginBlockStart);
13867
13944
  margin-inline-end: var(--pf-v6-c-page__sidebar--MarginInlineEnd);
13868
13945
  overflow-x: hidden;
13869
13946
  overflow-y: auto;
@@ -13895,44 +13972,33 @@ ul.pf-v6-c-list {
13895
13972
  :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar {
13896
13973
  min-height: 0;
13897
13974
  padding: 0;
13898
- overflow: visible;
13975
+ overflow: revert;
13899
13976
  background: transparent;
13900
13977
  }
13901
13978
  :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar.pf-m-expanded {
13902
13979
  box-shadow: none;
13903
13980
  }
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);
13981
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__sidebar-main {
13912
13982
  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
13983
  }
13931
13984
 
13932
13985
  .pf-v6-c-page__sidebar-main {
13933
13986
  display: flex;
13934
13987
  flex-grow: 1;
13935
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);
13936
14002
  }
13937
14003
 
13938
14004
  .pf-v6-c-page__sidebar-header {
@@ -14360,8 +14426,8 @@ ul.pf-v6-c-list {
14360
14426
  }
14361
14427
  .pf-v6-c-page__main-section.pf-m-secondary {
14362
14428
  --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));
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);
14365
14431
  }
14366
14432
  .pf-v6-c-page__main-section.pf-m-padding {
14367
14433
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
@@ -18903,7 +18969,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18903
18969
  --pf-v6-c-table__button--BorderColor: var(--pf-t--global--border--color--high-contrast);
18904
18970
  --pf-v6-c-table__button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
18905
18971
  --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);
18972
+ --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
18907
18973
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
18908
18974
  --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
18909
18975
  --pf-v6-c-table__check--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -18998,7 +19064,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18998
19064
  --pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
18999
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));
19000
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));
19001
- --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);
19002
19068
  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
19003
19069
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
19004
19070
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
package/css/components/_index.d.ts CHANGED
@@ -451,6 +451,7 @@ declare const _default: {
451
451
  "noOffset": "pf-m-no-offset",
452
452
  "noFill": "pf-m-no-fill",
453
453
  "standalone": "pf-m-standalone",
454
+ "readonly": "pf-m-readonly",
454
455
  "code": "pf-m-code",
455
456
  "readOnly": "pf-m-read-only",
456
457
  "dragHover": "pf-m-drag-hover",
@@ -629,7 +630,6 @@ declare const _default: {
629
630
  "inactive": "pf-m-inactive",
630
631
  "textarea": "pf-m-textarea",
631
632
  "error": "pf-m-error",
632
- "readonly": "pf-m-readonly",
633
633
  "status": "pf-m-status",
634
634
  "placeholder": "pf-m-placeholder",
635
635
  "resizeVertical": "pf-m-resize-vertical",
@@ -705,6 +705,7 @@ declare const _default: {
705
705
  "currentPath": "pf-m-current-path",
706
706
  "load": "pf-m-load",
707
707
  "fullWidth": "pf-m-full-width",
708
+ "form": "pf-m-form",
708
709
  "splitButton": "pf-m-split-button",
709
710
  "typeahead": "pf-m-typeahead",
710
711
  "text": "pf-m-text",
package/css/components/_index.js CHANGED
@@ -453,6 +453,7 @@ exports.default = {
453
453
  "noOffset": "pf-m-no-offset",
454
454
  "noFill": "pf-m-no-fill",
455
455
  "standalone": "pf-m-standalone",
456
+ "readonly": "pf-m-readonly",
456
457
  "code": "pf-m-code",
457
458
  "readOnly": "pf-m-read-only",
458
459
  "dragHover": "pf-m-drag-hover",
@@ -631,7 +632,6 @@ exports.default = {
631
632
  "inactive": "pf-m-inactive",
632
633
  "textarea": "pf-m-textarea",
633
634
  "error": "pf-m-error",
634
- "readonly": "pf-m-readonly",
635
635
  "status": "pf-m-status",
636
636
  "placeholder": "pf-m-placeholder",
637
637
  "resizeVertical": "pf-m-resize-vertical",
@@ -707,6 +707,7 @@ exports.default = {
707
707
  "currentPath": "pf-m-current-path",
708
708
  "load": "pf-m-load",
709
709
  "fullWidth": "pf-m-full-width",
710
+ "form": "pf-m-form",
710
711
  "splitButton": "pf-m-split-button",
711
712
  "typeahead": "pf-m-typeahead",
712
713
  "text": "pf-m-text",
package/css/components/_index.mjs CHANGED
@@ -451,6 +451,7 @@ export default {
451
451
  "noOffset": "pf-m-no-offset",
452
452
  "noFill": "pf-m-no-fill",
453
453
  "standalone": "pf-m-standalone",
454
+ "readonly": "pf-m-readonly",
454
455
  "code": "pf-m-code",
455
456
  "readOnly": "pf-m-read-only",
456
457
  "dragHover": "pf-m-drag-hover",
@@ -629,7 +630,6 @@ export default {
629
630
  "inactive": "pf-m-inactive",
630
631
  "textarea": "pf-m-textarea",
631
632
  "error": "pf-m-error",
632
- "readonly": "pf-m-readonly",
633
633
  "status": "pf-m-status",
634
634
  "placeholder": "pf-m-placeholder",
635
635
  "resizeVertical": "pf-m-resize-vertical",
@@ -705,6 +705,7 @@ export default {
705
705
  "currentPath": "pf-m-current-path",
706
706
  "load": "pf-m-load",
707
707
  "fullWidth": "pf-m-full-width",
708
+ "form": "pf-m-form",
708
709
  "splitButton": "pf-m-split-button",
709
710
  "typeahead": "pf-m-typeahead",
710
711
  "text": "pf-m-text",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.5.0-prerelease.15",
3
+ "version": "6.5.0-prerelease.16",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "6.5.0-prerelease.62",
22
+ "@patternfly/patternfly": "6.5.0-prerelease.65",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.3.3"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "93e7816b5484e2c7b7414cdef92285c295a6a2c9"
27
+ "gitHead": "911223aa1a6b9309d90d31245bc29f3e1a9c675c"
28
28
  }