@patternfly/patternfly 6.1.0-prerelease.3 → 6.1.0-prerelease.4

package/docs/layouts/Level/examples/Level.css

@@ -3,8 +3,7 @@
   flex-wrap: wrap;
   min-height: 160px;
 }
-.ws-core-l-level .pf-v6-l-level__item,
-.ws-core-l-level .pf-v6-l-level {
+.ws-core-l-level :is(.pf-v6-l-level, .pf-v6-l-level__item, .pf-v6-l-level > *) {
   padding: var(--pf-t--global--spacer--sm);
   border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
 }

package/docs/layouts/Level/examples/Level.md

@@ -10,7 +10,11 @@ cssPrefix: pf-v6-l-level
 
 ```html
 <div class="pf-v6-l-level">
-  <div class="pf-v6-l-level__item">content</div>
+  <div class="pf-v6-l-level__item">
+    content
+    <br />content
+    <br />content
+  </div>
   <div class="pf-v6-l-level__item">content</div>
 </div>
 
@@ -21,7 +25,11 @@ cssPrefix: pf-v6-l-level
 ```html
 <div class="pf-v6-l-level">
   <div class="pf-v6-l-level__item">content</div>
-  <div class="pf-v6-l-level__item">content</div>
+  <div class="pf-v6-l-level__item">
+    content
+    <br />content
+    <br />content
+  </div>
   <div class="pf-v6-l-level__item">content</div>
 </div>
 
@@ -33,7 +41,11 @@ cssPrefix: pf-v6-l-level
 <div class="pf-v6-l-level pf-m-gutter">
   <div class="pf-v6-l-level__item">content with gutter</div>
   <div class="pf-v6-l-level__item">content with gutter</div>
-  <div class="pf-v6-l-level__item">content with gutter</div>
+  <div class="pf-v6-l-level__item">
+    content
+    <br />content
+    <br />content
+  </div>
 </div>
 
 ```

package/docs/layouts/Split/examples/Split.css

@@ -1,5 +1,4 @@
-.ws-core-l-split .pf-v6-l-split,
-.ws-core-l-split .pf-v6-l-split__item {
+.ws-core-l-split :is(.pf-v6-l-split, .pf-v6-l-split__item, .pf-v6-l-split > *) {
   padding: var(--pf-t--global--spacer--sm);
   border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
 }

package/docs/layouts/Split/examples/Split.md

@@ -54,14 +54,14 @@ cssPrefix: pf-v6-l-split
 
 ### Overview
 
-The split layout is designed to position items horizontally, with one item filling the available horizontal space.
+The split layout is designed to position items horizontally.
 
 ### Usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v6-l-split` | `<div>`, `<section>`, or `<article>` | Initiates the split layout. |
-| `.pf-v6-l-split__item` | `<div>` | Initiates a split item. **Required** |
+| `.pf-v6-l-split` | `*` | Initiates the split layout. |
+| `.pf-v6-l-split__item` | `*` | Initiates a split item. |
 | `.pf-m-gutter` | `.pf-v6-l-split` | Adds space between children by using the globally defined gutter value. |
 | `.pf-m-wrap` | `.pf-v6-l-split` | Sets the split layout to wrap. |
-| `.pf-m-fill` | `.pf-v6-l-split__item` | Specifies which item(s) should fill the avaiable horizontal space. |
+| `.pf-m-fill` | `.pf-v6-l-split > *`, `.pf-v6-l-split__item` | Specifies which item(s) should fill the avaiable horizontal space. |

package/docs/layouts/Stack/examples/Stack.css

@@ -1,5 +1,4 @@
-.ws-core-l-stack .pf-v6-l-stack,
-.ws-core-l-stack .pf-v6-l-stack__item {
+.ws-core-l-stack :is(.pf-v6-l-stack, .pf-v6-l-stack__item, .pf-v6-l-stack > *) {
   padding: var(--pf-t--global--spacer--sm);
   border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
 }

package/docs/layouts/Stack/examples/Stack.md

@@ -32,13 +32,13 @@ cssPrefix: pf-v6-l-stack
 
 ### Overview
 
-The stack layout is designed to position items vertically, with one item filling the available vertical space.
+The stack layout is designed to position items vertically.
 
 ### Usage
 
 | Class | Applied to | Outcome |
 | -- | -- | -- |
-| `.pf-v6-l-stack` | `<div>`, `<section>`, or `<article>` | Initiates the stack layout. |
-| `.pf-v6-l-stack__item` | `<div>` | Initiates a stack item. **Required**  |
+| `.pf-v6-l-stack` | `*` | Initiates the stack layout.  |
+| `.pf-v6-l-stack__item` | `*` | Initiates a stack item.  |
 | `.pf-m-gutter` | `.pf-v6-l-stack` | Adds space between children by using the globally defined gutter value. |
-| `.pf-m-fill` | `.pf-v6-l-stack__item` | Specifies which item(s) should fill the avaiable vertical space. |
+| `.pf-m-fill` | `.pf-v6-l-stack > *`, `.pf-v6-l-stack__item` | Specifies which item(s) should fill the avaiable vertical space. |

package/layouts/Split/split.css

@@ -10,8 +10,7 @@
 .pf-v6-l-split.pf-m-wrap {
   flex-wrap: wrap;
 }
-
-.pf-v6-l-split__item.pf-m-fill {
+.pf-v6-l-split__item.pf-m-fill, .pf-v6-l-split > .pf-m-fill {
   flex-grow: 1;
 }
 

package/layouts/Split/split.scss

@@ -12,10 +12,11 @@
   &.pf-m-wrap {
     flex-wrap: wrap; // make default in a breaking change release
   }
-}
 
-.#{$split}__item.pf-m-fill {
-  flex-grow: 1;
+  @at-root .#{$split}__item.pf-m-fill,
+  & > .pf-m-fill {
+    flex-grow: 1;
+  }
 }
 
 .#{$split}.pf-m-gutter {

package/layouts/Stack/stack.css

@@ -7,8 +7,7 @@
   flex-direction: column;
   height: 100%;
 }
-
-.pf-v6-l-stack__item.pf-m-fill {
+.pf-v6-l-stack__item.pf-m-fill, .pf-v6-l-stack > .pf-m-fill {
   flex-grow: 1;
 }
 

package/layouts/Stack/stack.scss

@@ -8,10 +8,11 @@
   display: flex;
   flex-direction: column;
   height: 100%;
-}
 
-.#{$stack}__item.pf-m-fill {
-  flex-grow: 1;
+  @at-root .#{$stack}__item.pf-m-fill,
+  & > .pf-m-fill {
+    flex-grow: 1;
+  }
 }
 
 .#{$stack}.pf-m-gutter {

package/layouts/_index.css

@@ -3426,8 +3426,7 @@
 .pf-v6-l-split.pf-m-wrap {
   flex-wrap: wrap;
 }
-
-.pf-v6-l-split__item.pf-m-fill {
+.pf-v6-l-split__item.pf-m-fill, .pf-v6-l-split > .pf-m-fill {
   flex-grow: 1;
 }
 
@@ -3444,8 +3443,7 @@
   flex-direction: column;
   height: 100%;
 }
-
-.pf-v6-l-stack__item.pf-m-fill {
+.pf-v6-l-stack__item.pf-m-fill, .pf-v6-l-stack > .pf-m-fill {
   flex-grow: 1;
 }
 

package/package.json

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

package/patternfly-no-globals.css

@@ -33242,8 +33242,7 @@ label.pf-v6-c-tree-view__node-text {
 .pf-v6-l-split.pf-m-wrap {
   flex-wrap: wrap;
 }
-
-.pf-v6-l-split__item.pf-m-fill {
+.pf-v6-l-split__item.pf-m-fill, .pf-v6-l-split > .pf-m-fill {
   flex-grow: 1;
 }
 
@@ -33260,8 +33259,7 @@ label.pf-v6-c-tree-view__node-text {
   flex-direction: column;
   height: 100%;
 }
-
-.pf-v6-l-stack__item.pf-m-fill {
+.pf-v6-l-stack__item.pf-m-fill, .pf-v6-l-stack > .pf-m-fill {
   flex-grow: 1;
 }
 

package/patternfly.css

@@ -33378,8 +33378,7 @@ label.pf-v6-c-tree-view__node-text {
 .pf-v6-l-split.pf-m-wrap {
   flex-wrap: wrap;
 }
-
-.pf-v6-l-split__item.pf-m-fill {
+.pf-v6-l-split__item.pf-m-fill, .pf-v6-l-split > .pf-m-fill {
   flex-grow: 1;
 }
 
@@ -33396,8 +33395,7 @@ label.pf-v6-c-tree-view__node-text {
   flex-direction: column;
   height: 100%;
 }
-
-.pf-v6-l-stack__item.pf-m-fill {
+.pf-v6-l-stack__item.pf-m-fill, .pf-v6-l-stack > .pf-m-fill {
   flex-grow: 1;
 }