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

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

@@ -24,19 +24,7 @@ section: components
             aria-controls="toolbar-attribute-value-search-filter-desktop-example-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>
@@ -54,19 +42,7 @@ section: components
                 id="toolbar-attribute-value-search-filter-desktop-example-search-filter-menu"
               >
                 <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>
                 <span class="pf-v6-c-menu-toggle__text">Name</span>
                 <span class="pf-v6-c-menu-toggle__controls">
@@ -389,19 +365,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>
@@ -413,19 +377,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>
@@ -437,19 +389,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>
@@ -462,19 +402,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>
@@ -580,19 +508,7 @@ section: components
                   aria-controls="toolbar-with-validation-example-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>
@@ -611,19 +527,7 @@ section: components
                         id="toolbar-with-validation-example-month"
                       >
                         <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>
                         <span class="pf-v6-c-menu-toggle__text">Last month</span>
                         <span class="pf-v6-c-menu-toggle__controls">
@@ -736,19 +640,7 @@ section: components
                       id="toolbar-with-validation-example-search-filter-menu"
                     >
                       <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>
                       <span class="pf-v6-c-menu-toggle__text">Description</span>
                       <span class="pf-v6-c-menu-toggle__controls">
@@ -798,32 +690,39 @@ section: components
           <thead class="pf-v6-c-table__thead">
             <tr class="pf-v6-c-table__tr" role="row">
               <td class="pf-v6-c-table__td"></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>
+
               <td class="pf-v6-c-table__td"></td>
             </tr>
           </thead>
@@ -831,15 +730,21 @@ section: components
           <tbody class="pf-v6-c-table__tbody" role="rowgroup">
             <tr class="pf-v6-c-table__tr" role="row">
               <td 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-tablecheckrow2check"
+                  for="-table-tablecheckrow2check-input"
+                >
                   <input
                     class="pf-v6-c-check__input"
                     type="checkbox"
-                    name="checkrow1"
-                    aria-labelledby="-table-table-node1"
+                    id="-table-tablecheckrow2check-input"
+                    name="-table-tablecheckrow2check-input"
+                    aria-label="Standalone check"
                   />
-                </div>
+                </label>
               </td>
+
               <th
                 class="pf-v6-c-table__th"
                 role="columnheader"
@@ -850,6 +755,7 @@ section: components
                   <a href="#">siemur/test-space</a>
                 </div>
               </th>
+
               <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
                 <span>
                   <i class="fas fa-code-branch"></i> 10
@@ -877,78 +783,38 @@ section: components
               <td class="pf-v6-c-table__td" role="cell" data-label="Action">
                 <a href="#">Action link</a>
               </td>
+
               <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
-                <div class="pf-v6-c-dropdown">
-                  <button
-                    class="pf-v6-c-dropdown__toggle pf-m-plain"
-                    id="-table-table-dropdown-kebab-1-button"
-                    aria-expanded="false"
-                    type="button"
-                    aria-label="Actions"
-                  >
+                <button
+                  class="pf-v6-c-menu-toggle pf-m-plain"
+                  type="button"
+                  aria-expanded="false"
+                  aria-label="Table actions"
+                >
+                  <span class="pf-v6-c-menu-toggle__icon">
                     <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
-                  </button>
-                  <ul
-                    class="pf-v6-c-dropdown__menu pf-m-align-right"
-                    aria-labelledby="-table-table-dropdown-kebab-1-button"
-                    hidden
-                    role="menu"
-                  >
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                      >Action</button>
-                    </li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item pf-m-disabled"
-                        role="menuitem"
-                        href="#"
-                        aria-disabled="true"
-                        tabindex="-1"
-                      >Disabled link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                        disabled
-                      >Disabled action</button>
-                    </li>
-                    <li class="pf-v6-c-divider" role="separator"></li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Separated link</a>
-                    </li>
-                  </ul>
-                </div>
+                  </span>
+                </button>
               </td>
             </tr>
 
             <tr class="pf-v6-c-table__tr" role="row">
               <td 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-tablecheckrow3check"
+                  for="-table-tablecheckrow3check-input"
+                >
                   <input
                     class="pf-v6-c-check__input"
                     type="checkbox"
-                    name="checkrow2"
-                    aria-labelledby="-table-table-node2"
+                    id="-table-tablecheckrow3check-input"
+                    name="-table-tablecheckrow3check-input"
+                    aria-label="Standalone check"
                   />
-                </div>
+                </label>
               </td>
+
               <th
                 class="pf-v6-c-table__th"
                 role="columnheader"
@@ -959,6 +825,7 @@ section: components
                   <a href="#">siemur/test-space</a>
                 </div>
               </th>
+
               <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
                 <span>
                   <i class="fas fa-code-branch"></i> 8
@@ -986,78 +853,38 @@ section: components
               <td class="pf-v6-c-table__td" role="cell" data-label="Action">
                 <a href="#">Action link</a>
               </td>
+
               <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
-                <div class="pf-v6-c-dropdown">
-                  <button
-                    class="pf-v6-c-dropdown__toggle pf-m-plain"
-                    id="-table-table-dropdown-kebab-2-button"
-                    aria-expanded="false"
-                    type="button"
-                    aria-label="Actions"
-                  >
+                <button
+                  class="pf-v6-c-menu-toggle pf-m-plain"
+                  type="button"
+                  aria-expanded="false"
+                  aria-label="Table actions"
+                >
+                  <span class="pf-v6-c-menu-toggle__icon">
                     <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
-                  </button>
-                  <ul
-                    class="pf-v6-c-dropdown__menu pf-m-align-right"
-                    aria-labelledby="-table-table-dropdown-kebab-2-button"
-                    hidden
-                    role="menu"
-                  >
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                      >Action</button>
-                    </li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item pf-m-disabled"
-                        role="menuitem"
-                        href="#"
-                        aria-disabled="true"
-                        tabindex="-1"
-                      >Disabled link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                        disabled
-                      >Disabled action</button>
-                    </li>
-                    <li class="pf-v6-c-divider" role="separator"></li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Separated link</a>
-                    </li>
-                  </ul>
-                </div>
+                  </span>
+                </button>
               </td>
             </tr>
 
             <tr class="pf-v6-c-table__tr" role="row">
               <td 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-tablecheckrow4check"
+                  for="-table-tablecheckrow4check-input"
+                >
                   <input
                     class="pf-v6-c-check__input"
                     type="checkbox"
-                    name="checkrow3"
-                    aria-labelledby="-table-table-node3"
+                    id="-table-tablecheckrow4check-input"
+                    name="-table-tablecheckrow4check-input"
+                    aria-label="Standalone check"
                   />
-                </div>
+                </label>
               </td>
+
               <th
                 class="pf-v6-c-table__th"
                 role="columnheader"
@@ -1068,6 +895,7 @@ section: components
                   <a href="#">siemur/test-space</a>
                 </div>
               </th>
+
               <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
                 <span>
                   <i class="fas fa-code-branch"></i> 12
@@ -1095,78 +923,38 @@ section: components
               <td class="pf-v6-c-table__td" role="cell" data-label="Action">
                 <a href="#">Action link</a>
               </td>
+
               <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
-                <div class="pf-v6-c-dropdown">
-                  <button
-                    class="pf-v6-c-dropdown__toggle pf-m-plain"
-                    id="-table-table-dropdown-kebab-3-button"
-                    aria-expanded="false"
-                    type="button"
-                    aria-label="Actions"
-                  >
+                <button
+                  class="pf-v6-c-menu-toggle pf-m-plain"
+                  type="button"
+                  aria-expanded="false"
+                  aria-label="Table actions"
+                >
+                  <span class="pf-v6-c-menu-toggle__icon">
                     <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
-                  </button>
-                  <ul
-                    class="pf-v6-c-dropdown__menu pf-m-align-right"
-                    aria-labelledby="-table-table-dropdown-kebab-3-button"
-                    hidden
-                    role="menu"
-                  >
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                      >Action</button>
-                    </li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item pf-m-disabled"
-                        role="menuitem"
-                        href="#"
-                        aria-disabled="true"
-                        tabindex="-1"
-                      >Disabled link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                        disabled
-                      >Disabled action</button>
-                    </li>
-                    <li class="pf-v6-c-divider" role="separator"></li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Separated link</a>
-                    </li>
-                  </ul>
-                </div>
+                  </span>
+                </button>
               </td>
             </tr>
 
             <tr class="pf-v6-c-table__tr" role="row">
               <td 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-tablecheckrow5check"
+                  for="-table-tablecheckrow5check-input"
+                >
                   <input
                     class="pf-v6-c-check__input"
                     type="checkbox"
-                    name="checkrow4"
-                    aria-labelledby="-table-table-node4"
+                    id="-table-tablecheckrow5check-input"
+                    name="-table-tablecheckrow5check-input"
+                    aria-label="Standalone check"
                   />
-                </div>
+                </label>
               </td>
+
               <th
                 class="pf-v6-c-table__th"
                 role="columnheader"
@@ -1177,6 +965,7 @@ section: components
                   <a href="#">siemur/test-space</a>
                 </div>
               </th>
+
               <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
                 <span>
                   <i class="fas fa-code-branch"></i> 3
@@ -1204,77 +993,36 @@ section: components
               <td class="pf-v6-c-table__td" role="cell" data-label="Action">
                 <a href="#">Action link</a>
               </td>
+
               <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
-                <div class="pf-v6-c-dropdown">
-                  <button
-                    class="pf-v6-c-dropdown__toggle pf-m-plain"
-                    id="-table-table-dropdown-kebab-4-button"
-                    aria-expanded="false"
-                    type="button"
-                    aria-label="Actions"
-                  >
+                <button
+                  class="pf-v6-c-menu-toggle pf-m-plain"
+                  type="button"
+                  aria-expanded="false"
+                  aria-label="Table actions"
+                >
+                  <span class="pf-v6-c-menu-toggle__icon">
                     <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
-                  </button>
-                  <ul
-                    class="pf-v6-c-dropdown__menu pf-m-align-right"
-                    aria-labelledby="-table-table-dropdown-kebab-4-button"
-                    hidden
-                    role="menu"
-                  >
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                      >Action</button>
-                    </li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item pf-m-disabled"
-                        role="menuitem"
-                        href="#"
-                        aria-disabled="true"
-                        tabindex="-1"
-                      >Disabled link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                        disabled
-                      >Disabled action</button>
-                    </li>
-                    <li class="pf-v6-c-divider" role="separator"></li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Separated link</a>
-                    </li>
-                  </ul>
-                </div>
+                  </span>
+                </button>
               </td>
             </tr>
 
             <tr class="pf-v6-c-table__tr" role="row">
               <td 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-tablecheckrow6check"
+                  for="-table-tablecheckrow6check-input"
+                >
                   <input
                     class="pf-v6-c-check__input"
                     type="checkbox"
-                    name="checkrow5"
-                    aria-labelledby="-table-table-node5"
+                    id="-table-tablecheckrow6check-input"
+                    name="-table-tablecheckrow6check-input"
+                    aria-label="Standalone check"
                   />
-                </div>
+                </label>
               </td>
               <td
                 class="pf-v6-c-table__td"
@@ -1313,64 +1061,18 @@ section: components
               <td class="pf-v6-c-table__td" role="cell" data-label="Action">
                 <a href="#">Action link</a>
               </td>
+
               <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
-                <div class="pf-v6-c-dropdown">
-                  <button
-                    class="pf-v6-c-dropdown__toggle pf-m-plain"
-                    id="-table-table-dropdown-kebab-5-button"
-                    aria-expanded="false"
-                    type="button"
-                    aria-label="Actions"
-                  >
+                <button
+                  class="pf-v6-c-menu-toggle pf-m-plain"
+                  type="button"
+                  aria-expanded="false"
+                  aria-label="Table actions"
+                >
+                  <span class="pf-v6-c-menu-toggle__icon">
                     <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
-                  </button>
-                  <ul
-                    class="pf-v6-c-dropdown__menu pf-m-align-right"
-                    aria-labelledby="-table-table-dropdown-kebab-5-button"
-                    hidden
-                    role="menu"
-                  >
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                      >Action</button>
-                    </li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item pf-m-disabled"
-                        role="menuitem"
-                        href="#"
-                        aria-disabled="true"
-                        tabindex="-1"
-                      >Disabled link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                        disabled
-                      >Disabled action</button>
-                    </li>
-                    <li class="pf-v6-c-divider" role="separator"></li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Separated link</a>
-                    </li>
-                  </ul>
-                </div>
+                  </span>
+                </button>
               </td>
             </tr>
           </tbody>
@@ -1401,19 +1103,7 @@ section: components
             aria-controls="toolbar-attribute-value-search-filter-mobile-example-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>
@@ -1565,19 +1255,7 @@ section: components
               id="toolbar-attribute-value-search-filter-mobile-example-search-filter-menu"
             >
               <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>
               <span class="pf-v6-c-menu-toggle__text">Name</span>
               <span class="pf-v6-c-menu-toggle__controls">
@@ -1632,19 +1310,7 @@ section: components
             aria-controls="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-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>
@@ -1657,19 +1323,7 @@ section: components
               id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-menu-toggle-status"
             >
               <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>
               <span class="pf-v6-c-menu-toggle__text">Status</span>
               <span class="pf-v6-c-menu-toggle__controls">
@@ -1921,19 +1575,7 @@ section: components
             aria-controls="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-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>
@@ -2080,19 +1722,7 @@ section: components
             id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-menu-toggle-status"
           >
             <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>
             <span class="pf-v6-c-menu-toggle__text">Status</span>
             <span class="pf-v6-c-menu-toggle__controls">
@@ -2203,19 +1833,7 @@ section: components
             aria-controls="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-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>
@@ -2228,19 +1846,7 @@ section: components
               id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-menu-toggle-status"
             >
               <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>
               <span class="pf-v6-c-menu-toggle__text">Status</span>
               <span class="pf-v6-c-menu-toggle__controls">
@@ -2647,19 +2253,7 @@ section: components
             aria-controls="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-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>
@@ -2806,19 +2400,7 @@ section: components
             id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-menu-toggle-status"
           >
             <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>
             <span class="pf-v6-c-menu-toggle__text">Status</span>
             <span class="pf-v6-c-menu-toggle__controls">
@@ -3213,19 +2795,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>
@@ -3237,19 +2807,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>
@@ -3261,19 +2819,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>
@@ -3286,19 +2832,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>
@@ -3405,19 +2939,7 @@ section: components
                   aria-controls="toolbar-pagination-management-example-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>
@@ -3435,19 +2957,7 @@ section: components
                       id="toolbar-pagination-management-example-toolbar-search-filter-menu"
                     >
                       <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>
                       <span class="pf-v6-c-menu-toggle__text">Name</span>
                       <span class="pf-v6-c-menu-toggle__controls">
@@ -3624,32 +3134,39 @@ section: components
           <thead class="pf-v6-c-table__thead">
             <tr class="pf-v6-c-table__tr" role="row">
               <td class="pf-v6-c-table__td"></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>
+
               <td class="pf-v6-c-table__td"></td>
             </tr>
           </thead>
@@ -3657,15 +3174,21 @@ section: components
           <tbody class="pf-v6-c-table__tbody" role="rowgroup">
             <tr class="pf-v6-c-table__tr" role="row">
               <td 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="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow2check"
+                  for="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow2check-input"
+                >
                   <input
                     class="pf-v6-c-check__input"
                     type="checkbox"
-                    name="checkrow1"
-                    aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node1"
+                    id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow2check-input"
+                    name="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow2check-input"
+                    aria-label="Standalone check"
                   />
-                </div>
+                </label>
               </td>
+
               <th
                 class="pf-v6-c-table__th"
                 role="columnheader"
@@ -3678,6 +3201,7 @@ section: components
                   <a href="#">siemur/test-space</a>
                 </div>
               </th>
+
               <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
                 <span>
                   <i class="fas fa-code-branch"></i> 10
@@ -3705,78 +3229,38 @@ section: components
               <td class="pf-v6-c-table__td" role="cell" data-label="Action">
                 <a href="#">Action link</a>
               </td>
+
               <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
-                <div class="pf-v6-c-dropdown">
-                  <button
-                    class="pf-v6-c-dropdown__toggle pf-m-plain"
-                    id="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-1-button"
-                    aria-expanded="false"
-                    type="button"
-                    aria-label="Actions"
-                  >
+                <button
+                  class="pf-v6-c-menu-toggle pf-m-plain"
+                  type="button"
+                  aria-expanded="false"
+                  aria-label="Table actions"
+                >
+                  <span class="pf-v6-c-menu-toggle__icon">
                     <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
-                  </button>
-                  <ul
-                    class="pf-v6-c-dropdown__menu pf-m-align-right"
-                    aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-1-button"
-                    hidden
-                    role="menu"
-                  >
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                      >Action</button>
-                    </li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item pf-m-disabled"
-                        role="menuitem"
-                        href="#"
-                        aria-disabled="true"
-                        tabindex="-1"
-                      >Disabled link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                        disabled
-                      >Disabled action</button>
-                    </li>
-                    <li class="pf-v6-c-divider" role="separator"></li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Separated link</a>
-                    </li>
-                  </ul>
-                </div>
+                  </span>
+                </button>
               </td>
             </tr>
 
             <tr class="pf-v6-c-table__tr" role="row">
               <td 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="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow3check"
+                  for="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow3check-input"
+                >
                   <input
                     class="pf-v6-c-check__input"
                     type="checkbox"
-                    name="checkrow2"
-                    aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node2"
+                    id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow3check-input"
+                    name="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow3check-input"
+                    aria-label="Standalone check"
                   />
-                </div>
+                </label>
               </td>
+
               <th
                 class="pf-v6-c-table__th"
                 role="columnheader"
@@ -3789,6 +3273,7 @@ section: components
                   <a href="#">siemur/test-space</a>
                 </div>
               </th>
+
               <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
                 <span>
                   <i class="fas fa-code-branch"></i> 8
@@ -3816,78 +3301,38 @@ section: components
               <td class="pf-v6-c-table__td" role="cell" data-label="Action">
                 <a href="#">Action link</a>
               </td>
+
               <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
-                <div class="pf-v6-c-dropdown">
-                  <button
-                    class="pf-v6-c-dropdown__toggle pf-m-plain"
-                    id="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-2-button"
-                    aria-expanded="false"
-                    type="button"
-                    aria-label="Actions"
-                  >
+                <button
+                  class="pf-v6-c-menu-toggle pf-m-plain"
+                  type="button"
+                  aria-expanded="false"
+                  aria-label="Table actions"
+                >
+                  <span class="pf-v6-c-menu-toggle__icon">
                     <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
-                  </button>
-                  <ul
-                    class="pf-v6-c-dropdown__menu pf-m-align-right"
-                    aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-2-button"
-                    hidden
-                    role="menu"
-                  >
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                      >Action</button>
-                    </li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item pf-m-disabled"
-                        role="menuitem"
-                        href="#"
-                        aria-disabled="true"
-                        tabindex="-1"
-                      >Disabled link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                        disabled
-                      >Disabled action</button>
-                    </li>
-                    <li class="pf-v6-c-divider" role="separator"></li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Separated link</a>
-                    </li>
-                  </ul>
-                </div>
+                  </span>
+                </button>
               </td>
             </tr>
 
             <tr class="pf-v6-c-table__tr" role="row">
               <td 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="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow4check"
+                  for="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow4check-input"
+                >
                   <input
                     class="pf-v6-c-check__input"
                     type="checkbox"
-                    name="checkrow3"
-                    aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node3"
+                    id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow4check-input"
+                    name="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow4check-input"
+                    aria-label="Standalone check"
                   />
-                </div>
+                </label>
               </td>
+
               <th
                 class="pf-v6-c-table__th"
                 role="columnheader"
@@ -3900,6 +3345,7 @@ section: components
                   <a href="#">siemur/test-space</a>
                 </div>
               </th>
+
               <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
                 <span>
                   <i class="fas fa-code-branch"></i> 12
@@ -3927,78 +3373,38 @@ section: components
               <td class="pf-v6-c-table__td" role="cell" data-label="Action">
                 <a href="#">Action link</a>
               </td>
+
               <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
-                <div class="pf-v6-c-dropdown">
-                  <button
-                    class="pf-v6-c-dropdown__toggle pf-m-plain"
-                    id="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-3-button"
-                    aria-expanded="false"
-                    type="button"
-                    aria-label="Actions"
-                  >
+                <button
+                  class="pf-v6-c-menu-toggle pf-m-plain"
+                  type="button"
+                  aria-expanded="false"
+                  aria-label="Table actions"
+                >
+                  <span class="pf-v6-c-menu-toggle__icon">
                     <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
-                  </button>
-                  <ul
-                    class="pf-v6-c-dropdown__menu pf-m-align-right"
-                    aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-3-button"
-                    hidden
-                    role="menu"
-                  >
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                      >Action</button>
-                    </li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item pf-m-disabled"
-                        role="menuitem"
-                        href="#"
-                        aria-disabled="true"
-                        tabindex="-1"
-                      >Disabled link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                        disabled
-                      >Disabled action</button>
-                    </li>
-                    <li class="pf-v6-c-divider" role="separator"></li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Separated link</a>
-                    </li>
-                  </ul>
-                </div>
+                  </span>
+                </button>
               </td>
             </tr>
 
             <tr class="pf-v6-c-table__tr" role="row">
               <td 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="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow5check"
+                  for="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow5check-input"
+                >
                   <input
                     class="pf-v6-c-check__input"
                     type="checkbox"
-                    name="checkrow4"
-                    aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node4"
+                    id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow5check-input"
+                    name="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow5check-input"
+                    aria-label="Standalone check"
                   />
-                </div>
+                </label>
               </td>
+
               <th
                 class="pf-v6-c-table__th"
                 role="columnheader"
@@ -4011,6 +3417,7 @@ section: components
                   <a href="#">siemur/test-space</a>
                 </div>
               </th>
+
               <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
                 <span>
                   <i class="fas fa-code-branch"></i> 3
@@ -4038,77 +3445,36 @@ section: components
               <td class="pf-v6-c-table__td" role="cell" data-label="Action">
                 <a href="#">Action link</a>
               </td>
+
               <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
-                <div class="pf-v6-c-dropdown">
-                  <button
-                    class="pf-v6-c-dropdown__toggle pf-m-plain"
-                    id="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-4-button"
-                    aria-expanded="false"
-                    type="button"
-                    aria-label="Actions"
-                  >
+                <button
+                  class="pf-v6-c-menu-toggle pf-m-plain"
+                  type="button"
+                  aria-expanded="false"
+                  aria-label="Table actions"
+                >
+                  <span class="pf-v6-c-menu-toggle__icon">
                     <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
-                  </button>
-                  <ul
-                    class="pf-v6-c-dropdown__menu pf-m-align-right"
-                    aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-4-button"
-                    hidden
-                    role="menu"
-                  >
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                      >Action</button>
-                    </li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item pf-m-disabled"
-                        role="menuitem"
-                        href="#"
-                        aria-disabled="true"
-                        tabindex="-1"
-                      >Disabled link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                        disabled
-                      >Disabled action</button>
-                    </li>
-                    <li class="pf-v6-c-divider" role="separator"></li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Separated link</a>
-                    </li>
-                  </ul>
-                </div>
+                  </span>
+                </button>
               </td>
             </tr>
 
             <tr class="pf-v6-c-table__tr" role="row">
               <td 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="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow6check"
+                  for="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow6check-input"
+                >
                   <input
                     class="pf-v6-c-check__input"
                     type="checkbox"
-                    name="checkrow5"
-                    aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node5"
+                    id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow6check-input"
+                    name="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow6check-input"
+                    aria-label="Standalone check"
                   />
-                </div>
+                </label>
               </td>
               <td
                 class="pf-v6-c-table__td"
@@ -4149,64 +3515,18 @@ section: components
               <td class="pf-v6-c-table__td" role="cell" data-label="Action">
                 <a href="#">Action link</a>
               </td>
+
               <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
-                <div class="pf-v6-c-dropdown">
-                  <button
-                    class="pf-v6-c-dropdown__toggle pf-m-plain"
-                    id="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-5-button"
-                    aria-expanded="false"
-                    type="button"
-                    aria-label="Actions"
-                  >
+                <button
+                  class="pf-v6-c-menu-toggle pf-m-plain"
+                  type="button"
+                  aria-expanded="false"
+                  aria-label="Table actions"
+                >
+                  <span class="pf-v6-c-menu-toggle__icon">
                     <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
-                  </button>
-                  <ul
-                    class="pf-v6-c-dropdown__menu pf-m-align-right"
-                    aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-5-button"
-                    hidden
-                    role="menu"
-                  >
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                      >Action</button>
-                    </li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item pf-m-disabled"
-                        role="menuitem"
-                        href="#"
-                        aria-disabled="true"
-                        tabindex="-1"
-                      >Disabled link</a>
-                    </li>
-                    <li role="none">
-                      <button
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        type="button"
-                        disabled
-                      >Disabled action</button>
-                    </li>
-                    <li class="pf-v6-c-divider" role="separator"></li>
-                    <li role="none">
-                      <a
-                        class="pf-v6-c-dropdown__menu-item"
-                        role="menuitem"
-                        href="#"
-                      >Separated link</a>
-                    </li>
-                  </ul>
-                </div>
+                  </span>
+                </button>
               </td>
             </tr>
           </tbody>