npm - @patternfly/react-core - Versions diffs - 5.2.0-prerelease.9 → 6.0.0-alpha.10 - Mend

@patternfly/react-core 5.2.0-prerelease.9 → 6.0.0-alpha.10

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

Files changed (1410) hide show

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

@@ -77,7 +77,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-181"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -106,7 +106,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-182"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -136,7 +136,7 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-45"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-46"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -154,7 +154,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-183"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -182,7 +182,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-184"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -285,7 +285,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-173"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -314,7 +314,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-174"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -344,7 +344,7 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-43"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-44"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -362,7 +362,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-175"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -390,7 +390,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-176"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -493,7 +493,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-169"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -522,7 +522,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-170"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -552,7 +552,7 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-42"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-43"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -570,7 +570,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-171"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -598,7 +598,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-172"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -701,7 +701,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-161"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -730,7 +730,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-162"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -760,7 +760,7 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-40"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-41"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -778,7 +778,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-163"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -806,7 +806,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-164"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -909,7 +909,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-165"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -938,7 +938,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-166"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -968,7 +968,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-41"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-42"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -986,7 +986,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-167"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1014,7 +1014,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-168"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1117,7 +1117,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-177"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1146,7 +1146,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-178"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
@@ -1176,7 +1176,7 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
           <input
             aria-invalid="false"
             aria-label="Current page"
-            data-ouia-component-id="OUIA-Generated-TextInputBase-44"
+            data-ouia-component-id="OUIA-Generated-TextInputBase-45"
             data-ouia-component-type="PF5/TextInput"
             data-ouia-safe="true"
             max="2"
@@ -1194,7 +1194,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-179"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1222,7 +1222,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-180"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
@@ -1311,7 +1311,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 +1340,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 +1370,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 +1393,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 +1421,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"
@@ -1523,7 +1523,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 +1552,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 +1582,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 +1605,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 +1633,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"
@@ -1735,7 +1735,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 +1763,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 +1792,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 +1815,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 +1843,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 +1902,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 +1931,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 +1961,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 +1984,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 +2012,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"
@@ -2114,7 +2114,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 +2142,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 +2171,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 +2194,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 +2223,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=""
@@ -2326,7 +2326,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 +2355,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 +2385,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 +2409,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 +2438,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=""
@@ -2729,7 +2729,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 +2758,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 +2788,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 +2811,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 +2839,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 +2867,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"
@@ -2933,6 +2933,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 +2970,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 +2991,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 +3023,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 +3043,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>
@@ -3073,7 +3154,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 +3183,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 +3213,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 +3237,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 +3266,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=""
@@ -3288,7 +3369,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 +3398,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 +3428,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 +3451,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 +3479,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"
@@ -3712,7 +3793,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 +3822,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 +3852,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 +3875,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 +3903,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"
@@ -3924,7 +4005,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 +4034,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 +4064,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 +4087,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 +4115,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"
@@ -4136,7 +4217,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 +4246,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 +4276,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 +4300,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 +4329,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=""