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

package/docs/demos/Table/examples/Table.md

@@ -248,10 +248,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
@@ -1259,10 +1257,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section">
@@ -2366,10 +2362,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section">
@@ -3619,10 +3613,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section">
@@ -4556,10 +4548,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section">
@@ -7442,10 +7432,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section">
@@ -7818,10 +7806,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section">
@@ -8188,10 +8174,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section">
@@ -9213,10 +9197,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section">
@@ -10378,10 +10360,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section">
@@ -11400,10 +11380,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
@@ -12533,10 +12511,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section
@@ -13702,10 +13678,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section pf-m-overflow-scroll">
@@ -14869,10 +14843,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section pf-m-overflow-scroll">
@@ -15998,10 +15970,8 @@ By default, table cell alignment is set to baseline. This retains vertical align
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">

package/docs/demos/Tabs/examples/Tabs.md

@@ -259,10 +259,8 @@ section: components
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
 
@@ -827,10 +825,8 @@ section: components
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-tabs pf-m-limit-width">
@@ -1396,10 +1392,8 @@ section: components
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-tabs pf-m-limit-width">
@@ -1884,10 +1878,8 @@ section: components
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section">
@@ -3131,10 +3123,8 @@ section: components
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section">
@@ -3438,10 +3428,8 @@ section: components
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-tabs pf-m-limit-width">

package/docs/demos/Toolbar/examples/Toolbar.md

@@ -430,10 +430,8 @@ section: components
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section">
@@ -2708,10 +2706,8 @@ section: components
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section">

package/docs/demos/Wizard/examples/Wizard.md

@@ -260,10 +260,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
@@ -864,10 +862,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
@@ -1450,10 +1446,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
@@ -2121,10 +2115,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
@@ -2792,10 +2784,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
@@ -3333,10 +3323,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-wizard">
@@ -3881,10 +3869,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-wizard">
@@ -4411,10 +4397,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-wizard">
@@ -5012,10 +4996,8 @@ wrapperTag: div
       </section>
       <section class="pf-v6-c-page__main-section pf-m-limit-width">
         <div class="pf-v6-c-page__main-body">
-          <div class="pf-v6-c-content">
-            <h1>Main title</h1>
-            <p>This is a full page demo.</p>
-          </div>
+          <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
+          <p class="pf-v6-c-content--p">This is a full page demo.</p>
         </div>
       </section>
       <section class="pf-v6-c-page__main-wizard">

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.2",
+  "version": "6.1.0-prerelease.4",
   "keywords": [],
   "license": "MIT",
   "scripts": {
@@ -47,7 +47,7 @@
     "@commitlint/config-conventional": "^19.1.0",
     "@fortawesome/fontawesome": "^1.1.8",
     "@octokit/rest": "^20.1.0",
-    "@patternfly/documentation-framework": "6.0.6",
+    "@patternfly/documentation-framework": "6.0.8",
     "@patternfly/patternfly-a11y": "5.0.0",
     "@patternfly/react-code-editor": "6.0.0",
     "@patternfly/react-core": "6.0.0",