@patternfly/react-core 6.0.0-alpha.4 → 6.0.0-alpha.40

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

@@ -3,15 +3,15 @@
 exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination pf-m-inset-2xl pf-m-inset-2xl-on-sm pf-m-inset-2xl-on-md pf-m-inset-2xl-on-lg pf-m-inset-2xl-on-xl pf-m-inset-2xl-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-44"
+    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="PF5/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,17 +69,17 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-179"
+          data-ouia-component-id="OUIA-Generated-Button-plain-177"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -85,7 +87,7 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -99,14 +101,14 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-180"
+          data-ouia-component-id="OUIA-Generated-Button-plain-178"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -114,7 +116,7 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -128,10 +130,10 @@ 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"
@@ -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-181"
+          data-ouia-component-id="OUIA-Generated-Button-plain-179"
           data-ouia-component-type="PF5/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-182"
+          data-ouia-component-id="OUIA-Generated-Button-plain-180"
           data-ouia-component-type="PF5/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"
+    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="PF5/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,17 +279,17 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-171"
+          data-ouia-component-id="OUIA-Generated-Button-plain-169"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -293,7 +297,7 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -307,14 +311,14 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-172"
+          data-ouia-component-id="OUIA-Generated-Button-plain-170"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -322,7 +326,7 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -336,10 +340,10 @@ 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"
@@ -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-173"
+          data-ouia-component-id="OUIA-Generated-Button-plain-171"
           data-ouia-component-type="PF5/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-174"
+          data-ouia-component-id="OUIA-Generated-Button-plain-172"
           data-ouia-component-type="PF5/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"
+    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="PF5/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,17 +489,17 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-167"
+          data-ouia-component-id="OUIA-Generated-Button-plain-165"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -501,7 +507,7 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -515,14 +521,14 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-168"
+          data-ouia-component-id="OUIA-Generated-Button-plain-166"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -530,7 +536,7 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -544,10 +550,10 @@ 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"
@@ -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-169"
+          data-ouia-component-id="OUIA-Generated-Button-plain-167"
           data-ouia-component-type="PF5/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-170"
+          data-ouia-component-id="OUIA-Generated-Button-plain-168"
           data-ouia-component-type="PF5/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"
+    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="PF5/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,17 +699,17 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-159"
+          data-ouia-component-id="OUIA-Generated-Button-plain-157"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -709,7 +717,7 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -723,14 +731,14 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-160"
+          data-ouia-component-id="OUIA-Generated-Button-plain-158"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -738,7 +746,7 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -752,10 +760,10 @@ 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"
@@ -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-161"
+          data-ouia-component-id="OUIA-Generated-Button-plain-159"
           data-ouia-component-type="PF5/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-162"
+          data-ouia-component-id="OUIA-Generated-Button-plain-160"
           data-ouia-component-type="PF5/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"
+    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="PF5/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,17 +909,17 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-163"
+          data-ouia-component-id="OUIA-Generated-Button-plain-161"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -917,7 +927,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -931,14 +941,14 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-164"
+          data-ouia-component-id="OUIA-Generated-Button-plain-162"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -946,7 +956,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -960,10 +970,10 @@ 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"
@@ -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-165"
+          data-ouia-component-id="OUIA-Generated-Button-plain-163"
           data-ouia-component-type="PF5/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-166"
+          data-ouia-component-id="OUIA-Generated-Button-plain-164"
           data-ouia-component-type="PF5/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"
+    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="PF5/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,17 +1119,17 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-175"
+          data-ouia-component-id="OUIA-Generated-Button-plain-173"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1125,7 +1137,7 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1139,14 +1151,14 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-176"
+          data-ouia-component-id="OUIA-Generated-Button-plain-174"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1154,7 +1166,7 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1168,10 +1180,10 @@ 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"
@@ -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-177"
+          data-ouia-component-id="OUIA-Generated-Button-plain-175"
           data-ouia-component-type="PF5/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-178"
+          data-ouia-component-id="OUIA-Generated-Button-plain-176"
           data-ouia-component-type="PF5/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-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,17 +1315,17 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-51"
+          data-ouia-component-id="OUIA-Generated-Button-plain-53"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1319,7 +1333,7 @@ exports[`Pagination component render custom pagination toggle 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1333,14 +1347,14 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-52"
+          data-ouia-component-id="OUIA-Generated-Button-plain-54"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1348,7 +1362,7 @@ exports[`Pagination component render custom pagination toggle 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1362,15 +1376,15 @@ 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-13"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-14"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="4"
@@ -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-53"
+          data-ouia-component-id="OUIA-Generated-Button-plain-55"
           data-ouia-component-type="PF5/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-54"
+          data-ouia-component-id="OUIA-Generated-Button-plain-56"
           data-ouia-component-type="PF5/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-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,17 +1529,17 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-35"
+          data-ouia-component-id="OUIA-Generated-Button-plain-37"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1531,7 +1547,7 @@ exports[`Pagination component render custom perPageOptions 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1545,14 +1561,14 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-36"
+          data-ouia-component-id="OUIA-Generated-Button-plain-38"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1560,7 +1576,7 @@ exports[`Pagination component render custom perPageOptions 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1574,15 +1590,15 @@ 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-9"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-10"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="4"
@@ -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-37"
+          data-ouia-component-id="OUIA-Generated-Button-plain-39"
           data-ouia-component-type="PF5/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-38"
+          data-ouia-component-id="OUIA-Generated-Button-plain-40"
           data-ouia-component-type="PF5/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-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-43"
+          data-ouia-component-id="OUIA-Generated-Button-plain-45"
           data-ouia-component-type="PF5/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-44"
+          data-ouia-component-id="OUIA-Generated-Button-plain-46"
           data-ouia-component-type="PF5/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,15 +1802,15 @@ 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-11"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-12"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="4"
@@ -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-45"
+          data-ouia-component-id="OUIA-Generated-Button-plain-47"
           data-ouia-component-type="PF5/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-46"
+          data-ouia-component-id="OUIA-Generated-Button-plain-48"
           data-ouia-component-type="PF5/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-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,17 +1910,17 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-39"
+          data-ouia-component-id="OUIA-Generated-Button-plain-41"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1910,7 +1928,7 @@ exports[`Pagination component render empty per page options 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1924,14 +1942,14 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-40"
+          data-ouia-component-id="OUIA-Generated-Button-plain-42"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1939,7 +1957,7 @@ exports[`Pagination component render empty per page options 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1953,15 +1971,15 @@ 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-10"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-11"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="4"
@@ -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-41"
+          data-ouia-component-id="OUIA-Generated-Button-plain-43"
           data-ouia-component-type="PF5/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-42"
+          data-ouia-component-id="OUIA-Generated-Button-plain-44"
           data-ouia-component-type="PF5/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-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-31"
+          data-ouia-component-id="OUIA-Generated-Button-plain-33"
           data-ouia-component-type="PF5/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-32"
+          data-ouia-component-id="OUIA-Generated-Button-plain-34"
           data-ouia-component-type="PF5/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,15 +2183,15 @@ 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-8"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-9"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -2187,14 +2207,14 @@ 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-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-33"
+          data-ouia-component-id="OUIA-Generated-Button-plain-35"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2202,7 +2222,7 @@ exports[`Pagination component render last page 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2216,14 +2236,14 @@ 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-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-34"
+          data-ouia-component-id="OUIA-Generated-Button-plain-36"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2231,7 +2251,7 @@ exports[`Pagination component render last page 1`] = `
         >
           <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-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,17 +2338,17 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-23"
+          data-ouia-component-id="OUIA-Generated-Button-plain-25"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2334,7 +2356,7 @@ exports[`Pagination component render limited number of pages 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2348,14 +2370,14 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-24"
+          data-ouia-component-id="OUIA-Generated-Button-plain-26"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2363,7 +2385,7 @@ exports[`Pagination component render limited number of pages 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2377,15 +2399,15 @@ 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-6"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-7"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             disabled=""
@@ -2402,14 +2424,14 @@ 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-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-25"
+          data-ouia-component-id="OUIA-Generated-Button-plain-27"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2417,7 +2439,7 @@ exports[`Pagination component render limited number of pages 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2431,14 +2453,14 @@ 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-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-26"
+          data-ouia-component-id="OUIA-Generated-Button-plain-28"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2446,7 +2468,7 @@ exports[`Pagination component render limited number of pages 1`] = `
         >
           <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-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,15 +2543,15 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-5"
           data-ouia-component-type="PF5/Button"
@@ -2537,7 +2561,7 @@ exports[`Pagination component render should render correctly bottom 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2551,12 +2575,12 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-6"
           data-ouia-component-type="PF5/Button"
@@ -2566,7 +2590,7 @@ exports[`Pagination component render should render correctly bottom 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2580,10 +2604,10 @@ 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"
@@ -2604,12 +2628,12 @@ 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"
@@ -2618,7 +2642,7 @@ exports[`Pagination component render should render correctly bottom 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2632,12 +2656,12 @@ 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"
@@ -2646,7 +2670,7 @@ exports[`Pagination component render should render correctly bottom 1`] = `
         >
           <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-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,17 +2745,17 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-15"
+          data-ouia-component-id="OUIA-Generated-Button-plain-17"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2737,7 +2763,7 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2751,14 +2777,14 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-16"
+          data-ouia-component-id="OUIA-Generated-Button-plain-18"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2766,7 +2792,7 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2780,15 +2806,15 @@ 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-4"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-5"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -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-17"
+          data-ouia-component-id="OUIA-Generated-Button-plain-19"
           data-ouia-component-type="PF5/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-18"
+          data-ouia-component-id="OUIA-Generated-Button-plain-20"
           data-ouia-component-type="PF5/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 pf-m-compact"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-2"
     data-ouia-component-type="PF5/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,17 +2959,46 @@ 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"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
+      >
+        <button
+          aria-disabled="true"
+          aria-label="Go to first page"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
+          data-action="first"
+          data-ouia-component-id="OUIA-Generated-Button-plain-9"
+          data-ouia-component-type="PF5/Button"
+          data-ouia-safe="true"
+          disabled=""
+          type="button"
+        >
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 448 512"
+            width="1em"
+          >
+            <path
+              d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
+            />
+          </svg>
+        </button>
+      </div>
+      <div
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="true"
           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 pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-9"
+          data-ouia-component-id="OUIA-Generated-Button-plain-10"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2949,7 +3006,7 @@ exports[`Pagination component render should render correctly compact 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -2963,21 +3020,45 @@ 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-page-select"
+      >
+        <span
+          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-safe="true"
+            max="2"
+            min="1"
+            type="number"
+            value="1"
+          />
+        </span>
+        <span
+          aria-hidden="true"
+        >
+          of 2
+        </span>
+      </div>
+      <div
+        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-10"
+          data-ouia-component-id="OUIA-Generated-Button-plain-11"
           data-ouia-component-type="PF5/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"
@@ -2990,6 +3071,34 @@ exports[`Pagination component render should render correctly compact 1`] = `
           </svg>
         </button>
       </div>
+      <div
+        class="pf-v6-c-pagination__nav-control pf-m-last"
+      >
+        <button
+          aria-disabled="false"
+          aria-label="Go to last page"
+          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-safe="true"
+          type="button"
+        >
+          <svg
+            aria-hidden="true"
+            class="pf-v6-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 448 512"
+            width="1em"
+          >
+            <path
+              d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
+            />
+          </svg>
+        </button>
+      </div>
     </nav>
   </div>
 </DocumentFragment>
@@ -2998,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-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
@@ -3017,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
@@ -3039,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"
@@ -3063,17 +3174,17 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-19"
+          data-ouia-component-id="OUIA-Generated-Button-plain-21"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3081,7 +3192,7 @@ exports[`Pagination component render should render correctly disabled 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3095,14 +3206,14 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-20"
+          data-ouia-component-id="OUIA-Generated-Button-plain-22"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3110,7 +3221,7 @@ exports[`Pagination component render should render correctly disabled 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3124,15 +3235,15 @@ 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-5"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-6"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             disabled=""
@@ -3149,14 +3260,14 @@ 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-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-21"
+          data-ouia-component-id="OUIA-Generated-Button-plain-23"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3164,7 +3275,7 @@ exports[`Pagination component render should render correctly disabled 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3178,14 +3289,14 @@ 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-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-22"
+          data-ouia-component-id="OUIA-Generated-Button-plain-24"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3193,7 +3304,7 @@ exports[`Pagination component render should render correctly disabled 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3214,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-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
@@ -3233,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
@@ -3254,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"
@@ -3278,17 +3391,17 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-11"
+          data-ouia-component-id="OUIA-Generated-Button-plain-13"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3296,7 +3409,7 @@ exports[`Pagination component render should render correctly sticky 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3310,14 +3423,14 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-12"
+          data-ouia-component-id="OUIA-Generated-Button-plain-14"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3325,7 +3438,7 @@ exports[`Pagination component render should render correctly sticky 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3339,15 +3452,15 @@ 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-3"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-4"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -3363,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-13"
+          data-ouia-component-id="OUIA-Generated-Button-plain-15"
           data-ouia-component-type="PF5/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"
@@ -3391,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-14"
+          data-ouia-component-id="OUIA-Generated-Button-plain-16"
           data-ouia-component-type="PF5/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"
@@ -3426,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-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
@@ -3445,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
@@ -3466,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"
@@ -3490,15 +3605,15 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-1"
           data-ouia-component-type="PF5/Button"
@@ -3508,7 +3623,7 @@ exports[`Pagination component render should render correctly top 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3522,12 +3637,12 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-2"
           data-ouia-component-type="PF5/Button"
@@ -3537,7 +3652,7 @@ exports[`Pagination component render should render correctly top 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3551,10 +3666,10 @@ 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"
@@ -3575,12 +3690,12 @@ 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"
@@ -3589,7 +3704,7 @@ exports[`Pagination component render should render correctly top 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3603,12 +3718,12 @@ 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"
@@ -3617,7 +3732,7 @@ exports[`Pagination component render should render correctly top 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3638,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-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
@@ -3657,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
@@ -3678,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"
@@ -3702,17 +3819,17 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-47"
+          data-ouia-component-id="OUIA-Generated-Button-plain-49"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3720,7 +3837,7 @@ exports[`Pagination component render titles 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3734,14 +3851,14 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-48"
+          data-ouia-component-id="OUIA-Generated-Button-plain-50"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3749,7 +3866,7 @@ exports[`Pagination component render titles 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3763,15 +3880,15 @@ 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-12"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-13"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="4"
@@ -3787,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-49"
+          data-ouia-component-id="OUIA-Generated-Button-plain-51"
           data-ouia-component-type="PF5/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"
@@ -3815,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-50"
+          data-ouia-component-id="OUIA-Generated-Button-plain-52"
           data-ouia-component-type="PF5/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"
@@ -3850,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-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
@@ -3869,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
@@ -3890,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"
@@ -3914,17 +4033,17 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-55"
+          data-ouia-component-id="OUIA-Generated-Button-plain-57"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3932,7 +4051,7 @@ exports[`Pagination component render up drop direction 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3946,14 +4065,14 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-56"
+          data-ouia-component-id="OUIA-Generated-Button-plain-58"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3961,7 +4080,7 @@ exports[`Pagination component render up drop direction 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -3975,15 +4094,15 @@ 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-14"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-15"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="4"
@@ -3999,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-57"
+          data-ouia-component-id="OUIA-Generated-Button-plain-59"
           data-ouia-component-type="PF5/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"
@@ -4027,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-58"
+          data-ouia-component-id="OUIA-Generated-Button-plain-60"
           data-ouia-component-type="PF5/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"
@@ -4062,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-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
@@ -4081,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
@@ -4102,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"
@@ -4126,17 +4247,17 @@ 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-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-27"
+          data-ouia-component-id="OUIA-Generated-Button-plain-29"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -4144,7 +4265,7 @@ exports[`Pagination component render zero results 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -4158,14 +4279,14 @@ 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-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-28"
+          data-ouia-component-id="OUIA-Generated-Button-plain-30"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -4173,7 +4294,7 @@ exports[`Pagination component render zero results 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -4187,15 +4308,15 @@ 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-7"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-8"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             disabled=""
@@ -4212,14 +4333,14 @@ 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-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-29"
+          data-ouia-component-id="OUIA-Generated-Button-plain-31"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -4227,7 +4348,7 @@ exports[`Pagination component render zero results 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -4241,14 +4362,14 @@ 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-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain pf-m-disabled"
+          class="pf-v6-c-button pf-m-plain pf-m-disabled"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-30"
+          data-ouia-component-id="OUIA-Generated-Button-plain-32"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -4256,7 +4377,7 @@ exports[`Pagination component render zero results 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"