@patternfly/react-styles 6.5.0-prerelease.1 → 6.5.0-prerelease.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.1...@patternfly/react-styles@6.5.0-prerelease.2) (2025-10-31)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- **Drawer:** Add pill version ([#12091](https://github.com/patternfly/patternfly-react/issues/12091)) ([b0a9dd8](https://github.com/patternfly/patternfly-react/commit/b0a9dd8fce6266e838ebca33ae16d1f2e0c33cbd))
|
|
11
|
+
|
|
6
12
|
# [6.5.0-prerelease.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.4.0...@patternfly/react-styles@6.5.0-prerelease.1) (2025-10-30)
|
|
7
13
|
|
|
8
14
|
### Features
|
|
@@ -1,4 +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
3
|
--pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
3
4
|
--pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
4
5
|
--pf-v6-c-drawer__content--FlexBasis: 100%;
|
|
@@ -29,6 +30,7 @@
|
|
|
29
30
|
--pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
|
|
30
31
|
--pf-v6-c-drawer__panel--Opacity: 0;
|
|
31
32
|
--pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
|
|
33
|
+
--pf-v6-c-drawer--m-expanded__panel--inset: 0px;
|
|
32
34
|
--pf-v6-c-drawer__panel--FlexBasis: 100%;
|
|
33
35
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
|
|
34
36
|
--pf-v6-c-drawer__panel--md--FlexBasis: 50%;
|
|
@@ -44,6 +46,13 @@
|
|
|
44
46
|
--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
|
|
45
47
|
--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
|
|
46
48
|
--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
|
|
49
|
+
--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
|
|
50
|
+
--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
|
|
51
|
+
--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
|
|
52
|
+
--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
|
|
53
|
+
--pf-v6-c-drawer--m-pill__panel--BorderColor: var(--pf-t--global--border--color--default);
|
|
54
|
+
--pf-v6-c-drawer--m-pill__panel--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
55
|
+
--pf-v6-c-drawer--m-pill--m-expanded__panel--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
47
56
|
--pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
48
57
|
--pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
49
58
|
--pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -160,6 +169,8 @@
|
|
|
160
169
|
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
|
161
170
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
|
|
162
171
|
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
172
|
+
--pf-v6-c-drawer--m-pill__main--Gap: var(--pf-v6-c-drawer--m-pill--m-inline__main--Gap);
|
|
173
|
+
--pf-v6-c-drawer--m-pill--m-expanded__panel--inset: 0;
|
|
163
174
|
}
|
|
164
175
|
.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) {
|
|
165
176
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
|
@@ -183,7 +194,7 @@
|
|
|
183
194
|
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
|
|
184
195
|
}
|
|
185
196
|
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
186
|
-
transform: translateX(-100%);
|
|
197
|
+
transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
187
198
|
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
188
199
|
visibility: visible;
|
|
189
200
|
}
|
|
@@ -195,7 +206,7 @@
|
|
|
195
206
|
transform: translateX(0);
|
|
196
207
|
}
|
|
197
208
|
.pf-v6-c-drawer.pf-m-expanded.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
198
|
-
transform: translate(0, -100%);
|
|
209
|
+
transform: translate(0, calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
199
210
|
}
|
|
200
211
|
.pf-v6-c-drawer.pf-m-resizing {
|
|
201
212
|
--pf-v6-c-drawer__panel--TransitionProperty: none;
|
|
@@ -204,6 +215,21 @@
|
|
|
204
215
|
.pf-v6-c-drawer.pf-m-resizing .pf-v6-c-drawer__splitter {
|
|
205
216
|
pointer-events: auto;
|
|
206
217
|
}
|
|
218
|
+
@media screen and (min-width: 48rem) {
|
|
219
|
+
.pf-v6-c-drawer.pf-m-pill {
|
|
220
|
+
--pf-v6-c-drawer__main--Gap: var(--pf-v6-c-drawer--m-pill__main--Gap, revert);
|
|
221
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-pill__panel--BorderColor);
|
|
222
|
+
--pf-v6-c-drawer__panel--BorderRadius: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
|
|
223
|
+
--pf-v6-c-drawer--m-expanded__panel--inset: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
|
|
224
|
+
--pf-v6-c-drawer__panel--MarginBlock: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
|
|
225
|
+
}
|
|
226
|
+
.pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
227
|
+
border-block-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth);
|
|
228
|
+
border-block-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth);
|
|
229
|
+
border-inline-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth);
|
|
230
|
+
border-inline-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth);
|
|
231
|
+
}
|
|
232
|
+
}
|
|
207
233
|
|
|
208
234
|
.pf-v6-c-drawer__section {
|
|
209
235
|
flex-grow: 0;
|
|
@@ -219,6 +245,7 @@
|
|
|
219
245
|
.pf-v6-c-drawer__main {
|
|
220
246
|
display: flex;
|
|
221
247
|
flex: 1;
|
|
248
|
+
gap: var(--pf-v6-c-drawer__main--Gap, 0);
|
|
222
249
|
overflow: hidden;
|
|
223
250
|
}
|
|
224
251
|
|
|
@@ -257,6 +284,8 @@
|
|
|
257
284
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
258
285
|
order: 1;
|
|
259
286
|
max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
|
|
287
|
+
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
288
|
+
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
260
289
|
overflow: auto;
|
|
261
290
|
visibility: hidden;
|
|
262
291
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
@@ -265,6 +294,7 @@
|
|
|
265
294
|
border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
|
|
266
295
|
border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
|
|
267
296
|
border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
|
|
297
|
+
border-radius: var(--pf-v6-c-drawer__panel--BorderRadius, revert);
|
|
268
298
|
box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
|
|
269
299
|
opacity: var(--pf-v6-c-drawer__panel--Opacity);
|
|
270
300
|
transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
|
|
@@ -452,7 +482,7 @@
|
|
|
452
482
|
padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
|
|
453
483
|
}
|
|
454
484
|
.pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
455
|
-
transform: translateX(
|
|
485
|
+
transform: translateX(var(--pf-v6-c-drawer--m-expanded__panel--inset));
|
|
456
486
|
}
|
|
457
487
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
|
|
458
488
|
--pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
|
|
@@ -464,6 +494,8 @@
|
|
|
464
494
|
--pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
|
|
465
495
|
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
466
496
|
--pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
|
497
|
+
--pf-v6-c-drawer__panel--MarginBlock: initial;
|
|
498
|
+
--pf-v6-c-drawer__panel--MarginInline: var(--pf-v6-c-drawer--m-expanded__panel--inset);
|
|
467
499
|
min-width: auto;
|
|
468
500
|
min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
|
|
469
501
|
}
|
|
@@ -5960,6 +5960,7 @@ ul) {
|
|
|
5960
5960
|
}
|
|
5961
5961
|
|
|
5962
5962
|
.pf-v6-c-drawer {
|
|
5963
|
+
--pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
5963
5964
|
--pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
5964
5965
|
--pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
5965
5966
|
--pf-v6-c-drawer__content--FlexBasis: 100%;
|
|
@@ -5990,6 +5991,7 @@ ul) {
|
|
|
5990
5991
|
--pf-v6-c-drawer__panel--TransitionProperty: opacity, visibility, transform;
|
|
5991
5992
|
--pf-v6-c-drawer__panel--Opacity: 0;
|
|
5992
5993
|
--pf-v6-c-drawer--m-expanded__panel--Opacity: 1;
|
|
5994
|
+
--pf-v6-c-drawer--m-expanded__panel--inset: 0px;
|
|
5993
5995
|
--pf-v6-c-drawer__panel--FlexBasis: 100%;
|
|
5994
5996
|
--pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
|
|
5995
5997
|
--pf-v6-c-drawer__panel--md--FlexBasis: 50%;
|
|
@@ -6005,6 +6007,13 @@ ul) {
|
|
|
6005
6007
|
--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--FlexDirection: column;
|
|
6006
6008
|
--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--md--FlexBasis--min: 1.5rem;
|
|
6007
6009
|
--pf-v6-c-drawer--m-panel-bottom__panel--m-resizable--MinHeight: 1.5rem;
|
|
6010
|
+
--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth: var(--pf-t--global--border--width--regular);
|
|
6011
|
+
--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth: var(--pf-t--global--border--width--regular);
|
|
6012
|
+
--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth: var(--pf-t--global--border--width--regular);
|
|
6013
|
+
--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
|
|
6014
|
+
--pf-v6-c-drawer--m-pill__panel--BorderColor: var(--pf-t--global--border--color--default);
|
|
6015
|
+
--pf-v6-c-drawer--m-pill__panel--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
6016
|
+
--pf-v6-c-drawer--m-pill--m-expanded__panel--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
6008
6017
|
--pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
6009
6018
|
--pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
6010
6019
|
--pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -6121,6 +6130,8 @@ ul) {
|
|
|
6121
6130
|
.pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
|
|
6122
6131
|
--pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
|
|
6123
6132
|
--pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
|
|
6133
|
+
--pf-v6-c-drawer--m-pill__main--Gap: var(--pf-v6-c-drawer--m-pill--m-inline__main--Gap);
|
|
6134
|
+
--pf-v6-c-drawer--m-pill--m-expanded__panel--inset: 0;
|
|
6124
6135
|
}
|
|
6125
6136
|
.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) {
|
|
6126
6137
|
padding-inline-start: var(--pf-v6-c-drawer--m-inline__panel--PaddingInlineStart);
|
|
@@ -6144,7 +6155,7 @@ ul) {
|
|
|
6144
6155
|
--pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
|
|
6145
6156
|
}
|
|
6146
6157
|
.pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6147
|
-
transform: translateX(-100%);
|
|
6158
|
+
transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
6148
6159
|
--pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
|
|
6149
6160
|
visibility: visible;
|
|
6150
6161
|
}
|
|
@@ -6156,7 +6167,7 @@ ul) {
|
|
|
6156
6167
|
transform: translateX(0);
|
|
6157
6168
|
}
|
|
6158
6169
|
.pf-v6-c-drawer.pf-m-expanded.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6159
|
-
transform: translate(0, -100%);
|
|
6170
|
+
transform: translate(0, calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
|
|
6160
6171
|
}
|
|
6161
6172
|
.pf-v6-c-drawer.pf-m-resizing {
|
|
6162
6173
|
--pf-v6-c-drawer__panel--TransitionProperty: none;
|
|
@@ -6165,6 +6176,21 @@ ul) {
|
|
|
6165
6176
|
.pf-v6-c-drawer.pf-m-resizing .pf-v6-c-drawer__splitter {
|
|
6166
6177
|
pointer-events: auto;
|
|
6167
6178
|
}
|
|
6179
|
+
@media screen and (min-width: 48rem) {
|
|
6180
|
+
.pf-v6-c-drawer.pf-m-pill {
|
|
6181
|
+
--pf-v6-c-drawer__main--Gap: var(--pf-v6-c-drawer--m-pill__main--Gap, revert);
|
|
6182
|
+
--pf-v6-c-drawer__panel--BorderColor: var(--pf-v6-c-drawer--m-pill__panel--BorderColor);
|
|
6183
|
+
--pf-v6-c-drawer__panel--BorderRadius: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
|
|
6184
|
+
--pf-v6-c-drawer--m-expanded__panel--inset: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
|
|
6185
|
+
--pf-v6-c-drawer__panel--MarginBlock: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
|
|
6186
|
+
}
|
|
6187
|
+
.pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6188
|
+
border-block-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth);
|
|
6189
|
+
border-block-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockEndWidth);
|
|
6190
|
+
border-inline-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineStartWidth);
|
|
6191
|
+
border-inline-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth);
|
|
6192
|
+
}
|
|
6193
|
+
}
|
|
6168
6194
|
|
|
6169
6195
|
.pf-v6-c-drawer__section {
|
|
6170
6196
|
flex-grow: 0;
|
|
@@ -6180,6 +6206,7 @@ ul) {
|
|
|
6180
6206
|
.pf-v6-c-drawer__main {
|
|
6181
6207
|
display: flex;
|
|
6182
6208
|
flex: 1;
|
|
6209
|
+
gap: var(--pf-v6-c-drawer__main--Gap, 0);
|
|
6183
6210
|
overflow: hidden;
|
|
6184
6211
|
}
|
|
6185
6212
|
|
|
@@ -6218,6 +6245,8 @@ ul) {
|
|
|
6218
6245
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
6219
6246
|
order: 1;
|
|
6220
6247
|
max-height: var(--pf-v6-c-drawer__panel--MaxHeight);
|
|
6248
|
+
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
6249
|
+
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
6221
6250
|
overflow: auto;
|
|
6222
6251
|
visibility: hidden;
|
|
6223
6252
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
@@ -6226,6 +6255,7 @@ ul) {
|
|
|
6226
6255
|
border-block-end-width: var(--pf-v6-c-drawer__panel--BorderBlockEndWidth);
|
|
6227
6256
|
border-inline-start-width: var(--pf-v6-c-drawer__panel--BorderInlineStartWidth);
|
|
6228
6257
|
border-inline-end-width: var(--pf-v6-c-drawer__panel--BorderInlineEndWidth);
|
|
6258
|
+
border-radius: var(--pf-v6-c-drawer__panel--BorderRadius, revert);
|
|
6229
6259
|
box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
|
|
6230
6260
|
opacity: var(--pf-v6-c-drawer__panel--Opacity);
|
|
6231
6261
|
transition-delay: var(--pf-v6-c-drawer__panel--TransitionDelay);
|
|
@@ -6413,7 +6443,7 @@ ul) {
|
|
|
6413
6443
|
padding-inline-end: var(--pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd);
|
|
6414
6444
|
}
|
|
6415
6445
|
.pf-v6-c-drawer.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
|
|
6416
|
-
transform: translateX(
|
|
6446
|
+
transform: translateX(var(--pf-v6-c-drawer--m-expanded__panel--inset));
|
|
6417
6447
|
}
|
|
6418
6448
|
.pf-v6-c-drawer.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel.pf-m-resizable > .pf-v6-c-drawer__splitter {
|
|
6419
6449
|
--pf-v6-c-drawer__splitter-handle--InsetInlineStart: var(--pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart);
|
|
@@ -6425,6 +6455,8 @@ ul) {
|
|
|
6425
6455
|
--pf-v6-c-drawer__panel--FlexBasis--min: var(--pf-v6-c-drawer--m-panel-bottom__panel--FlexBasis--min);
|
|
6426
6456
|
--pf-v6-c-drawer__panel--BorderInlineStartWidth: 0;
|
|
6427
6457
|
--pf-v6-c-drawer__panel--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-panel-bottom__panel--after--Height);
|
|
6458
|
+
--pf-v6-c-drawer__panel--MarginBlock: initial;
|
|
6459
|
+
--pf-v6-c-drawer__panel--MarginInline: var(--pf-v6-c-drawer--m-expanded__panel--inset);
|
|
6428
6460
|
min-width: auto;
|
|
6429
6461
|
min-height: var(--pf-v6-c-drawer--m-panel-bottom__panel--md--MinHeight);
|
|
6430
6462
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-styles",
|
|
3
|
-
"version": "6.5.0-prerelease.
|
|
3
|
+
"version": "6.5.0-prerelease.2",
|
|
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.
|
|
22
|
+
"@patternfly/patternfly": "6.5.0-prerelease.12",
|
|
23
23
|
"change-case": "^5.4.4",
|
|
24
24
|
"fs-extra": "^11.3.0"
|
|
25
25
|
},
|
|
26
26
|
"license": "MIT",
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "c7b90a136c135c4cf74a7fc768cc17ee39227a6d"
|
|
28
28
|
}
|