@patternfly/patternfly 6.0.0-alpha.120 → 6.0.0-alpha.122

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

@@ -426,7 +426,7 @@ cssPrefix: pf-v6-c-drawer
       <div class="pf-v6-c-drawer__body">Drawer panel body content</div>
       <div
         class="pf-v6-c-drawer__body pf-m-paddinng"
-        style="--pf-v6-c-drawer__panel__body--PaddingLeft: 48px;"
+        style="--pf-v6-c-drawer__panel__body--PaddingInlineStart: 48px;"
       >Drawer panel body content with modified inline start padding</div>
     </div>
   </div>

package/docs/components/Slider/examples/Slider.md

@@ -15,59 +15,59 @@ cssPrefix: pf-v6-c-slider
     <div class="pf-v6-c-slider__steps" aria-hidden="true">
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 0%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 0%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">0</div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 12.5%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 12.5%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 25%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 25%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">2</div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 37.5%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 37.5%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 50%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 50%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">4</div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 62.5%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 62.5%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
       </div>
       <div
         class="pf-v6-c-slider__step"
-        style="--pf-v6-c-slider__step--Left: 75%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 75%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">6</div>
       </div>
       <div
         class="pf-v6-c-slider__step"
-        style="--pf-v6-c-slider__step--Left: 87.5%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 87.5%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
       </div>
       <div
         class="pf-v6-c-slider__step"
-        style="--pf-v6-c-slider__step--Left: 100%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 100%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">8</div>
@@ -115,14 +115,14 @@ cssPrefix: pf-v6-c-slider
     <div class="pf-v6-c-slider__steps" aria-hidden="true">
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 0%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 0%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">0%</div>
       </div>
       <div
         class="pf-v6-c-slider__step"
-        style="--pf-v6-c-slider__step--Left: 100%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 100%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">100%</div>
@@ -156,59 +156,59 @@ cssPrefix: pf-v6-c-slider
     <div class="pf-v6-c-slider__steps" aria-hidden="true">
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 0%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 0%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">0</div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 12.5%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 12.5%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 25%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 25%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">2</div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 37.5%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 37.5%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 50%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 50%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">4</div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 62.5%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 62.5%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
       </div>
       <div
         class="pf-v6-c-slider__step"
-        style="--pf-v6-c-slider__step--Left: 75%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 75%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">6</div>
       </div>
       <div
         class="pf-v6-c-slider__step"
-        style="--pf-v6-c-slider__step--Left: 87.5%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 87.5%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
       </div>
       <div
         class="pf-v6-c-slider__step"
-        style="--pf-v6-c-slider__step--Left: 100%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 100%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">8</div>
@@ -241,33 +241,33 @@ cssPrefix: pf-v6-c-slider
     <div class="pf-v6-c-slider__steps" aria-hidden="true">
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 0%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 0%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">0%</div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 25%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 25%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 50%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 50%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">50%</div>
       </div>
       <div
         class="pf-v6-c-slider__step"
-        style="--pf-v6-c-slider__step--Left: 75%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 75%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
       </div>
       <div
         class="pf-v6-c-slider__step"
-        style="--pf-v6-c-slider__step--Left: 100%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 100%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">100%</div>
@@ -489,59 +489,59 @@ cssPrefix: pf-v6-c-slider
     <div class="pf-v6-c-slider__steps" aria-hidden="true">
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 0%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 0%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">0</div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 12.5%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 12.5%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 25%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 25%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">2</div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 37.5%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 37.5%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 50%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 50%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">4</div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 62.5%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 62.5%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
       </div>
       <div
         class="pf-v6-c-slider__step"
-        style="--pf-v6-c-slider__step--Left: 75%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 75%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">6</div>
       </div>
       <div
         class="pf-v6-c-slider__step"
-        style="--pf-v6-c-slider__step--Left: 87.5%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 87.5%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
       </div>
       <div
         class="pf-v6-c-slider__step"
-        style="--pf-v6-c-slider__step--Left: 100%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 100%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">8</div>
@@ -570,33 +570,33 @@ cssPrefix: pf-v6-c-slider
     <div class="pf-v6-c-slider__steps" aria-hidden="true">
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 0%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 0%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">0%</div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 25%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 25%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
       </div>
       <div
         class="pf-v6-c-slider__step pf-m-active"
-        style="--pf-v6-c-slider__step--Left: 50%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 50%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">50%</div>
       </div>
       <div
         class="pf-v6-c-slider__step"
-        style="--pf-v6-c-slider__step--Left: 75%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 75%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
       </div>
       <div
         class="pf-v6-c-slider__step"
-        style="--pf-v6-c-slider__step--Left: 100%;"
+        style="--pf-v6-c-slider__step--InsetInlineStart: 100%;"
       >
         <div class="pf-v6-c-slider__step-tick"></div>
         <div class="pf-v6-c-slider__step-label">100%</div>

package/docs/components/Table/examples/Table.md

@@ -16095,7 +16095,7 @@ There are a few ways this can be handled:
           aria-sort="none"
           data-label="Example th"
           scope="col"
-          style="--pf-v6-c-table__sticky-cell--MinWidth: 120px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+          style="--pf-v6-c-table__sticky-cell--MinWidth: 120px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
         >
           <button class="pf-v6-c-table__button">
             <span class="pf-v6-c-table__button-content">
@@ -16173,7 +16173,7 @@ There are a few ways this can be handled:
           role="columnheader"
           data-label="Example th"
           scope="col"
-          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
         >State 1</th>
 
         <td
@@ -16227,7 +16227,7 @@ There are a few ways this can be handled:
           role="columnheader"
           data-label="Example th"
           scope="col"
-          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
         >State 2</th>
 
         <td
@@ -16281,7 +16281,7 @@ There are a few ways this can be handled:
           role="columnheader"
           data-label="Example th"
           scope="col"
-          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
         >State 3</th>
 
         <td
@@ -16335,7 +16335,7 @@ There are a few ways this can be handled:
           role="columnheader"
           data-label="Example th"
           scope="col"
-          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
         >State 4</th>
 
         <td
@@ -16389,7 +16389,7 @@ There are a few ways this can be handled:
           role="columnheader"
           data-label="Example th"
           scope="col"
-          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
         >State 5</th>
 
         <td
@@ -16443,7 +16443,7 @@ There are a few ways this can be handled:
           role="columnheader"
           data-label="Example th"
           scope="col"
-          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
         >State 6</th>
 
         <td
@@ -16497,7 +16497,7 @@ There are a few ways this can be handled:
           role="columnheader"
           data-label="Example th"
           scope="col"
-          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
         >State 7</th>
 
         <td
@@ -16551,7 +16551,7 @@ There are a few ways this can be handled:
           role="columnheader"
           data-label="Example th"
           scope="col"
-          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
         >State 8</th>
 
         <td
@@ -16605,7 +16605,7 @@ There are a few ways this can be handled:
           role="columnheader"
           data-label="Example th"
           scope="col"
-          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+          style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
         >State 9</th>
 
         <td
@@ -16688,7 +16688,7 @@ There are a few ways this can be handled:
             aria-sort="none"
             data-label="Example th"
             scope="col"
-            style="--pf-v6-c-table__sticky-cell--MinWidth: 120px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+            style="--pf-v6-c-table__sticky-cell--MinWidth: 120px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
           >
             <button class="pf-v6-c-table__button">
               <span class="pf-v6-c-table__button-content">
@@ -16766,7 +16766,7 @@ There are a few ways this can be handled:
             role="columnheader"
             data-label="Example th"
             scope="col"
-            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
           >State 1</th>
 
           <td
@@ -16820,7 +16820,7 @@ There are a few ways this can be handled:
             role="columnheader"
             data-label="Example th"
             scope="col"
-            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
           >State 2</th>
 
           <td
@@ -16874,7 +16874,7 @@ There are a few ways this can be handled:
             role="columnheader"
             data-label="Example th"
             scope="col"
-            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
           >State 3</th>
 
           <td
@@ -16928,7 +16928,7 @@ There are a few ways this can be handled:
             role="columnheader"
             data-label="Example th"
             scope="col"
-            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
           >State 4</th>
 
           <td
@@ -16982,7 +16982,7 @@ There are a few ways this can be handled:
             role="columnheader"
             data-label="Example th"
             scope="col"
-            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
           >State 5</th>
 
           <td
@@ -17036,7 +17036,7 @@ There are a few ways this can be handled:
             role="columnheader"
             data-label="Example th"
             scope="col"
-            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
           >State 6</th>
 
           <td
@@ -17090,7 +17090,7 @@ There are a few ways this can be handled:
             role="columnheader"
             data-label="Example th"
             scope="col"
-            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
           >State 7</th>
 
           <td
@@ -17144,7 +17144,7 @@ There are a few ways this can be handled:
             role="columnheader"
             data-label="Example th"
             scope="col"
-            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
           >State 8</th>
 
           <td
@@ -17198,7 +17198,7 @@ There are a few ways this can be handled:
             role="columnheader"
             data-label="Example th"
             scope="col"
-            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--Left: 100px;"
+            style="--pf-v6-c-table__sticky-cell--MinWidth: 80px; --pf-v6-c-table__sticky-cell--InsetInlineStart: 100px;"
           >State 9</th>
 
           <td

package/docs/demos/Card/examples/Card.css

@@ -16,9 +16,9 @@
 }
 
 #ws-html-demos-c-card-status-card-expanded-with-popover .pf-v6-c-table {
-  --pf-v6-c-table__expandable-row--after--BorderLeftWidth: 0;
+  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
   --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
-  --pf-v6-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-v6-global--spacer--sm);
+  --pf-v6-c-table--m-compact--cell--first-last-child--PaddingInlineStart: var(--pf-v6-global--spacer--sm);
 }
 
 .ws-chart {

package/docs/demos/PasswordStrength/examples/PasswordStrength.md

@@ -13,17 +13,7 @@ section: components
           class="pf-v6-c-form__label"
           for="password-strength-demo--initial-password"
         >
-          <span class="pf-v6-c-form__label-text">Password</span>&nbsp;<span class="pf-v6-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span class="pf-v6-c-form__group-label-help">
-          <span
-            class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-            type="button"
-            role="button"
-            tabindex="0"
-            aria-label="More information for password field"
-            aria-describedby="password-strength-demo--initial-password"
-          >
-            <i class="fas fa-question-circle" aria-hidden="true"></i>
-          </span></span>
+          <span class="pf-v6-c-form__label-text">Password</span>&nbsp;<span class="pf-v6-c-form__label-required" aria-hidden="true">&#42;</span></label>
       </div>
       <div class="pf-v6-c-form__group-label-info"></div>
     </div>
@@ -102,17 +92,7 @@ section: components
           class="pf-v6-c-form__label"
           for="password-strength-demo--invalid-password"
         >
-          <span class="pf-v6-c-form__label-text">Password</span>&nbsp;<span class="pf-v6-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span class="pf-v6-c-form__group-label-help">
-          <span
-            class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-            type="button"
-            role="button"
-            tabindex="0"
-            aria-label="More information for password field"
-            aria-describedby="password-strength-demo--invalid-password"
-          >
-            <i class="fas fa-question-circle" aria-hidden="true"></i>
-          </span></span>
+          <span class="pf-v6-c-form__label-text">Password</span>&nbsp;<span class="pf-v6-c-form__label-required" aria-hidden="true">&#42;</span></label>
       </div>
       <div class="pf-v6-c-form__group-label-info"></div>
     </div>
@@ -185,17 +165,7 @@ section: components
           class="pf-v6-c-form__label"
           for="password-strength-demo--weak-password"
         >
-          <span class="pf-v6-c-form__label-text">Password</span>&nbsp;<span class="pf-v6-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span class="pf-v6-c-form__group-label-help">
-          <span
-            class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-            type="button"
-            role="button"
-            tabindex="0"
-            aria-label="More information for password field"
-            aria-describedby="password-strength-demo--weak-password"
-          >
-            <i class="fas fa-question-circle" aria-hidden="true"></i>
-          </span></span>
+          <span class="pf-v6-c-form__label-text">Password</span>&nbsp;<span class="pf-v6-c-form__label-required" aria-hidden="true">&#42;</span></label>
       </div>
       <div class="pf-v6-c-form__group-label-info">
         <div class="pf-v6-c-helper-text">
@@ -277,17 +247,7 @@ section: components
           class="pf-v6-c-form__label"
           for="password-strength-demo--strong-password"
         >
-          <span class="pf-v6-c-form__label-text">Password</span>&nbsp;<span class="pf-v6-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span class="pf-v6-c-form__group-label-help">
-          <span
-            class="pf-v6-c-button pf-m-no-padding pf-m-plain"
-            type="button"
-            role="button"
-            tabindex="0"
-            aria-label="More information for password field"
-            aria-describedby="password-strength-demo--strong-password"
-          >
-            <i class="fas fa-question-circle" aria-hidden="true"></i>
-          </span></span>
+          <span class="pf-v6-c-form__label-text">Password</span>&nbsp;<span class="pf-v6-c-form__label-required" aria-hidden="true">&#42;</span></label>
       </div>
       <div class="pf-v6-c-form__group-label-info">
         <div class="pf-v6-c-helper-text">