@patternfly/patternfly 6.0.0-alpha.98 → 6.0.0-alpha.99

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

@@ -148,19 +148,7 @@ section: components
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-th" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -172,19 +160,7 @@ section: components
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-cog" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -196,19 +172,7 @@ section: components
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-question-circle" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -221,19 +185,7 @@ section: components
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -769,19 +721,7 @@ section: components
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-th" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -793,19 +733,7 @@ section: components
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-cog" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -817,19 +745,7 @@ section: components
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-question-circle" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -842,19 +758,7 @@ section: components
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -1395,19 +1299,7 @@ section: components
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-th" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1419,19 +1311,7 @@ section: components
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-cog" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1443,19 +1323,7 @@ section: components
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-question-circle" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1468,19 +1336,7 @@ section: components
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -1925,19 +1781,7 @@ section: components
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-th" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1949,19 +1793,7 @@ section: components
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-cog" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1973,19 +1805,7 @@ section: components
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-question-circle" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -1998,19 +1818,7 @@ section: components
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -2119,19 +1927,7 @@ section: components
                   aria-controls="table-tabs-example-tabs-toolbar-expandable-content"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-filter" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -2335,40 +2131,51 @@ section: components
                       class="pf-v6-c-table__td pf-v6-c-table__check"
                       role="cell"
                     >
-                      <div class="pf-v6-c-check pf-m-standalone">
+                      <label
+                        class="pf-v6-c-check pf-m-standalone"
+                        id="table-tabs-example-tablecheckrowcheck"
+                        for="table-tabs-example-tablecheckrowcheck-input"
+                      >
                         <input
                           class="pf-v6-c-check__input"
                           type="checkbox"
-                          name="check-all"
-                          aria-label="Select all rows"
+                          id="table-tabs-example-tablecheckrowcheck-input"
+                          name="table-tabs-example-tablecheckrowcheck-input"
+                          aria-label="Standalone check"
                         />
-                      </div>
+                      </label>
                     </td>
+
                     <th
                       class="pf-v6-c-table__th"
                       role="columnheader"
                       scope="col"
                     >Repositories</th>
+
                     <th
                       class="pf-v6-c-table__th"
                       role="columnheader"
                       scope="col"
                     >Branches</th>
+
                     <th
                       class="pf-v6-c-table__th"
                       role="columnheader"
                       scope="col"
                     >Pull requests</th>
+
                     <th
                       class="pf-v6-c-table__th"
                       role="columnheader"
                       scope="col"
                     >Workspaces</th>
+
                     <th
                       class="pf-v6-c-table__th"
                       role="columnheader"
                       scope="col"
                     >Last commit</th>
+
                     <td class="pf-v6-c-table__td"></td>
                   </tr>
                 </thead>
@@ -2379,15 +2186,21 @@ section: components
                       class="pf-v6-c-table__td pf-v6-c-table__check"
                       role="cell"
                     >
-                      <div class="pf-v6-c-check pf-m-standalone">
+                      <label
+                        class="pf-v6-c-check pf-m-standalone"
+                        id="table-tabs-example-tablecheckrow1check"
+                        for="table-tabs-example-tablecheckrow1check-input"
+                      >
                         <input
                           class="pf-v6-c-check__input"
                           type="checkbox"
-                          name="checkrow1"
-                          aria-labelledby="table-tabs-example-table-node1"
+                          id="table-tabs-example-tablecheckrow1check-input"
+                          name="table-tabs-example-tablecheckrow1check-input"
+                          aria-label="Standalone check"
                         />
-                      </div>
+                      </label>
                     </td>
+
                     <th
                       class="pf-v6-c-table__th"
                       role="columnheader"
@@ -2398,6 +2211,7 @@ section: components
                         <a href="#">siemur/test-space</a>
                       </div>
                     </th>
+
                     <td
                       class="pf-v6-c-table__td"
                       role="cell"
@@ -2439,41 +2253,21 @@ section: components
                       role="cell"
                       data-label="Last commit"
                     >2 days ago</td>
+
                     <td
                       class="pf-v6-c-table__td pf-v6-c-table__action"
                       role="cell"
                     >
-                      <div
-                        class="pf-v6-c-overflow-menu"
-                        id="table-tabs-example-table-dropdown-kebab-1"
+                      <button
+                        class="pf-v6-c-menu-toggle pf-m-plain"
+                        type="button"
+                        aria-expanded="false"
+                        aria-label="Table actions"
                       >
-                        <div class="pf-v6-c-overflow-menu__control">
-                          <div class="pf-v6-c-dropdown">
-                            <button
-                              class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
-                              type="button"
-                              id="table-tabs-example-table-dropdown-kebab-1-dropdown-toggle"
-                              aria-label="Dropdown for tabs table"
-                              aria-expanded="false"
-                            >
-                              <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
-                            </button>
-                            <ul
-                              class="pf-v6-c-dropdown__menu pf-m-align-right"
-                              role="menu"
-                              aria-labelledby="table-tabs-example-table-dropdown-kebab-1-dropdown-toggle"
-                              hidden
-                            >
-                              <li role="none">
-                                <button
-                                  role="menuitem"
-                                  class="pf-v6-c-dropdown__menu-item"
-                                >Action Link</button>
-                              </li>
-                            </ul>
-                          </div>
-                        </div>
-                      </div>
+                        <span class="pf-v6-c-menu-toggle__icon">
+                          <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+                        </span>
+                      </button>
                     </td>
                   </tr>
 
@@ -2482,15 +2276,21 @@ section: components
                       class="pf-v6-c-table__td pf-v6-c-table__check"
                       role="cell"
                     >
-                      <div class="pf-v6-c-check pf-m-standalone">
+                      <label
+                        class="pf-v6-c-check pf-m-standalone"
+                        id="table-tabs-example-tablecheckrow2check"
+                        for="table-tabs-example-tablecheckrow2check-input"
+                      >
                         <input
                           class="pf-v6-c-check__input"
                           type="checkbox"
-                          name="checkrow2"
-                          aria-labelledby="table-tabs-example-table-node2"
+                          id="table-tabs-example-tablecheckrow2check-input"
+                          name="table-tabs-example-tablecheckrow2check-input"
+                          aria-label="Standalone check"
                         />
-                      </div>
+                      </label>
                     </td>
+
                     <th
                       class="pf-v6-c-table__th"
                       role="columnheader"
@@ -2501,6 +2301,7 @@ section: components
                         <a href="#">siemur/test-space</a>
                       </div>
                     </th>
+
                     <td
                       class="pf-v6-c-table__td"
                       role="cell"
@@ -2542,41 +2343,21 @@ section: components
                       role="cell"
                       data-label="Last commit"
                     >2 days ago</td>
+
                     <td
                       class="pf-v6-c-table__td pf-v6-c-table__action"
                       role="cell"
                     >
-                      <div
-                        class="pf-v6-c-overflow-menu"
-                        id="table-tabs-example-table-dropdown-kebab-2"
+                      <button
+                        class="pf-v6-c-menu-toggle pf-m-plain"
+                        type="button"
+                        aria-expanded="false"
+                        aria-label="Table actions"
                       >
-                        <div class="pf-v6-c-overflow-menu__control">
-                          <div class="pf-v6-c-dropdown">
-                            <button
-                              class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
-                              type="button"
-                              id="table-tabs-example-table-dropdown-kebab-2-dropdown-toggle"
-                              aria-label="Dropdown for tabs table"
-                              aria-expanded="false"
-                            >
-                              <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
-                            </button>
-                            <ul
-                              class="pf-v6-c-dropdown__menu pf-m-align-right"
-                              role="menu"
-                              aria-labelledby="table-tabs-example-table-dropdown-kebab-2-dropdown-toggle"
-                              hidden
-                            >
-                              <li role="none">
-                                <button
-                                  role="menuitem"
-                                  class="pf-v6-c-dropdown__menu-item"
-                                >Action Link</button>
-                              </li>
-                            </ul>
-                          </div>
-                        </div>
-                      </div>
+                        <span class="pf-v6-c-menu-toggle__icon">
+                          <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+                        </span>
+                      </button>
                     </td>
                   </tr>
 
@@ -2585,15 +2366,21 @@ section: components
                       class="pf-v6-c-table__td pf-v6-c-table__check"
                       role="cell"
                     >
-                      <div class="pf-v6-c-check pf-m-standalone">
+                      <label
+                        class="pf-v6-c-check pf-m-standalone"
+                        id="table-tabs-example-tablecheckrow3check"
+                        for="table-tabs-example-tablecheckrow3check-input"
+                      >
                         <input
                           class="pf-v6-c-check__input"
                           type="checkbox"
-                          name="checkrow3"
-                          aria-labelledby="table-tabs-example-table-node3"
+                          id="table-tabs-example-tablecheckrow3check-input"
+                          name="table-tabs-example-tablecheckrow3check-input"
+                          aria-label="Standalone check"
                         />
-                      </div>
+                      </label>
                     </td>
+
                     <th
                       class="pf-v6-c-table__th"
                       role="columnheader"
@@ -2604,6 +2391,7 @@ section: components
                         <a href="#">siemur/test-space</a>
                       </div>
                     </th>
+
                     <td
                       class="pf-v6-c-table__td"
                       role="cell"
@@ -2645,41 +2433,21 @@ section: components
                       role="cell"
                       data-label="Last commit"
                     >30 days ago</td>
+
                     <td
                       class="pf-v6-c-table__td pf-v6-c-table__action"
                       role="cell"
                     >
-                      <div
-                        class="pf-v6-c-overflow-menu"
-                        id="table-tabs-example-table-dropdown-kebab-3"
+                      <button
+                        class="pf-v6-c-menu-toggle pf-m-plain"
+                        type="button"
+                        aria-expanded="false"
+                        aria-label="Table actions"
                       >
-                        <div class="pf-v6-c-overflow-menu__control">
-                          <div class="pf-v6-c-dropdown">
-                            <button
-                              class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
-                              type="button"
-                              id="table-tabs-example-table-dropdown-kebab-3-dropdown-toggle"
-                              aria-label="Dropdown for tabs table"
-                              aria-expanded="false"
-                            >
-                              <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
-                            </button>
-                            <ul
-                              class="pf-v6-c-dropdown__menu pf-m-align-right"
-                              role="menu"
-                              aria-labelledby="table-tabs-example-table-dropdown-kebab-3-dropdown-toggle"
-                              hidden
-                            >
-                              <li role="none">
-                                <button
-                                  role="menuitem"
-                                  class="pf-v6-c-dropdown__menu-item"
-                                >Action Link</button>
-                              </li>
-                            </ul>
-                          </div>
-                        </div>
-                      </div>
+                        <span class="pf-v6-c-menu-toggle__icon">
+                          <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+                        </span>
+                      </button>
                     </td>
                   </tr>
 
@@ -2688,15 +2456,21 @@ section: components
                       class="pf-v6-c-table__td pf-v6-c-table__check"
                       role="cell"
                     >
-                      <div class="pf-v6-c-check pf-m-standalone">
+                      <label
+                        class="pf-v6-c-check pf-m-standalone"
+                        id="table-tabs-example-tablecheckrow4check"
+                        for="table-tabs-example-tablecheckrow4check-input"
+                      >
                         <input
                           class="pf-v6-c-check__input"
                           type="checkbox"
-                          name="checkrow4"
-                          aria-labelledby="table-tabs-example-table-node4"
+                          id="table-tabs-example-tablecheckrow4check-input"
+                          name="table-tabs-example-tablecheckrow4check-input"
+                          aria-label="Standalone check"
                         />
-                      </div>
+                      </label>
                     </td>
+
                     <th
                       class="pf-v6-c-table__th"
                       role="columnheader"
@@ -2707,6 +2481,7 @@ section: components
                         <a href="#">siemur/test-space</a>
                       </div>
                     </th>
+
                     <td
                       class="pf-v6-c-table__td"
                       role="cell"
@@ -2748,41 +2523,21 @@ section: components
                       role="cell"
                       data-label="Last commit"
                     >8 days ago</td>
+
                     <td
                       class="pf-v6-c-table__td pf-v6-c-table__action"
                       role="cell"
                     >
-                      <div
-                        class="pf-v6-c-overflow-menu"
-                        id="table-tabs-example-table-dropdown-kebab-4"
+                      <button
+                        class="pf-v6-c-menu-toggle pf-m-plain"
+                        type="button"
+                        aria-expanded="false"
+                        aria-label="Table actions"
                       >
-                        <div class="pf-v6-c-overflow-menu__control">
-                          <div class="pf-v6-c-dropdown">
-                            <button
-                              class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
-                              type="button"
-                              id="table-tabs-example-table-dropdown-kebab-4-dropdown-toggle"
-                              aria-label="Dropdown for tabs table"
-                              aria-expanded="false"
-                            >
-                              <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
-                            </button>
-                            <ul
-                              class="pf-v6-c-dropdown__menu pf-m-align-right"
-                              role="menu"
-                              aria-labelledby="table-tabs-example-table-dropdown-kebab-4-dropdown-toggle"
-                              hidden
-                            >
-                              <li role="none">
-                                <button
-                                  role="menuitem"
-                                  class="pf-v6-c-dropdown__menu-item"
-                                >Action Link</button>
-                              </li>
-                            </ul>
-                          </div>
-                        </div>
-                      </div>
+                        <span class="pf-v6-c-menu-toggle__icon">
+                          <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+                        </span>
+                      </button>
                     </td>
                   </tr>
 
@@ -2791,14 +2546,19 @@ section: components
                       class="pf-v6-c-table__td pf-v6-c-table__check"
                       role="cell"
                     >
-                      <div class="pf-v6-c-check pf-m-standalone">
+                      <label
+                        class="pf-v6-c-check pf-m-standalone"
+                        id="table-tabs-example-tablecheckrow5check"
+                        for="table-tabs-example-tablecheckrow5check-input"
+                      >
                         <input
                           class="pf-v6-c-check__input"
                           type="checkbox"
-                          name="checkrow5"
-                          aria-labelledby="table-tabs-example-table-node5"
+                          id="table-tabs-example-tablecheckrow5check-input"
+                          name="table-tabs-example-tablecheckrow5check-input"
+                          aria-label="Standalone check"
                         />
-                      </div>
+                      </label>
                     </td>
                     <td
                       class="pf-v6-c-table__td"
@@ -2851,41 +2611,21 @@ section: components
                       role="cell"
                       data-label="Last commit"
                     >2 days ago</td>
+
                     <td
                       class="pf-v6-c-table__td pf-v6-c-table__action"
                       role="cell"
                     >
-                      <div
-                        class="pf-v6-c-overflow-menu"
-                        id="table-tabs-example-table-dropdown-kebab-5"
+                      <button
+                        class="pf-v6-c-menu-toggle pf-m-plain"
+                        type="button"
+                        aria-expanded="false"
+                        aria-label="Table actions"
                       >
-                        <div class="pf-v6-c-overflow-menu__control">
-                          <div class="pf-v6-c-dropdown">
-                            <button
-                              class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
-                              type="button"
-                              id="table-tabs-example-table-dropdown-kebab-5-dropdown-toggle"
-                              aria-label="Dropdown for tabs table"
-                              aria-expanded="false"
-                            >
-                              <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
-                            </button>
-                            <ul
-                              class="pf-v6-c-dropdown__menu pf-m-align-right"
-                              role="menu"
-                              aria-labelledby="table-tabs-example-table-dropdown-kebab-5-dropdown-toggle"
-                              hidden
-                            >
-                              <li role="none">
-                                <button
-                                  role="menuitem"
-                                  class="pf-v6-c-dropdown__menu-item"
-                                >Action Link</button>
-                              </li>
-                            </ul>
-                          </div>
-                        </div>
-                      </div>
+                        <span class="pf-v6-c-menu-toggle__icon">
+                          <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+                        </span>
+                      </button>
                     </td>
                   </tr>
                 </tbody>
@@ -3364,19 +3104,7 @@ section: components
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-th" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -3388,19 +3116,7 @@ section: components
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-cog" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -3412,19 +3128,7 @@ section: components
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-question-circle" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -3437,19 +3141,7 @@ section: components
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -3726,19 +3418,7 @@ section: components
                     aria-label="Application launcher"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-th" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -3750,19 +3430,7 @@ section: components
                     aria-label="Settings"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-cog" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -3774,19 +3442,7 @@ section: components
                     aria-label="Help"
                   >
                     <span class="pf-v6-c-menu-toggle__icon">
-                      <svg
-                        class="pf-v5-svg"
-                        viewBox="0 0 192 512"
-                        fill="currentColor"
-                        aria-hidden="true"
-                        role="img"
-                        width="1em"
-                        height="1em"
-                      >
-                        <path
-                          d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                        />
-                      </svg>
+                      <i class="fas fa-question-circle" aria-hidden="true"></i>
                     </span>
                   </button>
                 </div>
@@ -3799,19 +3455,7 @@ section: components
                   aria-label="Actions"
                 >
                   <span class="pf-v6-c-menu-toggle__icon">
-                    <svg
-                      class="pf-v5-svg"
-                      viewBox="0 0 192 512"
-                      fill="currentColor"
-                      aria-hidden="true"
-                      role="img"
-                      width="1em"
-                      height="1em"
-                    >
-                      <path
-                        d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
-                      />
-                    </svg>
+                    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>