@patternfly/react-core 6.0.0-alpha.5 → 6.0.0-alpha.50

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-181"
+          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-182"
+          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,15 +130,15 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-46"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-45"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -147,21 +149,21 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-183"
+          data-ouia-component-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-184"
+          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-173"
+          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-174"
+          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,15 +340,15 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-44"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-43"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -355,21 +359,21 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-175"
+          data-ouia-component-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-176"
+          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-169"
+          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-170"
+          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,15 +550,15 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-43"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-42"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -563,21 +569,21 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-171"
+          data-ouia-component-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-172"
+          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-161"
+          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-162"
+          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,15 +760,15 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-41"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-40"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -771,21 +779,21 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-163"
+          data-ouia-component-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-164"
+          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-165"
+          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-166"
+          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,15 +970,15 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-42"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-41"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -979,21 +989,21 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-167"
+          data-ouia-component-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-168"
+          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-177"
+          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-178"
+          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,15 +1180,15 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-45"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-44"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -1187,21 +1199,21 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-179"
+          data-ouia-component-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-180"
+          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,15 +1315,15 @@ 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-53"
           data-ouia-component-type="PF5/Button"
@@ -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,12 +1347,12 @@ 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-54"
           data-ouia-component-type="PF5/Button"
@@ -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,10 +1376,10 @@ 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"
@@ -1386,12 +1400,12 @@ exports[`Pagination component render custom pagination toggle 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-55"
           data-ouia-component-type="PF5/Button"
@@ -1400,7 +1414,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"
@@ -1414,12 +1428,12 @@ exports[`Pagination component render custom pagination toggle 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-56"
           data-ouia-component-type="PF5/Button"
@@ -1428,7 +1442,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"
@@ -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,15 +1529,15 @@ 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-37"
           data-ouia-component-type="PF5/Button"
@@ -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,12 +1561,12 @@ 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-38"
           data-ouia-component-type="PF5/Button"
@@ -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,10 +1590,10 @@ 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"
@@ -1598,12 +1614,12 @@ exports[`Pagination component render custom perPageOptions 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-39"
           data-ouia-component-type="PF5/Button"
@@ -1612,7 +1628,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"
@@ -1626,12 +1642,12 @@ exports[`Pagination component render custom perPageOptions 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-40"
           data-ouia-component-type="PF5/Button"
@@ -1640,7 +1656,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"
@@ -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,15 +1743,15 @@ exports[`Pagination component render custom start end 1`] = `
     </div>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
           aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-45"
           data-ouia-component-type="PF5/Button"
@@ -1742,7 +1760,7 @@ exports[`Pagination component render custom start end 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1756,12 +1774,12 @@ exports[`Pagination component render custom start end 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-46"
           data-ouia-component-type="PF5/Button"
@@ -1770,7 +1788,7 @@ exports[`Pagination component render custom start end 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1784,10 +1802,10 @@ 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"
@@ -1808,12 +1826,12 @@ exports[`Pagination component render custom start end 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-47"
           data-ouia-component-type="PF5/Button"
@@ -1822,7 +1840,7 @@ exports[`Pagination component render custom start end 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -1836,12 +1854,12 @@ exports[`Pagination component render custom start end 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-48"
           data-ouia-component-type="PF5/Button"
@@ -1850,7 +1868,7 @@ exports[`Pagination component render custom start end 1`] = `
         >
           <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,15 +1910,15 @@ 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-41"
           data-ouia-component-type="PF5/Button"
@@ -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,12 +1942,12 @@ 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-42"
           data-ouia-component-type="PF5/Button"
@@ -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,10 +1971,10 @@ 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"
@@ -1977,12 +1995,12 @@ exports[`Pagination component render empty per page options 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-43"
           data-ouia-component-type="PF5/Button"
@@ -1991,7 +2009,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"
@@ -2005,12 +2023,12 @@ exports[`Pagination component render empty per page options 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-44"
           data-ouia-component-type="PF5/Button"
@@ -2019,7 +2037,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"
@@ -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,15 +2124,15 @@ exports[`Pagination component render last page 1`] = `
     </div>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
           aria-disabled="false"
           aria-label="Go to first page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="first"
           data-ouia-component-id="OUIA-Generated-Button-plain-33"
           data-ouia-component-type="PF5/Button"
@@ -2121,7 +2141,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"
@@ -2135,12 +2155,12 @@ exports[`Pagination component render last page 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to previous page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="previous"
           data-ouia-component-id="OUIA-Generated-Button-plain-34"
           data-ouia-component-type="PF5/Button"
@@ -2149,7 +2169,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"
@@ -2163,10 +2183,10 @@ 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"
@@ -2187,12 +2207,12 @@ 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-35"
           data-ouia-component-type="PF5/Button"
@@ -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,12 +2236,12 @@ 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-36"
           data-ouia-component-type="PF5/Button"
@@ -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,15 +2338,15 @@ 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-25"
           data-ouia-component-type="PF5/Button"
@@ -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,12 +2370,12 @@ 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-26"
           data-ouia-component-type="PF5/Button"
@@ -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,10 +2399,10 @@ 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"
@@ -2402,12 +2424,12 @@ 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-27"
           data-ouia-component-type="PF5/Button"
@@ -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,12 +2453,12 @@ 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-28"
           data-ouia-component-type="PF5/Button"
@@ -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,15 +2745,15 @@ 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-17"
           data-ouia-component-type="PF5/Button"
@@ -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,12 +2777,12 @@ 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-18"
           data-ouia-component-type="PF5/Button"
@@ -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,10 +2806,10 @@ 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"
@@ -2804,12 +2830,12 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-19"
           data-ouia-component-type="PF5/Button"
@@ -2818,7 +2844,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"
@@ -2832,12 +2858,12 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-20"
           data-ouia-component-type="PF5/Button"
@@ -2846,7 +2872,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"
@@ -2867,15 +2893,15 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
 exports[`Pagination component render should render correctly compact 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-2"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-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,15 +2959,15 @@ exports[`Pagination component render should render correctly compact 1`] = `
     </div>
     <nav
       aria-label="Pagination"
-      class="pf-v5-c-pagination__nav"
+      class="pf-v6-c-pagination__nav"
     >
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-first"
+        class="pf-v6-c-pagination__nav-control pf-m-first"
       >
         <button
           aria-disabled="true"
           aria-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-9"
           data-ouia-component-type="PF5/Button"
@@ -2949,7 +2977,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,12 +2991,12 @@ exports[`Pagination component render should render correctly compact 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="true"
           aria-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-10"
           data-ouia-component-type="PF5/Button"
@@ -2978,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"
@@ -2992,10 +3020,10 @@ exports[`Pagination component render should render correctly compact 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-page-select"
+        class="pf-v6-c-pagination__nav-page-select"
       >
         <span
-          class="pf-v5-c-form-control"
+          class="pf-v6-c-form-control"
         >
           <input
             aria-invalid="false"
@@ -3016,12 +3044,12 @@ exports[`Pagination component render should render correctly compact 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-11"
           data-ouia-component-type="PF5/Button"
@@ -3030,7 +3058,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"
@@ -3044,12 +3072,12 @@ exports[`Pagination component render should render correctly compact 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-12"
           data-ouia-component-type="PF5/Button"
@@ -3058,7 +3086,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"
@@ -3079,15 +3107,15 @@ exports[`Pagination component render should render correctly compact 1`] = `
 exports[`Pagination component render should render correctly disabled 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-4"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -3098,17 +3126,19 @@ exports[`Pagination component render should render correctly disabled 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text pf-m-disabled"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-disabled"
         disabled=""
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -3120,14 +3150,14 @@ exports[`Pagination component render should render correctly disabled 1`] = `
            
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -3144,15 +3174,15 @@ 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-21"
           data-ouia-component-type="PF5/Button"
@@ -3162,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"
@@ -3176,12 +3206,12 @@ 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-22"
           data-ouia-component-type="PF5/Button"
@@ -3191,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"
@@ -3205,10 +3235,10 @@ 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"
@@ -3230,12 +3260,12 @@ 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-23"
           data-ouia-component-type="PF5/Button"
@@ -3245,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"
@@ -3259,12 +3289,12 @@ 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-24"
           data-ouia-component-type="PF5/Button"
@@ -3274,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"
@@ -3295,15 +3325,15 @@ exports[`Pagination component render should render correctly disabled 1`] = `
 exports[`Pagination component render should render correctly sticky 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination pf-m-sticky"
+    class="pf-v6-c-pagination pf-m-sticky"
     data-ouia-component-id="OUIA-Generated-Pagination-top-3"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -3314,16 +3344,18 @@ exports[`Pagination component render should render correctly sticky 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -3335,14 +3367,14 @@ exports[`Pagination component render should render correctly sticky 1`] = `
            
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -3359,15 +3391,15 @@ 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-13"
           data-ouia-component-type="PF5/Button"
@@ -3377,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"
@@ -3391,12 +3423,12 @@ 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-14"
           data-ouia-component-type="PF5/Button"
@@ -3406,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"
@@ -3420,10 +3452,10 @@ 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"
@@ -3444,12 +3476,12 @@ exports[`Pagination component render should render correctly sticky 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-15"
           data-ouia-component-type="PF5/Button"
@@ -3458,7 +3490,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"
@@ -3472,12 +3504,12 @@ exports[`Pagination component render should render correctly sticky 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-16"
           data-ouia-component-type="PF5/Button"
@@ -3486,7 +3518,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"
@@ -3507,15 +3539,15 @@ exports[`Pagination component render should render correctly sticky 1`] = `
 exports[`Pagination component render should render correctly top 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-1"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -3526,16 +3558,18 @@ exports[`Pagination component render should render correctly top 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -3547,14 +3581,14 @@ exports[`Pagination component render should render correctly top 1`] = `
            
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -3571,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"
@@ -3589,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"
@@ -3603,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"
@@ -3618,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"
@@ -3632,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"
@@ -3656,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"
@@ -3670,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"
@@ -3684,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"
@@ -3698,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"
@@ -3719,15 +3753,15 @@ exports[`Pagination component render should render correctly top 1`] = `
 exports[`Pagination component render titles 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-11"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -3738,16 +3772,18 @@ exports[`Pagination component render titles 1`] = `
       </b>
        values
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -3759,14 +3795,14 @@ exports[`Pagination component render titles 1`] = `
            values
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -3783,15 +3819,15 @@ 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-49"
           data-ouia-component-type="PF5/Button"
@@ -3801,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"
@@ -3815,12 +3851,12 @@ 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-50"
           data-ouia-component-type="PF5/Button"
@@ -3830,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"
@@ -3844,10 +3880,10 @@ 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"
@@ -3868,12 +3904,12 @@ exports[`Pagination component render titles 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-51"
           data-ouia-component-type="PF5/Button"
@@ -3882,7 +3918,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"
@@ -3896,12 +3932,12 @@ exports[`Pagination component render titles 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-52"
           data-ouia-component-type="PF5/Button"
@@ -3910,7 +3946,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"
@@ -3931,15 +3967,15 @@ exports[`Pagination component render titles 1`] = `
 exports[`Pagination component render up drop direction 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-13"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         1 - 10
@@ -3950,16 +3986,18 @@ exports[`Pagination component render up drop direction 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             1 - 10
@@ -3971,14 +4009,14 @@ exports[`Pagination component render up drop direction 1`] = `
            
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -3995,15 +4033,15 @@ 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-57"
           data-ouia-component-type="PF5/Button"
@@ -4013,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"
@@ -4027,12 +4065,12 @@ 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-58"
           data-ouia-component-type="PF5/Button"
@@ -4042,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"
@@ -4056,10 +4094,10 @@ 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"
@@ -4080,12 +4118,12 @@ exports[`Pagination component render up drop direction 1`] = `
         </span>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control"
+        class="pf-v6-c-pagination__nav-control"
       >
         <button
           aria-disabled="false"
           aria-label="Go to next page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="next"
           data-ouia-component-id="OUIA-Generated-Button-plain-59"
           data-ouia-component-type="PF5/Button"
@@ -4094,7 +4132,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"
@@ -4108,12 +4146,12 @@ exports[`Pagination component render up drop direction 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-pagination__nav-control pf-m-last"
+        class="pf-v6-c-pagination__nav-control pf-m-last"
       >
         <button
           aria-disabled="false"
           aria-label="Go to last page"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-action="last"
           data-ouia-component-id="OUIA-Generated-Button-plain-60"
           data-ouia-component-type="PF5/Button"
@@ -4122,7 +4160,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"
@@ -4143,15 +4181,15 @@ exports[`Pagination component render up drop direction 1`] = `
 exports[`Pagination component render zero results 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination"
+    class="pf-v6-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-6"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
-    style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
+    style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
     <div
-      class="pf-v5-c-pagination__total-items"
+      class="pf-v6-c-pagination__total-items"
     >
       <b>
         0 - 0
@@ -4162,16 +4200,18 @@ exports[`Pagination component render zero results 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v6-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
-        class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
+        class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
         id="options-menu-top-toggle"
         type="button"
       >
         <span
-          class="pf-v5-c-menu-toggle__text"
+          class="pf-v6-c-menu-toggle__text"
         >
           <b>
             0 - 0
@@ -4183,14 +4223,14 @@ exports[`Pagination component render zero results 1`] = `
            
         </span>
         <span
-          class="pf-v5-c-menu-toggle__controls"
+          class="pf-v6-c-menu-toggle__controls"
         >
           <span
-            class="pf-v5-c-menu-toggle__toggle-icon"
+            class="pf-v6-c-menu-toggle__toggle-icon"
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -4207,15 +4247,15 @@ 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-29"
           data-ouia-component-type="PF5/Button"
@@ -4225,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"
@@ -4239,12 +4279,12 @@ 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-30"
           data-ouia-component-type="PF5/Button"
@@ -4254,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"
@@ -4268,10 +4308,10 @@ 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"
@@ -4293,12 +4333,12 @@ 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-31"
           data-ouia-component-type="PF5/Button"
@@ -4308,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"
@@ -4322,12 +4362,12 @@ 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-32"
           data-ouia-component-type="PF5/Button"
@@ -4337,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"