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

package/components/Button/button.css

@@ -860,6 +860,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   justify-content: flex-start;
   width: 100%;
 }
+.pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
+  min-width: 1lh;
+}
 @media (min-width: 62rem) {
   .pf-v6-c-button.pf-m-docked {
     justify-content: center;

package/components/Button/button.scss

@@ -989,6 +989,10 @@
     justify-content: flex-start;
     width: 100%;
 
+    .#{$button}__icon {
+      min-width: 1lh;
+    }
+
     @media (min-width: $pf-v6-global--breakpoint--dock--desktop) {
       justify-content: center;
 

package/components/MenuToggle/menu-toggle.css

@@ -357,6 +357,9 @@
   justify-content: flex-start;
   width: 100%;
 }
+.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
+  min-width: 1lh;
+}
 @media (min-width: 62rem) {
   .pf-v6-c-menu-toggle.pf-m-docked {
     justify-content: center;

package/components/MenuToggle/menu-toggle.scss

@@ -438,6 +438,10 @@
     justify-content: flex-start;
     width: 100%;
 
+    .#{$menu-toggle}__icon {
+      min-width: 1lh;
+    }
+
     @media (min-width: $pf-v6-global--breakpoint--dock--desktop) {
       justify-content: center;
       width: auto;
@@ -459,7 +463,6 @@
       display: revert;
     }
   }
-
 }
 
 // Register the property type for the custom property to be animatable

package/components/Sidebar/sidebar.css

@@ -168,6 +168,9 @@
   --pf-v6-c-sidebar__panel--Position: static;
   --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
 }
+.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) {
+  --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
+}
 .pf-v6-c-sidebar__panel.pf-m-secondary {
   --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
 }
@@ -187,7 +190,7 @@
   --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
   --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
 }
-.pf-v6-c-sidebar__content.pf-m-no-background {
+.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) {
   --pf-v6-c-sidebar__content--BackgroundColor: transparent;
 }
 .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -200,12 +203,6 @@
   --pf-v6-c-sidebar__content--Order: -1;
 }
 
-.pf-v6-c-sidebar.pf-m-no-background,
-.pf-v6-c-sidebar__panel.pf-m-no-background,
-.pf-v6-c-sidebar__content.pf-m-no-background {
-  background-color: transparent;
-}
-
 .pf-v6-c-sidebar__panel.pf-m-width-default {
   --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
 }

package/components/Sidebar/sidebar.scss

@@ -205,6 +205,12 @@ $pf-v6-c-sidebar__panel--list--width: ("default", 25, 33, 50, 66, 75, 100);
     --#{$sidebar}__panel--InsetBlockStart: auto;
   }
 
+  &.pf-m-no-background,
+  :where(:root:not(.pf-v6-theme-glass)) &.pf-m-plain,
+  :where(:root.pf-v6-theme-glass) &:not(.pf-m-no-plain-on-glass) {
+    --#{$sidebar}__panel--BackgroundColor: transparent;
+  }
+
   &.pf-m-secondary {
     --#{$sidebar}__panel--BackgroundColor: var(--#{$sidebar}__panel--m-secondary--BackgroundColor);
   }
@@ -226,7 +232,9 @@ $pf-v6-c-sidebar__panel--list--width: ("default", 25, 33, 50, 66, 75, 100);
     --#{$sidebar}__content--PaddingInlineStart: var(--#{$sidebar}__content--m-padding--PaddingBlockStart);
   }
 
-  &.pf-m-no-background {
+  &.pf-m-no-background,
+  :where(:root:not(.pf-v6-theme-glass)) &.pf-m-plain,
+  :where(:root.pf-v6-theme-glass) &:not(.pf-m-no-plain-on-glass) {
     --#{$sidebar}__content--BackgroundColor: transparent;
   }
 
@@ -243,14 +251,6 @@ $pf-v6-c-sidebar__panel--list--width: ("default", 25, 33, 50, 66, 75, 100);
   }
 }
 
-.#{$sidebar},
-.#{$sidebar}__panel,
-.#{$sidebar}__content {
-  &.pf-m-no-background {
-    background-color: transparent;
-  }
-}
-
 // Responsive width modifiers
 @each $breakpoint, $breakpoint-value in $pf-v6-c-sidebar--breakpoint-map--width {
   $breakpoint-name: "";

package/components/_index.css

@@ -2483,6 +2483,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   justify-content: flex-start;
   width: 100%;
 }
+.pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
+  min-width: 1lh;
+}
 @media (min-width: 62rem) {
   .pf-v6-c-button.pf-m-docked {
     justify-content: center;
@@ -12303,6 +12306,9 @@ ul.pf-v6-c-list {
   justify-content: flex-start;
   width: 100%;
 }
+.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
+  min-width: 1lh;
+}
 @media (min-width: 62rem) {
   .pf-v6-c-menu-toggle.pf-m-docked {
     justify-content: center;
@@ -16688,6 +16694,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-sidebar__panel--Position: static;
   --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
 }
+.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) {
+  --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
+}
 .pf-v6-c-sidebar__panel.pf-m-secondary {
   --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
 }
@@ -16707,7 +16716,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
   --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
 }
-.pf-v6-c-sidebar__content.pf-m-no-background {
+.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) {
   --pf-v6-c-sidebar__content--BackgroundColor: transparent;
 }
 .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -16720,12 +16729,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-sidebar__content--Order: -1;
 }
 
-.pf-v6-c-sidebar.pf-m-no-background,
-.pf-v6-c-sidebar__panel.pf-m-no-background,
-.pf-v6-c-sidebar__content.pf-m-no-background {
-  background-color: transparent;
-}
-
 .pf-v6-c-sidebar__panel.pf-m-width-default {
   --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
 }

package/docs/components/Drawer/examples/Drawer.md

@@ -1194,7 +1194,7 @@ cssPrefix: pf-v6-c-drawer
 | `.pf-m-no-border` | `.pf-v6-c-drawer__panel` | Modifies the drawer panel border treatment to disable all border treatment. |
 | `.pf-m-padding` | `.pf-v6-c-drawer__body` | Modifies the element to add padding. |
 | `.pf-m-no-padding` | `.pf-v6-c-drawer__body` | Modifies the element to remove padding. |
-| `.pf-m-no-background` | `.pf-v6-c-drawer__section`, `.pf-v6-c-drawer__panel` | Modifies the drawer element background color to transparent. |
+| `.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. |
 | `.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. |
 | `.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. |
 | `.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

@@ -266,5 +266,7 @@ cssPrefix: pf-v6-c-sidebar
 | `.pf-m-sticky` | `.pf-v6-c-sidebar__panel` | Modifies the panel to be sticky to the top of the layout. |
 | `.pf-m-static` | `.pf-v6-c-sidebar__panel` | Modifies the panel to be positioned statically. |
 | `.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. |
-| `.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. |
+| `.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. |
+| `.pf-m-plain` | `.pf-v6-c-sidebar__panel`, `.pf-v6-c-sidebar__content` | Modifies the element to have a transparent background. |
 | `.pf-m-secondary` | `.pf-v6-c-sidebar__panel, .pf-v6-c-sidebar__content` | Modifies the element to have secondary styling. |
+| `.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

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly",
-  "version": "6.6.0-prerelease.4",
+  "version": "6.6.0-prerelease.6",
   "keywords": [],
   "license": "MIT",
   "scripts": {

package/patternfly-no-globals.css

@@ -11739,6 +11739,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   justify-content: flex-start;
   width: 100%;
 }
+.pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
+  min-width: 1lh;
+}
 @media (min-width: 62rem) {
   .pf-v6-c-button.pf-m-docked {
     justify-content: center;
@@ -21559,6 +21562,9 @@ ul.pf-v6-c-list {
   justify-content: flex-start;
   width: 100%;
 }
+.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
+  min-width: 1lh;
+}
 @media (min-width: 62rem) {
   .pf-v6-c-menu-toggle.pf-m-docked {
     justify-content: center;
@@ -25944,6 +25950,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-sidebar__panel--Position: static;
   --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
 }
+.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) {
+  --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
+}
 .pf-v6-c-sidebar__panel.pf-m-secondary {
   --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
 }
@@ -25963,7 +25972,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
   --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
 }
-.pf-v6-c-sidebar__content.pf-m-no-background {
+.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) {
   --pf-v6-c-sidebar__content--BackgroundColor: transparent;
 }
 .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -25976,12 +25985,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-sidebar__content--Order: -1;
 }
 
-.pf-v6-c-sidebar.pf-m-no-background,
-.pf-v6-c-sidebar__panel.pf-m-no-background,
-.pf-v6-c-sidebar__content.pf-m-no-background {
-  background-color: transparent;
-}
-
 .pf-v6-c-sidebar__panel.pf-m-width-default {
   --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
 }

package/patternfly.css

@@ -11894,6 +11894,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   justify-content: flex-start;
   width: 100%;
 }
+.pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
+  min-width: 1lh;
+}
 @media (min-width: 62rem) {
   .pf-v6-c-button.pf-m-docked {
     justify-content: center;
@@ -21714,6 +21717,9 @@ ul.pf-v6-c-list {
   justify-content: flex-start;
   width: 100%;
 }
+.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
+  min-width: 1lh;
+}
 @media (min-width: 62rem) {
   .pf-v6-c-menu-toggle.pf-m-docked {
     justify-content: center;
@@ -26099,6 +26105,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-sidebar__panel--Position: static;
   --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
 }
+.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) {
+  --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
+}
 .pf-v6-c-sidebar__panel.pf-m-secondary {
   --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
 }
@@ -26118,7 +26127,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
   --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
 }
-.pf-v6-c-sidebar__content.pf-m-no-background {
+.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) {
   --pf-v6-c-sidebar__content--BackgroundColor: transparent;
 }
 .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -26131,12 +26140,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-sidebar__content--Order: -1;
 }
 
-.pf-v6-c-sidebar.pf-m-no-background,
-.pf-v6-c-sidebar__panel.pf-m-no-background,
-.pf-v6-c-sidebar__content.pf-m-no-background {
-  background-color: transparent;
-}
-
 .pf-v6-c-sidebar__panel.pf-m-width-default {
   --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
 }