@patternfly/react-core 6.0.0-alpha.7 → 6.0.0-alpha.70

package/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap

@@ -3,15 +3,15 @@
 exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination pf-m-inset-2xl pf-m-inset-2xl-on-sm pf-m-inset-2xl-on-md pf-m-inset-2xl-on-lg pf-m-inset-2xl-on-xl pf-m-inset-2xl-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-44"
-    data-ouia-component-type="PF5/Pagination"
+    class="pf-v6-c-pagination pf-m-inset-2xl pf-m-inset-2xl-on-sm pf-m-inset-2xl-on-md pf-m-inset-2xl-on-lg pf-m-inset-2xl-on-xl pf-m-inset-2xl-on-2xl"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-43"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -22,70 +22,68 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          1 - 10
+        </b>
+         of 
+        <b>
+          0
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            1 - 10
-          </b>
-           of 
-          <b>
-            0
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-181"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-177"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -99,22 +97,22 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-182"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-178"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -128,16 +126,16 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-46"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-45"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="2"
             min="1"
@@ -147,21 +145,21 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-183"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-179"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -175,21 +173,21 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-184"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-180"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -211,15 +209,15 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
 exports[`Pagination API verify insetLg inset breakpoints 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination pf-m-inset-lg pf-m-inset-lg-on-sm pf-m-inset-lg-on-md pf-m-inset-lg-on-lg pf-m-inset-lg-on-xl pf-m-inset-lg-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-42"
-    data-ouia-component-type="PF5/Pagination"
+    class="pf-v6-c-pagination pf-m-inset-lg pf-m-inset-lg-on-sm pf-m-inset-lg-on-md pf-m-inset-lg-on-lg pf-m-inset-lg-on-xl pf-m-inset-lg-on-2xl"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-41"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -230,70 +228,68 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          1 - 10
+        </b>
+         of 
+        <b>
+          0
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            1 - 10
-          </b>
-           of 
-          <b>
-            0
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-173"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-169"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -307,22 +303,22 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-174"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-170"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -336,16 +332,16 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-44"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-43"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="2"
             min="1"
@@ -355,21 +351,21 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-175"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-171"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -383,21 +379,21 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-176"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-172"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -419,15 +415,15 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
 exports[`Pagination API verify insetMd inset breakpoints 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination pf-m-inset-md pf-m-inset-md-on-sm pf-m-inset-md-on-md pf-m-inset-md-on-lg pf-m-inset-md-on-xl pf-m-inset-md-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-41"
-    data-ouia-component-type="PF5/Pagination"
+    class="pf-v6-c-pagination pf-m-inset-md pf-m-inset-md-on-sm pf-m-inset-md-on-md pf-m-inset-md-on-lg pf-m-inset-md-on-xl pf-m-inset-md-on-2xl"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-40"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -438,70 +434,68 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          1 - 10
+        </b>
+         of 
+        <b>
+          0
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            1 - 10
-          </b>
-           of 
-          <b>
-            0
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-169"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-165"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -515,22 +509,22 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-170"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-166"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -544,16 +538,16 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-43"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-42"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="2"
             min="1"
@@ -563,21 +557,21 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-171"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-167"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -591,21 +585,21 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-172"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-168"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -627,15 +621,15 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
 exports[`Pagination API verify insetNone inset breakpoints 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination pf-m-inset-none pf-m-inset-none-on-sm pf-m-inset-none-on-md pf-m-inset-none-on-lg pf-m-inset-none-on-xl pf-m-inset-none-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-39"
-    data-ouia-component-type="PF5/Pagination"
+    class="pf-v6-c-pagination pf-m-inset-none pf-m-inset-none-on-sm pf-m-inset-none-on-md pf-m-inset-none-on-lg pf-m-inset-none-on-xl pf-m-inset-none-on-2xl"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-38"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -646,70 +640,68 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          1 - 10
+        </b>
+         of 
+        <b>
+          0
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            1 - 10
-          </b>
-           of 
-          <b>
-            0
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-161"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-157"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -723,22 +715,22 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-162"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-158"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -752,16 +744,16 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-41"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-40"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="2"
             min="1"
@@ -771,21 +763,21 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-163"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-159"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -799,21 +791,21 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-164"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-160"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -835,15 +827,15 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
 exports[`Pagination API verify insetSm inset breakpoints 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination pf-m-inset-sm pf-m-inset-sm-on-sm pf-m-inset-sm-on-md pf-m-inset-sm-on-lg pf-m-inset-sm-on-xl pf-m-inset-sm-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-40"
-    data-ouia-component-type="PF5/Pagination"
+    class="pf-v6-c-pagination pf-m-inset-sm pf-m-inset-sm-on-sm pf-m-inset-sm-on-md pf-m-inset-sm-on-lg pf-m-inset-sm-on-xl pf-m-inset-sm-on-2xl"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-39"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -854,70 +846,68 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          1 - 10
+        </b>
+         of 
+        <b>
+          0
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            1 - 10
-          </b>
-           of 
-          <b>
-            0
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-165"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-161"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -931,22 +921,22 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-166"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-162"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -960,16 +950,16 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-42"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-41"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="2"
             min="1"
@@ -979,21 +969,21 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-167"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-163"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1007,21 +997,21 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-168"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-164"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1043,15 +1033,15 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
 exports[`Pagination API verify insetXl inset breakpoints 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination pf-m-inset-xl pf-m-inset-xl-on-sm pf-m-inset-xl-on-md pf-m-inset-xl-on-lg pf-m-inset-xl-on-xl pf-m-inset-xl-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-43"
-    data-ouia-component-type="PF5/Pagination"
+    class="pf-v6-c-pagination pf-m-inset-xl pf-m-inset-xl-on-sm pf-m-inset-xl-on-md pf-m-inset-xl-on-lg pf-m-inset-xl-on-xl pf-m-inset-xl-on-2xl"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-42"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -1062,70 +1052,68 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          1 - 10
+        </b>
+         of 
+        <b>
+          0
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            1 - 10
-          </b>
-           of 
-          <b>
-            0
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-177"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-173"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1139,22 +1127,22 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-178"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-174"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1168,16 +1156,16 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-45"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-44"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="2"
             min="1"
@@ -1187,21 +1175,21 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-179"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-175"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1215,21 +1203,21 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-180"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-id="OUIA-Generated-Button-plain-176"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1251,75 +1239,73 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
 exports[`Pagination component render custom pagination toggle 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-12"
-    data-ouia-component-type="PF5/Pagination"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       1 - 10 - 40 - 
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        1 - 10 - 40 - 
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          1 - 10 - 40 - 
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-53"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1333,22 +1319,22 @@ exports[`Pagination component render custom pagination toggle 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-54"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1362,16 +1348,16 @@ exports[`Pagination component render custom pagination toggle 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
             data-ouia-component-id="OUIA-Generated-TextInputBase-14"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="4"
             min="1"
@@ -1386,21 +1372,21 @@ exports[`Pagination component render custom pagination toggle 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-55"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1414,21 +1400,21 @@ exports[`Pagination component render custom pagination toggle 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-56"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1449,15 +1435,15 @@ exports[`Pagination component render custom pagination toggle 1`] = `
 exports[`Pagination component render custom perPageOptions 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-8"
-    data-ouia-component-type="PF5/Pagination"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -1468,70 +1454,68 @@ exports[`Pagination component render custom perPageOptions 1`] = `
       </b>
        
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          1 - 10
+        </b>
+         of 
+        <b>
+          40
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            1 - 10
-          </b>
-           of 
-          <b>
-            40
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-37"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1545,22 +1529,22 @@ exports[`Pagination component render custom perPageOptions 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-38"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1574,16 +1558,16 @@ exports[`Pagination component render custom perPageOptions 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
             data-ouia-component-id="OUIA-Generated-TextInputBase-10"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="4"
             min="1"
@@ -1598,21 +1582,21 @@ exports[`Pagination component render custom perPageOptions 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-39"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1626,21 +1610,21 @@ exports[`Pagination component render custom perPageOptions 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-40"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1661,15 +1645,15 @@ exports[`Pagination component render custom perPageOptions 1`] = `
 exports[`Pagination component render custom start end 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-10"
-    data-ouia-component-type="PF5/Pagination"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -1680,69 +1664,67 @@ exports[`Pagination component render custom start end 1`] = `
       </b>
        
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          5 - 15
+        </b>
+         of 
+        <b>
+          40
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            5 - 15
-          </b>
-           of 
-          <b>
-            40
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
           aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-45"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1756,21 +1738,21 @@ exports[`Pagination component render custom start end 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-46"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1784,16 +1766,16 @@ exports[`Pagination component render custom start end 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
             data-ouia-component-id="OUIA-Generated-TextInputBase-12"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="4"
             min="1"
@@ -1808,21 +1790,21 @@ exports[`Pagination component render custom start end 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-47"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1836,21 +1818,21 @@ exports[`Pagination component render custom start end 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-48"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1871,15 +1853,15 @@ exports[`Pagination component render custom start end 1`] = `
 exports[`Pagination component render empty per page options 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-9"
-    data-ouia-component-type="PF5/Pagination"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -1892,25 +1874,25 @@ exports[`Pagination component render empty per page options 1`] = `
     </div>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-41"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1924,22 +1906,22 @@ exports[`Pagination component render empty per page options 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-42"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1953,16 +1935,16 @@ exports[`Pagination component render empty per page options 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
             data-ouia-component-id="OUIA-Generated-TextInputBase-11"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="4"
             min="1"
@@ -1977,21 +1959,21 @@ exports[`Pagination component render empty per page options 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-43"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2005,21 +1987,21 @@ exports[`Pagination component render empty per page options 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-44"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2040,15 +2022,15 @@ exports[`Pagination component render empty per page options 1`] = `
 exports[`Pagination component render last page 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-7"
-    data-ouia-component-type="PF5/Pagination"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         11 - 20
@@ -2059,69 +2041,67 @@ exports[`Pagination component render last page 1`] = `
       </b>
        
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          11 - 20
+        </b>
+         of 
+        <b>
+          20
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            11 - 20
-          </b>
-           of 
-          <b>
-            20
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
           aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-33"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2135,21 +2115,21 @@ exports[`Pagination component render last page 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-34"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2163,16 +2143,16 @@ exports[`Pagination component render last page 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
             data-ouia-component-id="OUIA-Generated-TextInputBase-9"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="2"
             min="1"
@@ -2187,22 +2167,22 @@ exports[`Pagination component render last page 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-35"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2216,22 +2196,22 @@ exports[`Pagination component render last page 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-36"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2252,15 +2232,15 @@ exports[`Pagination component render last page 1`] = `
 exports[`Pagination component render limited number of pages 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-5"
-    data-ouia-component-type="PF5/Pagination"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 20
@@ -2271,70 +2251,68 @@ exports[`Pagination component render limited number of pages 1`] = `
       </b>
        
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          1 - 20
+        </b>
+         of 
+        <b>
+          20
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            1 - 20
-          </b>
-           of 
-          <b>
-            20
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-25"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2348,22 +2326,22 @@ exports[`Pagination component render limited number of pages 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-26"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2377,16 +2355,16 @@ exports[`Pagination component render limited number of pages 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control pf-m-disabled"
+          class="pf-v6-c-form-control pf-m-disabled"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
             data-ouia-component-id="OUIA-Generated-TextInputBase-7"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             disabled=""
             max="1"
@@ -2402,22 +2380,22 @@ exports[`Pagination component render limited number of pages 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-27"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2431,22 +2409,22 @@ exports[`Pagination component render limited number of pages 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-28"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2467,77 +2445,75 @@ exports[`Pagination component render limited number of pages 1`] = `
 exports[`Pagination component render should render correctly bottom 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination pf-m-bottom"
+    class="pf-v6-c-pagination pf-m-bottom"
     data-ouia-component-id="OUIA-Generated-Pagination-bottom-1"
-    data-ouia-component-type="PF5/Pagination"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-bottom-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-bottom-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-bottom-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          1 - 10
+        </b>
+         of 
+        <b>
+          20
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            1 - 10
-          </b>
-           of 
-          <b>
-            20
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-5"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2551,22 +2527,22 @@ exports[`Pagination component render should render correctly bottom 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-6"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2580,16 +2556,16 @@ exports[`Pagination component render should render correctly bottom 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
             data-ouia-component-id="OUIA-Generated-TextInputBase-2"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="2"
             min="1"
@@ -2604,21 +2580,21 @@ exports[`Pagination component render should render correctly bottom 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-7"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2632,21 +2608,21 @@ exports[`Pagination component render should render correctly bottom 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-8"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2667,77 +2643,75 @@ exports[`Pagination component render should render correctly bottom 1`] = `
 exports[`Pagination component render should render correctly bottom sticky 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination pf-m-bottom pf-m-sticky"
+    class="pf-v6-c-pagination pf-m-bottom pf-m-sticky"
     data-ouia-component-id="OUIA-Generated-Pagination-bottom-2"
-    data-ouia-component-type="PF5/Pagination"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-bottom-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-bottom-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-bottom-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          1 - 10
+        </b>
+         of 
+        <b>
+          20
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            1 - 10
-          </b>
-           of 
-          <b>
-            20
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-17"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2751,22 +2725,22 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-18"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2780,16 +2754,16 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
             data-ouia-component-id="OUIA-Generated-TextInputBase-5"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="2"
             min="1"
@@ -2804,21 +2778,21 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-19"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2832,21 +2806,21 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-20"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2867,15 +2841,15 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
 exports[`Pagination component render should render correctly compact 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-2"
-    data-ouia-component-type="PF5/Pagination"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -2886,70 +2860,68 @@ exports[`Pagination component render should render correctly compact 1`] = `
       </b>
        
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          1 - 10
+        </b>
+         of 
+        <b>
+          20
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            1 - 10
-          </b>
-           of 
-          <b>
-            20
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-9"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2963,22 +2935,22 @@ exports[`Pagination component render should render correctly compact 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-10"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2992,16 +2964,16 @@ exports[`Pagination component render should render correctly compact 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
             data-ouia-component-id="OUIA-Generated-TextInputBase-3"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="2"
             min="1"
@@ -3016,21 +2988,21 @@ exports[`Pagination component render should render correctly compact 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-11"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3044,21 +3016,21 @@ exports[`Pagination component render should render correctly compact 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-12"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3079,15 +3051,15 @@ exports[`Pagination component render should render correctly compact 1`] = `
 exports[`Pagination component render should render correctly disabled 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-4"
-    data-ouia-component-type="PF5/Pagination"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -3098,71 +3070,69 @@ exports[`Pagination component render should render correctly disabled 1`] = `
       </b>
        
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text pf-m-disabled"
-        disabled=""
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-disabled"
+      disabled=""
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          1 - 10
+        </b>
+         of 
+        <b>
+          20
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            1 - 10
-          </b>
-           of 
-          <b>
-            20
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-21"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3176,22 +3146,22 @@ exports[`Pagination component render should render correctly disabled 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-22"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3205,16 +3175,16 @@ exports[`Pagination component render should render correctly disabled 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control pf-m-disabled"
+          class="pf-v6-c-form-control pf-m-disabled"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
             data-ouia-component-id="OUIA-Generated-TextInputBase-6"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             disabled=""
             max="2"
@@ -3230,22 +3200,22 @@ exports[`Pagination component render should render correctly disabled 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-23"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3259,22 +3229,22 @@ exports[`Pagination component render should render correctly disabled 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-24"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3295,15 +3265,15 @@ exports[`Pagination component render should render correctly disabled 1`] = `
 exports[`Pagination component render should render correctly sticky 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination pf-m-sticky"
+    class="pf-v6-c-pagination pf-m-sticky"
     data-ouia-component-id="OUIA-Generated-Pagination-top-3"
-    data-ouia-component-type="PF5/Pagination"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -3314,70 +3284,68 @@ exports[`Pagination component render should render correctly sticky 1`] = `
       </b>
        
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          1 - 10
+        </b>
+         of 
+        <b>
+          20
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            1 - 10
-          </b>
-           of 
-          <b>
-            20
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-13"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3391,22 +3359,22 @@ exports[`Pagination component render should render correctly sticky 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-14"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3420,16 +3388,16 @@ exports[`Pagination component render should render correctly sticky 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
             data-ouia-component-id="OUIA-Generated-TextInputBase-4"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="2"
             min="1"
@@ -3444,21 +3412,21 @@ exports[`Pagination component render should render correctly sticky 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-15"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3472,21 +3440,21 @@ exports[`Pagination component render should render correctly sticky 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-16"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3507,15 +3475,15 @@ exports[`Pagination component render should render correctly sticky 1`] = `
 exports[`Pagination component render should render correctly top 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-1"
-    data-ouia-component-type="PF5/Pagination"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -3526,70 +3494,68 @@ exports[`Pagination component render should render correctly top 1`] = `
       </b>
        
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          1 - 10
+        </b>
+         of 
+        <b>
+          20
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            1 - 10
-          </b>
-           of 
-          <b>
-            20
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-1"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3603,22 +3569,22 @@ exports[`Pagination component render should render correctly top 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-2"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3632,16 +3598,16 @@ exports[`Pagination component render should render correctly top 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
             data-ouia-component-id="OUIA-Generated-TextInputBase-1"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="2"
             min="1"
@@ -3656,21 +3622,21 @@ exports[`Pagination component render should render correctly top 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-3"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3684,21 +3650,21 @@ exports[`Pagination component render should render correctly top 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-4"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3719,15 +3685,15 @@ exports[`Pagination component render should render correctly top 1`] = `
 exports[`Pagination component render titles 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-11"
-    data-ouia-component-type="PF5/Pagination"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -3738,70 +3704,68 @@ exports[`Pagination component render titles 1`] = `
       </b>
        values
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          1 - 10
+        </b>
+         of 
+        <b>
+          40
+        </b>
+         values
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            1 - 10
-          </b>
-           of 
-          <b>
-            40
-          </b>
-           values
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-49"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3815,22 +3779,22 @@ exports[`Pagination component render titles 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-50"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3844,16 +3808,16 @@ exports[`Pagination component render titles 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
             data-ouia-component-id="OUIA-Generated-TextInputBase-13"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="4"
             min="1"
@@ -3868,21 +3832,21 @@ exports[`Pagination component render titles 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-51"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3896,21 +3860,21 @@ exports[`Pagination component render titles 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-52"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3931,15 +3895,15 @@ exports[`Pagination component render titles 1`] = `
 exports[`Pagination component render up drop direction 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-13"
-    data-ouia-component-type="PF5/Pagination"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -3950,70 +3914,68 @@ exports[`Pagination component render up drop direction 1`] = `
       </b>
        
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          1 - 10
+        </b>
+         of 
+        <b>
+          40
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            1 - 10
-          </b>
-           of 
-          <b>
-            40
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-57"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -4027,22 +3989,22 @@ exports[`Pagination component render up drop direction 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-58"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -4056,16 +4018,16 @@ exports[`Pagination component render up drop direction 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
             data-ouia-component-id="OUIA-Generated-TextInputBase-15"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             max="4"
             min="1"
@@ -4080,21 +4042,21 @@ exports[`Pagination component render up drop direction 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-59"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -4108,21 +4070,21 @@ exports[`Pagination component render up drop direction 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-60"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -4143,15 +4105,15 @@ exports[`Pagination component render up drop direction 1`] = `
 exports[`Pagination component render zero results 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-6"
-    data-ouia-component-type="PF5/Pagination"
+    data-ouia-component-type="PF6/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         0 - 0
@@ -4162,70 +4124,68 @@ exports[`Pagination component render zero results 1`] = `
       </b>
        
     </div>
-    <div>
-      <button
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
-        id="options-menu-top-toggle"
-        type="button"
+    <button
+      aria-expanded="false"
+      aria-haspopup="listbox"
+      class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
+      id="options-menu-top-toggle"
+      type="button"
+    >
+      <span
+        class="pf-v6-c-menu-toggle__text"
+      >
+        <b>
+          0 - 0
+        </b>
+         of 
+        <b>
+          0
+        </b>
+         
+      </span>
+      <span
+        class="pf-v6-c-menu-toggle__controls"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
-        >
-          <b>
-            0 - 0
-          </b>
-           of 
-          <b>
-            0
-          </b>
-           
-        </span>
-        <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__toggle-icon"
         >
-          <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 320 512"
+            width="1em"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v5-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              viewBox="0 0 320 512"
-              width="1em"
-            >
-              <path
-                d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-              />
-            </svg>
-          </span>
+            <path
+              d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+            />
+          </svg>
         </span>
-      </button>
-    </div>
+      </span>
+    </button>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-29"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -4239,22 +4199,22 @@ exports[`Pagination component render zero results 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-30"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -4268,16 +4228,16 @@ exports[`Pagination component render zero results 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control pf-m-disabled"
+          class="pf-v6-c-form-control pf-m-disabled"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
             data-ouia-component-id="OUIA-Generated-TextInputBase-8"
-            data-ouia-component-type="PF5/TextInput"
+            data-ouia-component-type="PF6/TextInput"
             data-ouia-safe="true"
             disabled=""
             max="0"
@@ -4293,22 +4253,22 @@ exports[`Pagination component render zero results 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-31"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -4322,22 +4282,22 @@ exports[`Pagination component render zero results 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
-          aria-disabled="true"
+          aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-32"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"