@patternfly/react-styles 6.5.0-prerelease.26 → 6.5.0-prerelease.28

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 (8) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/css/components/Compass/compass.css +24 -0
  3. package/css/components/Drawer/drawer.css +12 -7
  4. package/css/components/Drawer/drawer.d.ts +1 -1
  5. package/css/components/Drawer/drawer.js +1 -1
  6. package/css/components/Drawer/drawer.mjs +1 -1
  7. package/css/components/_index.css +36 -7
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,16 @@
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.28](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.27...@patternfly/react-styles@6.5.0-prerelease.28) (2026-05-14)
7
+
8
+ ### Features
9
+
10
+ - **ver:** core bump ([#12427](https://github.com/patternfly/patternfly-react/issues/12427)) ([71b2433](https://github.com/patternfly/patternfly-react/commit/71b243388f761946db0043da8c288df1a1e9b70a))
11
+
12
+ # [6.5.0-prerelease.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.26...@patternfly/react-styles@6.5.0-prerelease.27) (2026-05-13)
13
+
14
+ **Note:** Version bump only for package @patternfly/react-styles
15
+
6
16
  # [6.5.0-prerelease.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.25...@patternfly/react-styles@6.5.0-prerelease.26) (2026-05-12)
7
17
 
8
18
  ### Features
package/css/components/Compass/compass.css CHANGED
@@ -70,9 +70,25 @@
70
70
  }
71
71
  .pf-v6-c-compass {
72
72
  --pf-v6-c-compass--BackgroundColor--glass: transparent;
73
+ --pf-v6-c-compass__content--MarginBlockStart--glass: calc(var(--pf-v6-c-compass__content--PaddingBlockStart--glass) * -1);
74
+ --pf-v6-c-compass__content--MarginBlockEnd--glass: calc(var(--pf-v6-c-compass__content--PaddingBlockEnd--glass) * -1);
75
+ --pf-v6-c-compass__content--MarginInlineStart--glass: calc(var(--pf-v6-c-compass__content--PaddingInlineStart--glass) * -1);
76
+ --pf-v6-c-compass__content--MarginInlineEnd--glass: calc(var(--pf-v6-c-compass__content--PaddingInlineEnd--glass) * -1);
77
+ --pf-v6-c-compass__content--PaddingBlockStart--glass: var(--pf-t--global--spacer--sm);
78
+ --pf-v6-c-compass__content--PaddingBlockEnd--glass: var(--pf-t--global--spacer--md);
79
+ --pf-v6-c-compass__content--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
80
+ --pf-v6-c-compass__content--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
73
81
  }
74
82
  :where(.pf-v6-theme-glass) .pf-v6-c-compass {
75
83
  --pf-v6-c-compass--BackgroundColor: var(--pf-v6-c-compass--BackgroundColor--glass);
84
+ --pf-v6-c-compass__content--MarginBlockStart: var(--pf-v6-c-compass__content--MarginBlockStart--glass);
85
+ --pf-v6-c-compass__content--MarginBlockEnd: var(--pf-v6-c-compass__content--MarginBlockEnd--glass);
86
+ --pf-v6-c-compass__content--MarginInlineStart: var(--pf-v6-c-compass__content--MarginInlineStart--glass);
87
+ --pf-v6-c-compass__content--MarginInlineEnd: var(--pf-v6-c-compass__content--MarginInlineEnd--glass);
88
+ --pf-v6-c-compass__content--PaddingBlockStart: var(--pf-v6-c-compass__content--PaddingBlockStart--glass);
89
+ --pf-v6-c-compass__content--PaddingBlockEnd: var(--pf-v6-c-compass__content--PaddingBlockEnd--glass);
90
+ --pf-v6-c-compass__content--PaddingInlineStart: var(--pf-v6-c-compass__content--PaddingInlineStart--glass);
91
+ --pf-v6-c-compass__content--PaddingInlineEnd: var(--pf-v6-c-compass__content--PaddingInlineEnd--glass);
76
92
  }
77
93
 
78
94
  .pf-v6-c-compass {
@@ -369,6 +385,14 @@
369
385
  flex: 1 0 0;
370
386
  flex-direction: column;
371
387
  min-height: 0;
388
+ padding-block-start: var(--pf-v6-c-compass__content--PaddingBlockStart, 0);
389
+ padding-block-end: var(--pf-v6-c-compass__content--PaddingBlockEnd, 0);
390
+ padding-inline-start: var(--pf-v6-c-compass__content--PaddingInlineStart, 0);
391
+ padding-inline-end: var(--pf-v6-c-compass__content--PaddingInlineEnd, 0);
392
+ margin-block-start: var(--pf-v6-c-compass__content--MarginBlockStart, 0);
393
+ margin-block-end: var(--pf-v6-c-compass__content--MarginBlockEnd, 0);
394
+ margin-inline-start: var(--pf-v6-c-compass__content--MarginInlineStart, 0);
395
+ margin-inline-end: var(--pf-v6-c-compass__content--MarginInlineEnd, 0);
372
396
  overflow: auto;
373
397
  }
374
398
  .pf-v6-c-compass__content > *:last-child {
package/css/components/Drawer/drawer.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .pf-v6-c-drawer {
2
- --pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
2
+ --pf-v6-c-drawer--m-pill--m-inline__main--Gap: 0;
3
3
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
4
4
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
5
5
  --pf-v6-c-drawer__content--FlexBasis: 100%;
@@ -16,7 +16,7 @@
16
16
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer__panel--after--Width);
17
17
  --pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
18
18
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
19
- --pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
19
+ --pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20
20
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--floating--secondary--default);
21
21
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
22
22
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -35,6 +35,7 @@
35
35
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
36
36
  --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
37
37
  --pf-v6-c-drawer__panel--md--FlexBasis--max: 100%;
38
+ --pf-v6-c-drawer__panel--m-inline--md--BackgroundColor: var(--pf-t--global--background--color--primary--default);
38
39
  --pf-v6-c-drawer__panel--xl--MinWidth: 28.125rem;
39
40
  --pf-v6-c-drawer__panel--xl--FlexBasis: 28.125rem;
40
41
  --pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight: 50%;
@@ -227,11 +228,6 @@
227
228
  .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) {
228
229
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
229
230
  }
230
- .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 {
231
- --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
232
- --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
233
- backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
234
- }
235
231
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
236
232
  order: 0;
237
233
  margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
@@ -248,6 +244,7 @@
248
244
  flex-direction: column;
249
245
  }
250
246
  .pf-v6-c-drawer.pf-m-expanded {
247
+ --pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
251
248
  --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
252
249
  }
253
250
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -563,9 +560,17 @@
563
560
  --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
564
561
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
565
562
  }
563
+ .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
564
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--md--BackgroundColor);
565
+ }
566
566
  :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) {
567
567
  --pf-v6-c-drawer__panel--BackgroundColor: transparent;
568
568
  }
569
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass, :where(:root.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass {
570
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
571
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
572
+ backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
573
+ }
569
574
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
570
575
  box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
571
576
  }
package/css/components/Drawer/drawer.d.ts CHANGED
@@ -20,7 +20,6 @@ declare const _default: {
20
20
  "static": "pf-m-static",
21
21
  "noBorder": "pf-m-no-border",
22
22
  "resizable": "pf-m-resizable",
23
- "glass": "pf-m-glass",
24
23
  "panelLeft": "pf-m-panel-left",
25
24
  "expanded": "pf-m-expanded",
26
25
  "resizing": "pf-m-resizing",
@@ -33,6 +32,7 @@ declare const _default: {
33
32
  "noPadding": "pf-m-no-padding",
34
33
  "padding": "pf-m-padding",
35
34
  "vertical": "pf-m-vertical",
35
+ "glass": "pf-m-glass",
36
36
  "width_25": "pf-m-width-25",
37
37
  "width_33": "pf-m-width-33",
38
38
  "width_50": "pf-m-width-50",
package/css/components/Drawer/drawer.js CHANGED
@@ -22,7 +22,6 @@ exports.default = {
22
22
  "static": "pf-m-static",
23
23
  "noBorder": "pf-m-no-border",
24
24
  "resizable": "pf-m-resizable",
25
- "glass": "pf-m-glass",
26
25
  "panelLeft": "pf-m-panel-left",
27
26
  "expanded": "pf-m-expanded",
28
27
  "resizing": "pf-m-resizing",
@@ -35,6 +34,7 @@ exports.default = {
35
34
  "noPadding": "pf-m-no-padding",
36
35
  "padding": "pf-m-padding",
37
36
  "vertical": "pf-m-vertical",
37
+ "glass": "pf-m-glass",
38
38
  "width_25": "pf-m-width-25",
39
39
  "width_33": "pf-m-width-33",
40
40
  "width_50": "pf-m-width-50",
package/css/components/Drawer/drawer.mjs CHANGED
@@ -20,7 +20,6 @@ export default {
20
20
  "static": "pf-m-static",
21
21
  "noBorder": "pf-m-no-border",
22
22
  "resizable": "pf-m-resizable",
23
- "glass": "pf-m-glass",
24
23
  "panelLeft": "pf-m-panel-left",
25
24
  "expanded": "pf-m-expanded",
26
25
  "resizing": "pf-m-resizing",
@@ -33,6 +32,7 @@ export default {
33
32
  "noPadding": "pf-m-no-padding",
34
33
  "padding": "pf-m-padding",
35
34
  "vertical": "pf-m-vertical",
35
+ "glass": "pf-m-glass",
36
36
  "width_25": "pf-m-width-25",
37
37
  "width_33": "pf-m-width-33",
38
38
  "width_50": "pf-m-width-50",
package/css/components/_index.css CHANGED
@@ -3754,9 +3754,25 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3754
3754
  }
3755
3755
  .pf-v6-c-compass {
3756
3756
  --pf-v6-c-compass--BackgroundColor--glass: transparent;
3757
+ --pf-v6-c-compass__content--MarginBlockStart--glass: calc(var(--pf-v6-c-compass__content--PaddingBlockStart--glass) * -1);
3758
+ --pf-v6-c-compass__content--MarginBlockEnd--glass: calc(var(--pf-v6-c-compass__content--PaddingBlockEnd--glass) * -1);
3759
+ --pf-v6-c-compass__content--MarginInlineStart--glass: calc(var(--pf-v6-c-compass__content--PaddingInlineStart--glass) * -1);
3760
+ --pf-v6-c-compass__content--MarginInlineEnd--glass: calc(var(--pf-v6-c-compass__content--PaddingInlineEnd--glass) * -1);
3761
+ --pf-v6-c-compass__content--PaddingBlockStart--glass: var(--pf-t--global--spacer--sm);
3762
+ --pf-v6-c-compass__content--PaddingBlockEnd--glass: var(--pf-t--global--spacer--md);
3763
+ --pf-v6-c-compass__content--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
3764
+ --pf-v6-c-compass__content--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
3757
3765
  }
3758
3766
  :where(.pf-v6-theme-glass) .pf-v6-c-compass {
3759
3767
  --pf-v6-c-compass--BackgroundColor: var(--pf-v6-c-compass--BackgroundColor--glass);
3768
+ --pf-v6-c-compass__content--MarginBlockStart: var(--pf-v6-c-compass__content--MarginBlockStart--glass);
3769
+ --pf-v6-c-compass__content--MarginBlockEnd: var(--pf-v6-c-compass__content--MarginBlockEnd--glass);
3770
+ --pf-v6-c-compass__content--MarginInlineStart: var(--pf-v6-c-compass__content--MarginInlineStart--glass);
3771
+ --pf-v6-c-compass__content--MarginInlineEnd: var(--pf-v6-c-compass__content--MarginInlineEnd--glass);
3772
+ --pf-v6-c-compass__content--PaddingBlockStart: var(--pf-v6-c-compass__content--PaddingBlockStart--glass);
3773
+ --pf-v6-c-compass__content--PaddingBlockEnd: var(--pf-v6-c-compass__content--PaddingBlockEnd--glass);
3774
+ --pf-v6-c-compass__content--PaddingInlineStart: var(--pf-v6-c-compass__content--PaddingInlineStart--glass);
3775
+ --pf-v6-c-compass__content--PaddingInlineEnd: var(--pf-v6-c-compass__content--PaddingInlineEnd--glass);
3760
3776
  }
3761
3777
 
3762
3778
  .pf-v6-c-compass {
@@ -4053,6 +4069,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4053
4069
  flex: 1 0 0;
4054
4070
  flex-direction: column;
4055
4071
  min-height: 0;
4072
+ padding-block-start: var(--pf-v6-c-compass__content--PaddingBlockStart, 0);
4073
+ padding-block-end: var(--pf-v6-c-compass__content--PaddingBlockEnd, 0);
4074
+ padding-inline-start: var(--pf-v6-c-compass__content--PaddingInlineStart, 0);
4075
+ padding-inline-end: var(--pf-v6-c-compass__content--PaddingInlineEnd, 0);
4076
+ margin-block-start: var(--pf-v6-c-compass__content--MarginBlockStart, 0);
4077
+ margin-block-end: var(--pf-v6-c-compass__content--MarginBlockEnd, 0);
4078
+ margin-inline-start: var(--pf-v6-c-compass__content--MarginInlineStart, 0);
4079
+ margin-inline-end: var(--pf-v6-c-compass__content--MarginInlineEnd, 0);
4056
4080
  overflow: auto;
4057
4081
  }
4058
4082
  .pf-v6-c-compass__content > *:last-child {
@@ -6363,7 +6387,7 @@ ul) {
6363
6387
  }
6364
6388
 
6365
6389
  .pf-v6-c-drawer {
6366
- --pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
6390
+ --pf-v6-c-drawer--m-pill--m-inline__main--Gap: 0;
6367
6391
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
6368
6392
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
6369
6393
  --pf-v6-c-drawer__content--FlexBasis: 100%;
@@ -6380,7 +6404,7 @@ ul) {
6380
6404
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer__panel--after--Width);
6381
6405
  --pf-v6-c-drawer__panel--BorderInlineEndWidth: 0;
6382
6406
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6383
- --pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
6407
+ --pf-v6-c-drawer__panel--m-inline--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6384
6408
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--floating--secondary--default);
6385
6409
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
6386
6410
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -6399,6 +6423,7 @@ ul) {
6399
6423
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
6400
6424
  --pf-v6-c-drawer__panel--md--FlexBasis: 50%;
6401
6425
  --pf-v6-c-drawer__panel--md--FlexBasis--max: 100%;
6426
+ --pf-v6-c-drawer__panel--m-inline--md--BackgroundColor: var(--pf-t--global--background--color--primary--default);
6402
6427
  --pf-v6-c-drawer__panel--xl--MinWidth: 28.125rem;
6403
6428
  --pf-v6-c-drawer__panel--xl--FlexBasis: 28.125rem;
6404
6429
  --pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight: 50%;
@@ -6591,11 +6616,6 @@ ul) {
6591
6616
  .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) {
6592
6617
  padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
6593
6618
  }
6594
- .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 {
6595
- --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
6596
- --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
6597
- backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
6598
- }
6599
6619
  .pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6600
6620
  order: 0;
6601
6621
  margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
@@ -6612,6 +6632,7 @@ ul) {
6612
6632
  flex-direction: column;
6613
6633
  }
6614
6634
  .pf-v6-c-drawer.pf-m-expanded {
6635
+ --pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
6615
6636
  --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
6616
6637
  }
6617
6638
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -6927,9 +6948,17 @@ ul) {
6927
6948
  --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
6928
6949
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
6929
6950
  }
6951
+ .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
6952
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--md--BackgroundColor);
6953
+ }
6930
6954
  :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) {
6931
6955
  --pf-v6-c-drawer__panel--BackgroundColor: transparent;
6932
6956
  }
6957
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass, :where(:root.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-glass {
6958
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-glass--BackgroundColor);
6959
+ --pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer__panel--m-glass--BorderColor);
6960
+ backdrop-filter: var(--pf-v6-c-drawer__panel--m-glass--BackdropFilter);
6961
+ }
6933
6962
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6934
6963
  box-shadow: var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow);
6935
6964
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.5.0-prerelease.26",
3
+ "version": "6.5.0-prerelease.28",
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.88",
22
+ "@patternfly/patternfly": "6.5.0-prerelease.92",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.3.3"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "41fa345ea84fbf83dcefdd1dd46333be302f005d"
27
+ "gitHead": "e1278729a36ad73cf22b4edab8054c44af704c85"
28
28
  }