npm - @patternfly/react-core - Versions diffs - 6.0.0-alpha.6 → 6.0.0-alpha.60 - Mend

@patternfly/react-core 6.0.0-alpha.6 → 6.0.0-alpha.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2672) hide show

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

@@ -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,16 +22,18 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
       </b>
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -43,14 +45,14 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -67,25 +69,25 @@ exports[`Pagination API verify inset2xl inset breakpoints 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-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 +101,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 +130,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 +149,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 +177,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 +213,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,16 +232,18 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
       </b>
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -251,14 +255,14 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -275,25 +279,25 @@ exports[`Pagination API verify insetLg inset breakpoints 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-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 +311,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 +340,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 +359,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 +387,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 +423,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,16 +442,18 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
       </b>
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -459,14 +465,14 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -483,25 +489,25 @@ exports[`Pagination API verify insetMd inset breakpoints 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-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 +521,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 +550,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 +569,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 +597,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 +633,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,16 +652,18 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
       </b>
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -667,14 +675,14 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -691,25 +699,25 @@ exports[`Pagination API verify insetNone inset breakpoints 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-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 +731,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 +760,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 +779,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 +807,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 +843,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,16 +862,18 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
       </b>
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -875,14 +885,14 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -899,25 +909,25 @@ exports[`Pagination API verify insetSm inset breakpoints 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-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 +941,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 +970,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 +989,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 +1017,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 +1053,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,16 +1072,18 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
       </b>
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -1083,14 +1095,14 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -1107,25 +1119,25 @@ exports[`Pagination API verify insetXl inset breakpoints 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-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 +1151,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 +1180,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 +1199,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 +1227,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,40 +1263,42 @@ 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>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           1 - 10 - 40 -
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -1301,25 +1315,25 @@ exports[`Pagination component render custom pagination toggle 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-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 +1347,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 +1376,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 +1400,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 +1428,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 +1463,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,16 +1482,18 @@ exports[`Pagination component render custom perPageOptions 1`] = `
       </b>
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -1489,14 +1505,14 @@ exports[`Pagination component render custom perPageOptions 1`] = `
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -1513,25 +1529,25 @@ exports[`Pagination component render custom perPageOptions 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-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 +1561,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 +1590,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 +1614,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 +1642,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 +1677,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,16 +1696,18 @@ exports[`Pagination component render custom start end 1`] = `
       </b>
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             5 - 15
@@ -1701,14 +1719,14 @@ exports[`Pagination component render custom start end 1`] = `
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -1725,24 +1743,24 @@ exports[`Pagination component render custom start end 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="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 +1774,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 +1802,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 +1826,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 +1854,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 +1889,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 +1910,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 +1942,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 +1971,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 +1995,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 +2023,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 +2058,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,16 +2077,18 @@ exports[`Pagination component render last page 1`] = `
       </b>
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             11 - 20
@@ -2080,14 +2100,14 @@ exports[`Pagination component render last page 1`] = `
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -2104,24 +2124,24 @@ exports[`Pagination component render last page 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="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 +2155,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 +2183,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 +2207,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 +2236,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 +2272,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,16 +2291,18 @@ exports[`Pagination component render limited number of pages 1`] = `
       </b>
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 20
@@ -2292,14 +2314,14 @@ exports[`Pagination component render limited number of pages 1`] = `
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -2316,25 +2338,25 @@ exports[`Pagination component render limited number of pages 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-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 +2370,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 +2399,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 +2424,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 +2453,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,23 +2489,25 @@ 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>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-bottom-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -2495,14 +2519,14 @@ exports[`Pagination component render should render correctly bottom 1`] = `
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -2519,25 +2543,25 @@ exports[`Pagination component render should render correctly bottom 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-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 +2575,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 +2604,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 +2628,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 +2656,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,23 +2691,25 @@ 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>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-bottom-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -2695,14 +2721,14 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -2719,25 +2745,25 @@ exports[`Pagination component render should render correctly bottom sticky 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-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 +2777,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 +2806,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 +2830,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 +2858,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 +2893,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,16 +2912,18 @@ exports[`Pagination component render should render correctly compact 1`] = `
       </b>
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -2907,14 +2935,14 @@ exports[`Pagination component render should render correctly compact 1`] = `
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -2931,25 +2959,25 @@ exports[`Pagination component render should render correctly compact 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-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 +2991,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 +3020,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 +3044,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 +3072,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 +3107,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,17 +3126,19 @@ exports[`Pagination component render should render correctly disabled 1`] = `
       </b>
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text pf-m-disabled"
+        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-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -3120,14 +3150,14 @@ exports[`Pagination component render should render correctly disabled 1`] = `
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -3144,25 +3174,25 @@ exports[`Pagination component render should render correctly disabled 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-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 +3206,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 +3235,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 +3260,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 +3289,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 +3325,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,16 +3344,18 @@ exports[`Pagination component render should render correctly sticky 1`] = `
       </b>
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -3335,14 +3367,14 @@ exports[`Pagination component render should render correctly sticky 1`] = `
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -3359,25 +3391,25 @@ exports[`Pagination component render should render correctly sticky 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-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 +3423,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 +3452,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 +3476,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 +3504,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 +3539,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,16 +3558,18 @@ exports[`Pagination component render should render correctly top 1`] = `
       </b>
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -3547,14 +3581,14 @@ exports[`Pagination component render should render correctly top 1`] = `
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -3571,25 +3605,25 @@ exports[`Pagination component render should render correctly top 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-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 +3637,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 +3666,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 +3690,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 +3718,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 +3753,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,16 +3772,18 @@ exports[`Pagination component render titles 1`] = `
       </b>
        values
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -3759,14 +3795,14 @@ exports[`Pagination component render titles 1`] = `
            values
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -3783,25 +3819,25 @@ exports[`Pagination component render titles 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-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 +3851,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 +3880,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 +3904,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 +3932,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 +3967,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,16 +3986,18 @@ exports[`Pagination component render up drop direction 1`] = `
       </b>
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -3971,14 +4009,14 @@ exports[`Pagination component render up drop direction 1`] = `
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -3995,25 +4033,25 @@ exports[`Pagination component render up drop direction 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-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 +4065,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 +4094,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 +4118,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 +4146,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 +4181,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,16 +4200,18 @@ exports[`Pagination component render zero results 1`] = `
       </b>
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             0 - 0
@@ -4183,14 +4223,14 @@ exports[`Pagination component render zero results 1`] = `
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -4207,25 +4247,25 @@ exports[`Pagination component render zero results 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-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 +4279,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 +4308,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 +4333,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 +4362,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"