@patternfly/react-core 6.0.0-alpha.2 → 6.0.0-alpha.20

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

@@ -4,7 +4,7 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
 <DocumentFragment>
   <div
     class="pf-v5-c-pagination pf-m-inset-2xl pf-m-inset-2xl-on-sm pf-m-inset-2xl-on-md pf-m-inset-2xl-on-lg pf-m-inset-2xl-on-xl pf-m-inset-2xl-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-44"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-43"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
@@ -22,7 +22,9 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -77,7 +79,7 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-179"
+          data-ouia-component-id="OUIA-Generated-Button-plain-177"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -106,7 +108,7 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-180"
+          data-ouia-component-id="OUIA-Generated-Button-plain-178"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -154,7 +156,7 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-181"
+          data-ouia-component-id="OUIA-Generated-Button-plain-179"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -182,7 +184,7 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-182"
+          data-ouia-component-id="OUIA-Generated-Button-plain-180"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -212,7 +214,7 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
 <DocumentFragment>
   <div
     class="pf-v5-c-pagination pf-m-inset-lg pf-m-inset-lg-on-sm pf-m-inset-lg-on-md pf-m-inset-lg-on-lg pf-m-inset-lg-on-xl pf-m-inset-lg-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-42"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-41"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
@@ -230,7 +232,9 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -285,7 +289,7 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-171"
+          data-ouia-component-id="OUIA-Generated-Button-plain-169"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -314,7 +318,7 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-172"
+          data-ouia-component-id="OUIA-Generated-Button-plain-170"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -362,7 +366,7 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-173"
+          data-ouia-component-id="OUIA-Generated-Button-plain-171"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -390,7 +394,7 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-174"
+          data-ouia-component-id="OUIA-Generated-Button-plain-172"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -420,7 +424,7 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
 <DocumentFragment>
   <div
     class="pf-v5-c-pagination pf-m-inset-md pf-m-inset-md-on-sm pf-m-inset-md-on-md pf-m-inset-md-on-lg pf-m-inset-md-on-xl pf-m-inset-md-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-41"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-40"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
@@ -438,7 +442,9 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -493,7 +499,7 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-167"
+          data-ouia-component-id="OUIA-Generated-Button-plain-165"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -522,7 +528,7 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-168"
+          data-ouia-component-id="OUIA-Generated-Button-plain-166"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -570,7 +576,7 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-169"
+          data-ouia-component-id="OUIA-Generated-Button-plain-167"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -598,7 +604,7 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-170"
+          data-ouia-component-id="OUIA-Generated-Button-plain-168"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -628,7 +634,7 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
 <DocumentFragment>
   <div
     class="pf-v5-c-pagination pf-m-inset-none pf-m-inset-none-on-sm pf-m-inset-none-on-md pf-m-inset-none-on-lg pf-m-inset-none-on-xl pf-m-inset-none-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-39"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-38"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
@@ -646,7 +652,9 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -701,7 +709,7 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-159"
+          data-ouia-component-id="OUIA-Generated-Button-plain-157"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -730,7 +738,7 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-160"
+          data-ouia-component-id="OUIA-Generated-Button-plain-158"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -778,7 +786,7 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-161"
+          data-ouia-component-id="OUIA-Generated-Button-plain-159"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -806,7 +814,7 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-162"
+          data-ouia-component-id="OUIA-Generated-Button-plain-160"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -836,7 +844,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
 <DocumentFragment>
   <div
     class="pf-v5-c-pagination pf-m-inset-sm pf-m-inset-sm-on-sm pf-m-inset-sm-on-md pf-m-inset-sm-on-lg pf-m-inset-sm-on-xl pf-m-inset-sm-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-40"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-39"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
@@ -854,7 +862,9 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -909,7 +919,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-163"
+          data-ouia-component-id="OUIA-Generated-Button-plain-161"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -938,7 +948,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-164"
+          data-ouia-component-id="OUIA-Generated-Button-plain-162"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -986,7 +996,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-165"
+          data-ouia-component-id="OUIA-Generated-Button-plain-163"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1014,7 +1024,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-166"
+          data-ouia-component-id="OUIA-Generated-Button-plain-164"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1044,7 +1054,7 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
 <DocumentFragment>
   <div
     class="pf-v5-c-pagination pf-m-inset-xl pf-m-inset-xl-on-sm pf-m-inset-xl-on-md pf-m-inset-xl-on-lg pf-m-inset-xl-on-xl pf-m-inset-xl-on-2xl"
-    data-ouia-component-id="OUIA-Generated-Pagination-top-43"
+    data-ouia-component-id="OUIA-Generated-Pagination-top-42"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
     id="options-menu-top-pagination"
@@ -1062,7 +1072,9 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -1117,7 +1129,7 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-175"
+          data-ouia-component-id="OUIA-Generated-Button-plain-173"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1146,7 +1158,7 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-176"
+          data-ouia-component-id="OUIA-Generated-Button-plain-174"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1194,7 +1206,7 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-177"
+          data-ouia-component-id="OUIA-Generated-Button-plain-175"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1222,7 +1234,7 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-178"
+          data-ouia-component-id="OUIA-Generated-Button-plain-176"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1263,7 +1275,9 @@ exports[`Pagination component render custom pagination toggle 1`] = `
     >
       1 - 10 - 40 - 
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -1311,7 +1325,7 @@ exports[`Pagination component render custom pagination toggle 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-51"
+          data-ouia-component-id="OUIA-Generated-Button-plain-53"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1340,7 +1354,7 @@ exports[`Pagination component render custom pagination toggle 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-52"
+          data-ouia-component-id="OUIA-Generated-Button-plain-54"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1370,7 +1384,7 @@ exports[`Pagination component render custom pagination toggle 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-13"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-14"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="4"
@@ -1393,7 +1407,7 @@ exports[`Pagination component render custom pagination toggle 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-53"
+          data-ouia-component-id="OUIA-Generated-Button-plain-55"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1421,7 +1435,7 @@ exports[`Pagination component render custom pagination toggle 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-54"
+          data-ouia-component-id="OUIA-Generated-Button-plain-56"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1468,7 +1482,9 @@ exports[`Pagination component render custom perPageOptions 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -1523,7 +1539,7 @@ exports[`Pagination component render custom perPageOptions 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-35"
+          data-ouia-component-id="OUIA-Generated-Button-plain-37"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1552,7 +1568,7 @@ exports[`Pagination component render custom perPageOptions 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-36"
+          data-ouia-component-id="OUIA-Generated-Button-plain-38"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1582,7 +1598,7 @@ exports[`Pagination component render custom perPageOptions 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-9"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-10"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="4"
@@ -1605,7 +1621,7 @@ exports[`Pagination component render custom perPageOptions 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-37"
+          data-ouia-component-id="OUIA-Generated-Button-plain-39"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1633,7 +1649,7 @@ exports[`Pagination component render custom perPageOptions 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-38"
+          data-ouia-component-id="OUIA-Generated-Button-plain-40"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1680,7 +1696,9 @@ exports[`Pagination component render custom start end 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -1735,7 +1753,7 @@ exports[`Pagination component render custom start end 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-43"
+          data-ouia-component-id="OUIA-Generated-Button-plain-45"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1763,7 +1781,7 @@ exports[`Pagination component render custom start end 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-44"
+          data-ouia-component-id="OUIA-Generated-Button-plain-46"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1792,7 +1810,7 @@ exports[`Pagination component render custom start end 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-11"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-12"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="4"
@@ -1815,7 +1833,7 @@ exports[`Pagination component render custom start end 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-45"
+          data-ouia-component-id="OUIA-Generated-Button-plain-47"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1843,7 +1861,7 @@ exports[`Pagination component render custom start end 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-46"
+          data-ouia-component-id="OUIA-Generated-Button-plain-48"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1902,7 +1920,7 @@ exports[`Pagination component render empty per page options 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-39"
+          data-ouia-component-id="OUIA-Generated-Button-plain-41"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1931,7 +1949,7 @@ exports[`Pagination component render empty per page options 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-40"
+          data-ouia-component-id="OUIA-Generated-Button-plain-42"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1961,7 +1979,7 @@ exports[`Pagination component render empty per page options 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-10"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-11"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="4"
@@ -1984,7 +2002,7 @@ exports[`Pagination component render empty per page options 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-41"
+          data-ouia-component-id="OUIA-Generated-Button-plain-43"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -2012,7 +2030,7 @@ exports[`Pagination component render empty per page options 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-42"
+          data-ouia-component-id="OUIA-Generated-Button-plain-44"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -2059,7 +2077,9 @@ exports[`Pagination component render last page 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -2114,7 +2134,7 @@ exports[`Pagination component render last page 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-31"
+          data-ouia-component-id="OUIA-Generated-Button-plain-33"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -2142,7 +2162,7 @@ exports[`Pagination component render last page 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-32"
+          data-ouia-component-id="OUIA-Generated-Button-plain-34"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -2171,7 +2191,7 @@ exports[`Pagination component render last page 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-8"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-9"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -2194,7 +2214,7 @@ exports[`Pagination component render last page 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-33"
+          data-ouia-component-id="OUIA-Generated-Button-plain-35"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2223,7 +2243,7 @@ exports[`Pagination component render last page 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-34"
+          data-ouia-component-id="OUIA-Generated-Button-plain-36"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2271,7 +2291,9 @@ exports[`Pagination component render limited number of pages 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -2326,7 +2348,7 @@ exports[`Pagination component render limited number of pages 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-23"
+          data-ouia-component-id="OUIA-Generated-Button-plain-25"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2355,7 +2377,7 @@ exports[`Pagination component render limited number of pages 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-24"
+          data-ouia-component-id="OUIA-Generated-Button-plain-26"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2385,7 +2407,7 @@ exports[`Pagination component render limited number of pages 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-6"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-7"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             disabled=""
@@ -2409,7 +2431,7 @@ exports[`Pagination component render limited number of pages 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-25"
+          data-ouia-component-id="OUIA-Generated-Button-plain-27"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2438,7 +2460,7 @@ exports[`Pagination component render limited number of pages 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-26"
+          data-ouia-component-id="OUIA-Generated-Button-plain-28"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2474,7 +2496,9 @@ exports[`Pagination component render should render correctly bottom 1`] = `
     id="options-menu-bottom-pagination"
     style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -2674,7 +2698,9 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
     id="options-menu-bottom-pagination"
     style="--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
   >
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -2729,7 +2755,7 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-15"
+          data-ouia-component-id="OUIA-Generated-Button-plain-17"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2758,7 +2784,7 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-16"
+          data-ouia-component-id="OUIA-Generated-Button-plain-18"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2788,7 +2814,7 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-4"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-5"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -2811,7 +2837,7 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-17"
+          data-ouia-component-id="OUIA-Generated-Button-plain-19"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -2839,7 +2865,7 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-18"
+          data-ouia-component-id="OUIA-Generated-Button-plain-20"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -2867,7 +2893,7 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
 exports[`Pagination component render should render correctly compact 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-pagination pf-m-compact"
+    class="pf-v5-c-pagination"
     data-ouia-component-id="OUIA-Generated-Pagination-top-2"
     data-ouia-component-type="PF5/Pagination"
     data-ouia-safe="true"
@@ -2886,7 +2912,9 @@ exports[`Pagination component render should render correctly compact 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -2933,6 +2961,35 @@ exports[`Pagination component render should render correctly compact 1`] = `
       aria-label="Pagination"
       class="pf-v5-c-pagination__nav"
     >
+      <div
+        class="pf-v5-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"
+          data-action="first"
+          data-ouia-component-id="OUIA-Generated-Button-plain-9"
+          data-ouia-component-type="PF5/Button"
+          data-ouia-safe="true"
+          disabled=""
+          type="button"
+        >
+          <svg
+            aria-hidden="true"
+            class="pf-v5-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 448 512"
+            width="1em"
+          >
+            <path
+              d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
+            />
+          </svg>
+        </button>
+      </div>
       <div
         class="pf-v5-c-pagination__nav-control"
       >
@@ -2941,7 +2998,7 @@ exports[`Pagination component render should render correctly compact 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-9"
+          data-ouia-component-id="OUIA-Generated-Button-plain-10"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -2962,6 +3019,30 @@ exports[`Pagination component render should render correctly compact 1`] = `
           </svg>
         </button>
       </div>
+      <div
+        class="pf-v5-c-pagination__nav-page-select"
+      >
+        <span
+          class="pf-v5-c-form-control"
+        >
+          <input
+            aria-invalid="false"
+            aria-label="Current page"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-3"
+            data-ouia-component-type="PF5/TextInput"
+            data-ouia-safe="true"
+            max="2"
+            min="1"
+            type="number"
+            value="1"
+          />
+        </span>
+        <span
+          aria-hidden="true"
+        >
+          of 2
+        </span>
+      </div>
       <div
         class="pf-v5-c-pagination__nav-control"
       >
@@ -2970,7 +3051,7 @@ exports[`Pagination component render should render correctly compact 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-10"
+          data-ouia-component-id="OUIA-Generated-Button-plain-11"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -2990,6 +3071,34 @@ exports[`Pagination component render should render correctly compact 1`] = `
           </svg>
         </button>
       </div>
+      <div
+        class="pf-v5-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"
+          data-action="last"
+          data-ouia-component-id="OUIA-Generated-Button-plain-12"
+          data-ouia-component-type="PF5/Button"
+          data-ouia-safe="true"
+          type="button"
+        >
+          <svg
+            aria-hidden="true"
+            class="pf-v5-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 448 512"
+            width="1em"
+          >
+            <path
+              d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
+            />
+          </svg>
+        </button>
+      </div>
     </nav>
   </div>
 </DocumentFragment>
@@ -3017,7 +3126,9 @@ exports[`Pagination component render should render correctly disabled 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -3073,7 +3184,7 @@ exports[`Pagination component render should render correctly disabled 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-19"
+          data-ouia-component-id="OUIA-Generated-Button-plain-21"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3102,7 +3213,7 @@ exports[`Pagination component render should render correctly disabled 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-20"
+          data-ouia-component-id="OUIA-Generated-Button-plain-22"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3132,7 +3243,7 @@ exports[`Pagination component render should render correctly disabled 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-5"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-6"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             disabled=""
@@ -3156,7 +3267,7 @@ exports[`Pagination component render should render correctly disabled 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-21"
+          data-ouia-component-id="OUIA-Generated-Button-plain-23"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3185,7 +3296,7 @@ exports[`Pagination component render should render correctly disabled 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-22"
+          data-ouia-component-id="OUIA-Generated-Button-plain-24"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3233,7 +3344,9 @@ exports[`Pagination component render should render correctly sticky 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -3288,7 +3401,7 @@ exports[`Pagination component render should render correctly sticky 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-11"
+          data-ouia-component-id="OUIA-Generated-Button-plain-13"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3317,7 +3430,7 @@ exports[`Pagination component render should render correctly sticky 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-12"
+          data-ouia-component-id="OUIA-Generated-Button-plain-14"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3347,7 +3460,7 @@ exports[`Pagination component render should render correctly sticky 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-3"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-4"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -3370,7 +3483,7 @@ exports[`Pagination component render should render correctly sticky 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-13"
+          data-ouia-component-id="OUIA-Generated-Button-plain-15"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -3398,7 +3511,7 @@ exports[`Pagination component render should render correctly sticky 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-14"
+          data-ouia-component-id="OUIA-Generated-Button-plain-16"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -3445,7 +3558,9 @@ exports[`Pagination component render should render correctly top 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -3657,7 +3772,9 @@ exports[`Pagination component render titles 1`] = `
       </b>
        values
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -3712,7 +3829,7 @@ exports[`Pagination component render titles 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-47"
+          data-ouia-component-id="OUIA-Generated-Button-plain-49"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3741,7 +3858,7 @@ exports[`Pagination component render titles 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-48"
+          data-ouia-component-id="OUIA-Generated-Button-plain-50"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3771,7 +3888,7 @@ exports[`Pagination component render titles 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-12"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-13"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="4"
@@ -3794,7 +3911,7 @@ exports[`Pagination component render titles 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-49"
+          data-ouia-component-id="OUIA-Generated-Button-plain-51"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -3822,7 +3939,7 @@ exports[`Pagination component render titles 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-50"
+          data-ouia-component-id="OUIA-Generated-Button-plain-52"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -3869,7 +3986,9 @@ exports[`Pagination component render up drop direction 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -3924,7 +4043,7 @@ exports[`Pagination component render up drop direction 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-55"
+          data-ouia-component-id="OUIA-Generated-Button-plain-57"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3953,7 +4072,7 @@ exports[`Pagination component render up drop direction 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-56"
+          data-ouia-component-id="OUIA-Generated-Button-plain-58"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -3983,7 +4102,7 @@ exports[`Pagination component render up drop direction 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-14"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-15"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="4"
@@ -4006,7 +4125,7 @@ exports[`Pagination component render up drop direction 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-57"
+          data-ouia-component-id="OUIA-Generated-Button-plain-59"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -4034,7 +4153,7 @@ exports[`Pagination component render up drop direction 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-58"
+          data-ouia-component-id="OUIA-Generated-Button-plain-60"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -4081,7 +4200,9 @@ exports[`Pagination component render zero results 1`] = `
       </b>
        
     </div>
-    <div>
+    <div
+      class="pf-v5-c-pagination__page-menu"
+    >
       <button
         aria-expanded="false"
         aria-haspopup="listbox"
@@ -4136,7 +4257,7 @@ exports[`Pagination component render zero results 1`] = `
           aria-label="Go to first page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="first"
-          data-ouia-component-id="OUIA-Generated-Button-plain-27"
+          data-ouia-component-id="OUIA-Generated-Button-plain-29"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -4165,7 +4286,7 @@ exports[`Pagination component render zero results 1`] = `
           aria-label="Go to previous page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="previous"
-          data-ouia-component-id="OUIA-Generated-Button-plain-28"
+          data-ouia-component-id="OUIA-Generated-Button-plain-30"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -4195,7 +4316,7 @@ exports[`Pagination component render zero results 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-7"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-8"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             disabled=""
@@ -4219,7 +4340,7 @@ exports[`Pagination component render zero results 1`] = `
           aria-label="Go to next page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="next"
-          data-ouia-component-id="OUIA-Generated-Button-plain-29"
+          data-ouia-component-id="OUIA-Generated-Button-plain-31"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -4248,7 +4369,7 @@ exports[`Pagination component render zero results 1`] = `
           aria-label="Go to last page"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-action="last"
-          data-ouia-component-id="OUIA-Generated-Button-plain-30"
+          data-ouia-component-id="OUIA-Generated-Button-plain-32"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""