@patternfly/patternfly 6.6.0-prerelease.5 → 6.6.0-prerelease.6

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 (10) hide show
  1. package/components/Sidebar/sidebar.css +4 -7
  2. package/components/Sidebar/sidebar.scss +9 -9
  3. package/components/_index.css +4 -7
  4. package/docs/components/Drawer/examples/Drawer.md +1 -1
  5. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  6. package/package.json +1 -1
  7. package/patternfly-no-globals.css +4 -7
  8. package/patternfly.css +4 -7
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/components/Sidebar/sidebar.css CHANGED
@@ -168,6 +168,9 @@
168
168
  --pf-v6-c-sidebar__panel--Position: static;
169
169
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
170
170
  }
171
+ .pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
172
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
173
+ }
171
174
  .pf-v6-c-sidebar__panel.pf-m-secondary {
172
175
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
173
176
  }
@@ -187,7 +190,7 @@
187
190
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
188
191
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
189
192
  }
190
- .pf-v6-c-sidebar__content.pf-m-no-background {
193
+ .pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
191
194
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
192
195
  }
193
196
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -200,12 +203,6 @@
200
203
  --pf-v6-c-sidebar__content--Order: -1;
201
204
  }
202
205
 
203
- .pf-v6-c-sidebar.pf-m-no-background,
204
- .pf-v6-c-sidebar__panel.pf-m-no-background,
205
- .pf-v6-c-sidebar__content.pf-m-no-background {
206
- background-color: transparent;
207
- }
208
-
209
206
  .pf-v6-c-sidebar__panel.pf-m-width-default {
210
207
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
211
208
  }
package/components/Sidebar/sidebar.scss CHANGED
@@ -205,6 +205,12 @@ $pf-v6-c-sidebar__panel--list--width: ("default", 25, 33, 50, 66, 75, 100);
205
205
  --#{$sidebar}__panel--InsetBlockStart: auto;
206
206
  }
207
207
 
208
+ &.pf-m-no-background,
209
+ :where(:root:not(.pf-v6-theme-glass)) &.pf-m-plain,
210
+ :where(:root.pf-v6-theme-glass) &:not(.pf-m-no-plain-on-glass) {
211
+ --#{$sidebar}__panel--BackgroundColor: transparent;
212
+ }
213
+
208
214
  &.pf-m-secondary {
209
215
  --#{$sidebar}__panel--BackgroundColor: var(--#{$sidebar}__panel--m-secondary--BackgroundColor);
210
216
  }
@@ -226,7 +232,9 @@ $pf-v6-c-sidebar__panel--list--width: ("default", 25, 33, 50, 66, 75, 100);
226
232
  --#{$sidebar}__content--PaddingInlineStart: var(--#{$sidebar}__content--m-padding--PaddingBlockStart);
227
233
  }
228
234
 
229
- &.pf-m-no-background {
235
+ &.pf-m-no-background,
236
+ :where(:root:not(.pf-v6-theme-glass)) &.pf-m-plain,
237
+ :where(:root.pf-v6-theme-glass) &:not(.pf-m-no-plain-on-glass) {
230
238
  --#{$sidebar}__content--BackgroundColor: transparent;
231
239
  }
232
240
 
@@ -243,14 +251,6 @@ $pf-v6-c-sidebar__panel--list--width: ("default", 25, 33, 50, 66, 75, 100);
243
251
  }
244
252
  }
245
253
 
246
- .#{$sidebar},
247
- .#{$sidebar}__panel,
248
- .#{$sidebar}__content {
249
- &.pf-m-no-background {
250
- background-color: transparent;
251
- }
252
- }
253
-
254
254
  // Responsive width modifiers
255
255
  @each $breakpoint, $breakpoint-value in $pf-v6-c-sidebar--breakpoint-map--width {
256
256
  $breakpoint-name: "";
package/components/_index.css CHANGED
@@ -16694,6 +16694,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16694
16694
  --pf-v6-c-sidebar__panel--Position: static;
16695
16695
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
16696
16696
  }
16697
+ .pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
16698
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
16699
+ }
16697
16700
  .pf-v6-c-sidebar__panel.pf-m-secondary {
16698
16701
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
16699
16702
  }
@@ -16713,7 +16716,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16713
16716
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
16714
16717
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
16715
16718
  }
16716
- .pf-v6-c-sidebar__content.pf-m-no-background {
16719
+ .pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
16717
16720
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
16718
16721
  }
16719
16722
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -16726,12 +16729,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16726
16729
  --pf-v6-c-sidebar__content--Order: -1;
16727
16730
  }
16728
16731
 
16729
- .pf-v6-c-sidebar.pf-m-no-background,
16730
- .pf-v6-c-sidebar__panel.pf-m-no-background,
16731
- .pf-v6-c-sidebar__content.pf-m-no-background {
16732
- background-color: transparent;
16733
- }
16734
-
16735
16732
  .pf-v6-c-sidebar__panel.pf-m-width-default {
16736
16733
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
16737
16734
  }
package/docs/components/Drawer/examples/Drawer.md CHANGED
@@ -1194,7 +1194,7 @@ cssPrefix: pf-v6-c-drawer
1194
1194
  | `.pf-m-no-border` | `.pf-v6-c-drawer__panel` | Modifies the drawer panel border treatment to disable all border treatment. |
1195
1195
  | `.pf-m-padding` | `.pf-v6-c-drawer__body` | Modifies the element to add padding. |
1196
1196
  | `.pf-m-no-padding` | `.pf-v6-c-drawer__body` | Modifies the element to remove padding. |
1197
- | `.pf-m-no-background` | `.pf-v6-c-drawer__section`, `.pf-v6-c-drawer__panel` | Modifies the drawer element background color to transparent. |
1197
+ | `.pf-m-no-background` | `.pf-v6-c-drawer__section`, `.pf-v6-c-drawer__panel` | Modifies the drawer element background color to transparent. **Note:** `.pf-m-no-background` is deprecated, use `.pf-m-plain` instead. |
1198
1198
  | `.pf-m-plain` | `.pf-v6-c-drawer__panel.pf-m-inline`, `.pf-v6-c-drawer__panel.pf-m-static`, `.pf-v6-c-drawer__section` | Applies plain styling. |
1199
1199
  | `.pf-m-no-plain-on-glass` | `.pf-v6-c-drawer__panel.pf-m-inline`, `.pf-v6-c-drawer__panel.pf-m-static`, `.pf-v6-c-drawer__section` | Prevents the elements from automatically applying plain styling when glass theme is enabled. |
1200
1200
  | `.pf-m-primary` | `.pf-v6-c-drawer__content` | Modifies the drawer content to use the primary background color. |
package/docs/components/Sidebar/examples/Sidebar.md CHANGED
@@ -266,5 +266,7 @@ cssPrefix: pf-v6-c-sidebar
266
266
  | `.pf-m-sticky` | `.pf-v6-c-sidebar__panel` | Modifies the panel to be sticky to the top of the layout. |
267
267
  | `.pf-m-static` | `.pf-v6-c-sidebar__panel` | Modifies the panel to be positioned statically. |
268
268
  | `.pf-m-width-{default, 25, 33, 50, 66, 75, 100}{-on-[breakpoint]}` | `.pf-v6-c-sidebar__panel` | Modifies the panel width at optional [breakpoint](/foundations-and-styles/design-tokens/all-design-tokens). **Note:** does not apply when the panel is stacked on top of the content. |
269
- | `.pf-m-no-background` | `.pf-v6-c-sidebar`, `.pf-v6-c-sidebar__panel, .pf-v6-c-sidebar__content` | Modifies the element to have a transparent background. |
269
+ | `.pf-m-no-background` | `.pf-v6-c-sidebar__panel`, `.pf-v6-c-sidebar__content` | Modifies the element to have a transparent background. **Note:** `.pf-m-no-background` is deprecated, use `.pf-m-plain` instead. |
270
+ | `.pf-m-plain` | `.pf-v6-c-sidebar__panel`, `.pf-v6-c-sidebar__content` | Modifies the element to have a transparent background. |
270
271
  | `.pf-m-secondary` | `.pf-v6-c-sidebar__panel, .pf-v6-c-sidebar__content` | Modifies the element to have secondary styling. |
272
+ | `.pf-m-no-plain-on-glass` | `.pf-v6-c-sidebar__panel, .pf-v6-c-sidebar__content` | Prevents the elements from automatically applying plain styling when glass theme is enabled. |
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly",
4
- "version": "6.6.0-prerelease.5",
4
+ "version": "6.6.0-prerelease.6",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -25950,6 +25950,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25950
25950
  --pf-v6-c-sidebar__panel--Position: static;
25951
25951
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
25952
25952
  }
25953
+ .pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
25954
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
25955
+ }
25953
25956
  .pf-v6-c-sidebar__panel.pf-m-secondary {
25954
25957
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
25955
25958
  }
@@ -25969,7 +25972,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25969
25972
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
25970
25973
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
25971
25974
  }
25972
- .pf-v6-c-sidebar__content.pf-m-no-background {
25975
+ .pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
25973
25976
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
25974
25977
  }
25975
25978
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -25982,12 +25985,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25982
25985
  --pf-v6-c-sidebar__content--Order: -1;
25983
25986
  }
25984
25987
 
25985
- .pf-v6-c-sidebar.pf-m-no-background,
25986
- .pf-v6-c-sidebar__panel.pf-m-no-background,
25987
- .pf-v6-c-sidebar__content.pf-m-no-background {
25988
- background-color: transparent;
25989
- }
25990
-
25991
25988
  .pf-v6-c-sidebar__panel.pf-m-width-default {
25992
25989
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
25993
25990
  }
package/patternfly.css CHANGED
@@ -26105,6 +26105,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26105
26105
  --pf-v6-c-sidebar__panel--Position: static;
26106
26106
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
26107
26107
  }
26108
+ .pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
26109
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
26110
+ }
26108
26111
  .pf-v6-c-sidebar__panel.pf-m-secondary {
26109
26112
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
26110
26113
  }
@@ -26124,7 +26127,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26124
26127
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
26125
26128
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
26126
26129
  }
26127
- .pf-v6-c-sidebar__content.pf-m-no-background {
26130
+ .pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
26128
26131
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
26129
26132
  }
26130
26133
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -26137,12 +26140,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26137
26140
  --pf-v6-c-sidebar__content--Order: -1;
26138
26141
  }
26139
26142
 
26140
- .pf-v6-c-sidebar.pf-m-no-background,
26141
- .pf-v6-c-sidebar__panel.pf-m-no-background,
26142
- .pf-v6-c-sidebar__content.pf-m-no-background {
26143
- background-color: transparent;
26144
- }
26145
-
26146
26143
  .pf-v6-c-sidebar__panel.pf-m-width-default {
26147
26144
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
26148
26145
  }