@patternfly/react-core 6.0.0-alpha.83 → 6.0.0-alpha.84

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 (174) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/components/package.json +1 -8
  3. package/deprecated/package.json +1 -8
  4. package/dist/dynamic/components/AboutModal/package.json +1 -8
  5. package/dist/dynamic/components/Accordion/package.json +1 -8
  6. package/dist/dynamic/components/ActionList/package.json +1 -8
  7. package/dist/dynamic/components/Alert/package.json +1 -8
  8. package/dist/dynamic/components/Avatar/package.json +1 -8
  9. package/dist/dynamic/components/BackToTop/package.json +1 -8
  10. package/dist/dynamic/components/Backdrop/package.json +1 -8
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -8
  12. package/dist/dynamic/components/Badge/package.json +1 -8
  13. package/dist/dynamic/components/Banner/package.json +1 -8
  14. package/dist/dynamic/components/Brand/package.json +1 -8
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -8
  16. package/dist/dynamic/components/Button/package.json +1 -8
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -8
  18. package/dist/dynamic/components/Card/package.json +1 -8
  19. package/dist/dynamic/components/Checkbox/package.json +1 -8
  20. package/dist/dynamic/components/ClipboardCopy/package.json +1 -8
  21. package/dist/dynamic/components/CodeBlock/package.json +1 -8
  22. package/dist/dynamic/components/Content/package.json +1 -8
  23. package/dist/dynamic/components/DataList/package.json +1 -8
  24. package/dist/dynamic/components/DatePicker/package.json +1 -8
  25. package/dist/dynamic/components/DescriptionList/package.json +1 -8
  26. package/dist/dynamic/components/Divider/package.json +1 -8
  27. package/dist/dynamic/components/Drawer/package.json +1 -8
  28. package/dist/dynamic/components/Dropdown/package.json +1 -8
  29. package/dist/dynamic/components/DualListSelector/package.json +1 -8
  30. package/dist/dynamic/components/EmptyState/package.json +1 -8
  31. package/dist/dynamic/components/ExpandableSection/package.json +1 -8
  32. package/dist/dynamic/components/FileUpload/package.json +1 -8
  33. package/dist/dynamic/components/Form/package.json +1 -8
  34. package/dist/dynamic/components/FormSelect/package.json +1 -8
  35. package/dist/dynamic/components/HelperText/package.json +1 -8
  36. package/dist/dynamic/components/Hint/package.json +1 -8
  37. package/dist/dynamic/components/Icon/package.json +1 -8
  38. package/dist/dynamic/components/InputGroup/package.json +1 -8
  39. package/dist/dynamic/components/JumpLinks/package.json +1 -8
  40. package/dist/dynamic/components/Label/package.json +1 -8
  41. package/dist/dynamic/components/List/package.json +1 -8
  42. package/dist/dynamic/components/LoginPage/package.json +1 -8
  43. package/dist/dynamic/components/Masthead/package.json +1 -8
  44. package/dist/dynamic/components/Menu/package.json +1 -8
  45. package/dist/dynamic/components/MenuToggle/package.json +1 -8
  46. package/dist/dynamic/components/Modal/package.json +1 -8
  47. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -8
  48. package/dist/dynamic/components/Nav/package.json +1 -8
  49. package/dist/dynamic/components/NotificationBadge/package.json +1 -8
  50. package/dist/dynamic/components/NotificationDrawer/package.json +1 -8
  51. package/dist/dynamic/components/NumberInput/package.json +1 -8
  52. package/dist/dynamic/components/OverflowMenu/package.json +1 -8
  53. package/dist/dynamic/components/Page/package.json +1 -8
  54. package/dist/dynamic/components/Pagination/package.json +1 -8
  55. package/dist/dynamic/components/Panel/package.json +1 -8
  56. package/dist/dynamic/components/Popover/package.json +1 -8
  57. package/dist/dynamic/components/Progress/package.json +1 -8
  58. package/dist/dynamic/components/ProgressStepper/package.json +1 -8
  59. package/dist/dynamic/components/Radio/package.json +1 -8
  60. package/dist/dynamic/components/SearchInput/package.json +1 -8
  61. package/dist/dynamic/components/Select/package.json +1 -8
  62. package/dist/dynamic/components/Sidebar/package.json +1 -8
  63. package/dist/dynamic/components/SimpleList/package.json +1 -8
  64. package/dist/dynamic/components/Skeleton/package.json +1 -8
  65. package/dist/dynamic/components/SkipToContent/package.json +1 -8
  66. package/dist/dynamic/components/Slider/package.json +1 -8
  67. package/dist/dynamic/components/Spinner/package.json +1 -8
  68. package/dist/dynamic/components/Switch/package.json +1 -8
  69. package/dist/dynamic/components/Tabs/package.json +1 -8
  70. package/dist/dynamic/components/TextArea/package.json +1 -8
  71. package/dist/dynamic/components/TextInput/package.json +1 -8
  72. package/dist/dynamic/components/TextInputGroup/package.json +1 -8
  73. package/dist/dynamic/components/Tile/package.json +1 -8
  74. package/dist/dynamic/components/TimePicker/package.json +1 -8
  75. package/dist/dynamic/components/Timestamp/package.json +1 -8
  76. package/dist/dynamic/components/Title/package.json +1 -8
  77. package/dist/dynamic/components/ToggleGroup/package.json +1 -8
  78. package/dist/dynamic/components/Toolbar/package.json +1 -8
  79. package/dist/dynamic/components/Tooltip/package.json +1 -8
  80. package/dist/dynamic/components/TreeView/package.json +1 -8
  81. package/dist/dynamic/components/Truncate/package.json +1 -8
  82. package/dist/dynamic/components/Wizard/hooks/package.json +1 -8
  83. package/dist/dynamic/components/Wizard/package.json +1 -8
  84. package/dist/dynamic/deprecated/components/Chip/package.json +1 -8
  85. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -8
  86. package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -8
  87. package/dist/dynamic/deprecated/components/Modal/package.json +1 -8
  88. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -8
  89. package/dist/dynamic/deprecated/components/package.json +1 -8
  90. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -8
  91. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -8
  92. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -8
  93. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -8
  94. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -8
  95. package/dist/dynamic/helpers/constants/package.json +1 -8
  96. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -8
  97. package/dist/dynamic/helpers/fileUtils/package.json +1 -8
  98. package/dist/dynamic/helpers/htmlConstants/package.json +1 -8
  99. package/dist/dynamic/helpers/package.json +1 -8
  100. package/dist/dynamic/helpers/resizeObserver/package.json +1 -8
  101. package/dist/dynamic/helpers/typeUtils/package.json +1 -8
  102. package/dist/dynamic/helpers/useInterval/package.json +1 -8
  103. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -8
  104. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -8
  105. package/dist/dynamic/helpers/util/package.json +1 -8
  106. package/dist/dynamic/layouts/Bullseye/package.json +1 -8
  107. package/dist/dynamic/layouts/Flex/package.json +1 -8
  108. package/dist/dynamic/layouts/Gallery/package.json +1 -8
  109. package/dist/dynamic/layouts/Grid/package.json +1 -8
  110. package/dist/dynamic/layouts/Level/package.json +1 -8
  111. package/dist/dynamic/layouts/Split/package.json +1 -8
  112. package/dist/dynamic/layouts/Stack/package.json +1 -8
  113. package/dist/dynamic/styles/package.json +1 -8
  114. package/dist/esm/components/Pagination/Pagination.d.ts +2 -0
  115. package/dist/esm/components/Pagination/Pagination.d.ts.map +1 -1
  116. package/dist/esm/components/Pagination/Pagination.js +2 -2
  117. package/dist/esm/components/Pagination/Pagination.js.map +1 -1
  118. package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts +3 -0
  119. package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts.map +1 -1
  120. package/dist/esm/components/Pagination/PaginationOptionsMenu.js +19 -16
  121. package/dist/esm/components/Pagination/PaginationOptionsMenu.js.map +1 -1
  122. package/dist/esm/components/Wizard/Wizard.d.ts.map +1 -1
  123. package/dist/esm/components/Wizard/Wizard.js +5 -1
  124. package/dist/esm/components/Wizard/Wizard.js.map +1 -1
  125. package/dist/esm/components/Wizard/WizardContext.d.ts.map +1 -1
  126. package/dist/esm/components/Wizard/WizardContext.js +4 -0
  127. package/dist/esm/components/Wizard/WizardContext.js.map +1 -1
  128. package/dist/esm/components/Wizard/WizardStep.d.ts +2 -2
  129. package/dist/esm/components/Wizard/WizardStep.d.ts.map +1 -1
  130. package/dist/esm/components/Wizard/WizardToggle.d.ts.map +1 -1
  131. package/dist/esm/components/Wizard/WizardToggle.js +1 -2
  132. package/dist/esm/components/Wizard/WizardToggle.js.map +1 -1
  133. package/dist/js/components/Pagination/Pagination.d.ts +2 -0
  134. package/dist/js/components/Pagination/Pagination.d.ts.map +1 -1
  135. package/dist/js/components/Pagination/Pagination.js +2 -2
  136. package/dist/js/components/Pagination/Pagination.js.map +1 -1
  137. package/dist/js/components/Pagination/PaginationOptionsMenu.d.ts +3 -0
  138. package/dist/js/components/Pagination/PaginationOptionsMenu.d.ts.map +1 -1
  139. package/dist/js/components/Pagination/PaginationOptionsMenu.js +19 -16
  140. package/dist/js/components/Pagination/PaginationOptionsMenu.js.map +1 -1
  141. package/dist/js/components/Wizard/Wizard.d.ts.map +1 -1
  142. package/dist/js/components/Wizard/Wizard.js +5 -1
  143. package/dist/js/components/Wizard/Wizard.js.map +1 -1
  144. package/dist/js/components/Wizard/WizardContext.d.ts.map +1 -1
  145. package/dist/js/components/Wizard/WizardContext.js +4 -0
  146. package/dist/js/components/Wizard/WizardContext.js.map +1 -1
  147. package/dist/js/components/Wizard/WizardStep.d.ts +2 -2
  148. package/dist/js/components/Wizard/WizardStep.d.ts.map +1 -1
  149. package/dist/js/components/Wizard/WizardToggle.d.ts.map +1 -1
  150. package/dist/js/components/Wizard/WizardToggle.js +1 -2
  151. package/dist/js/components/Wizard/WizardToggle.js.map +1 -1
  152. package/dist/umd/assets/{output-ZK-DtcVp.css → output-WegUSgI7.css} +904 -904
  153. package/dist/umd/react-core.min.js +1 -1
  154. package/helpers/package.json +1 -8
  155. package/layouts/package.json +1 -8
  156. package/next/package.json +1 -8
  157. package/package.json +2 -2
  158. package/src/components/Pagination/Pagination.tsx +4 -0
  159. package/src/components/Pagination/PaginationOptionsMenu.tsx +42 -34
  160. package/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap +42 -38
  161. package/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +854 -774
  162. package/src/components/Wizard/Wizard.tsx +6 -1
  163. package/src/components/Wizard/WizardContext.tsx +5 -0
  164. package/src/components/Wizard/WizardStep.tsx +2 -2
  165. package/src/components/Wizard/WizardToggle.tsx +1 -2
  166. package/src/components/Wizard/__tests__/WizardStep.test.tsx +0 -5
  167. package/src/components/Wizard/examples/Wizard.md +0 -2
  168. package/src/components/Wizard/examples/WizardStepDrawerContent.tsx +13 -3
  169. package/src/components/Wizard/examples/WizardValidateOnButtonPress.tsx +15 -4
  170. package/src/components/Wizard/examples/WizardWithCustomFooter.tsx +24 -9
  171. package/src/demos/examples/Wizard/InModalWithDrawer.tsx +10 -5
  172. package/src/demos/examples/Wizard/InModalWithDrawerInformationalStep.tsx +10 -5
  173. package/src/demos/examples/Wizard/InPageWithDrawer.tsx +10 -5
  174. package/src/demos/examples/Wizard/InPageWithDrawerInformationalStep.tsx +10 -5
package/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap CHANGED
@@ -22,50 +22,54 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
22
22
  </b>
23
23
 
24
24
  </div>
25
- <button
26
- aria-expanded="false"
27
- aria-haspopup="listbox"
28
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
29
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-44"
30
- data-ouia-component-type="PF6/MenuToggle"
31
- data-ouia-safe="true"
32
- id="options-menu-top-toggle"
33
- type="button"
25
+ <div
26
+ class="pf-v6-c-pagination__page-menu"
34
27
  >
35
- <span
36
- class="pf-v6-c-menu-toggle__text"
37
- >
38
- <b>
39
- 1 - 10
40
- </b>
41
- of
42
- <b>
43
- 0
44
- </b>
45
-
46
- </span>
47
- <span
48
- class="pf-v6-c-menu-toggle__controls"
28
+ <button
29
+ aria-expanded="false"
30
+ aria-haspopup="listbox"
31
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
32
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-44"
33
+ data-ouia-component-type="PF6/MenuToggle"
34
+ data-ouia-safe="true"
35
+ id="options-menu-top-toggle"
36
+ type="button"
49
37
  >
50
38
  <span
51
- class="pf-v6-c-menu-toggle__toggle-icon"
52
- >
53
- <svg
54
- aria-hidden="true"
55
- class="pf-v6-svg"
56
- fill="currentColor"
57
- height="1em"
58
- role="img"
59
- viewBox="0 0 320 512"
60
- width="1em"
39
+ class="pf-v6-c-menu-toggle__text"
40
+ >
41
+ <b>
42
+ 1 - 10
43
+ </b>
44
+ of
45
+ <b>
46
+ 0
47
+ </b>
48
+
49
+ </span>
50
+ <span
51
+ class="pf-v6-c-menu-toggle__controls"
52
+ >
53
+ <span
54
+ class="pf-v6-c-menu-toggle__toggle-icon"
61
55
  >
62
- <path
63
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
64
- />
65
- </svg>
56
+ <svg
57
+ aria-hidden="true"
58
+ class="pf-v6-svg"
59
+ fill="currentColor"
60
+ height="1em"
61
+ role="img"
62
+ viewBox="0 0 320 512"
63
+ width="1em"
64
+ >
65
+ <path
66
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
67
+ />
68
+ </svg>
69
+ </span>
66
70
  </span>
67
- </span>
68
- </button>
71
+ </button>
72
+ </div>
69
73
  <nav
70
74
  aria-label="Pagination"
71
75
  class="pf-v6-c-pagination__nav"
@@ -247,50 +251,54 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
247
251
  </b>
248
252
 
249
253
  </div>
250
- <button
251
- aria-expanded="false"
252
- aria-haspopup="listbox"
253
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
254
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-42"
255
- data-ouia-component-type="PF6/MenuToggle"
256
- data-ouia-safe="true"
257
- id="options-menu-top-toggle"
258
- type="button"
254
+ <div
255
+ class="pf-v6-c-pagination__page-menu"
259
256
  >
260
- <span
261
- class="pf-v6-c-menu-toggle__text"
262
- >
263
- <b>
264
- 1 - 10
265
- </b>
266
- of
267
- <b>
268
- 0
269
- </b>
270
-
271
- </span>
272
- <span
273
- class="pf-v6-c-menu-toggle__controls"
257
+ <button
258
+ aria-expanded="false"
259
+ aria-haspopup="listbox"
260
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
261
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-42"
262
+ data-ouia-component-type="PF6/MenuToggle"
263
+ data-ouia-safe="true"
264
+ id="options-menu-top-toggle"
265
+ type="button"
274
266
  >
275
267
  <span
276
- class="pf-v6-c-menu-toggle__toggle-icon"
277
- >
278
- <svg
279
- aria-hidden="true"
280
- class="pf-v6-svg"
281
- fill="currentColor"
282
- height="1em"
283
- role="img"
284
- viewBox="0 0 320 512"
285
- width="1em"
268
+ class="pf-v6-c-menu-toggle__text"
269
+ >
270
+ <b>
271
+ 1 - 10
272
+ </b>
273
+ of
274
+ <b>
275
+ 0
276
+ </b>
277
+
278
+ </span>
279
+ <span
280
+ class="pf-v6-c-menu-toggle__controls"
281
+ >
282
+ <span
283
+ class="pf-v6-c-menu-toggle__toggle-icon"
286
284
  >
287
- <path
288
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
289
- />
290
- </svg>
285
+ <svg
286
+ aria-hidden="true"
287
+ class="pf-v6-svg"
288
+ fill="currentColor"
289
+ height="1em"
290
+ role="img"
291
+ viewBox="0 0 320 512"
292
+ width="1em"
293
+ >
294
+ <path
295
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
296
+ />
297
+ </svg>
298
+ </span>
291
299
  </span>
292
- </span>
293
- </button>
300
+ </button>
301
+ </div>
294
302
  <nav
295
303
  aria-label="Pagination"
296
304
  class="pf-v6-c-pagination__nav"
@@ -472,50 +480,54 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
472
480
  </b>
473
481
 
474
482
  </div>
475
- <button
476
- aria-expanded="false"
477
- aria-haspopup="listbox"
478
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
479
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-41"
480
- data-ouia-component-type="PF6/MenuToggle"
481
- data-ouia-safe="true"
482
- id="options-menu-top-toggle"
483
- type="button"
483
+ <div
484
+ class="pf-v6-c-pagination__page-menu"
484
485
  >
485
- <span
486
- class="pf-v6-c-menu-toggle__text"
487
- >
488
- <b>
489
- 1 - 10
490
- </b>
491
- of
492
- <b>
493
- 0
494
- </b>
495
-
496
- </span>
497
- <span
498
- class="pf-v6-c-menu-toggle__controls"
486
+ <button
487
+ aria-expanded="false"
488
+ aria-haspopup="listbox"
489
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
490
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-41"
491
+ data-ouia-component-type="PF6/MenuToggle"
492
+ data-ouia-safe="true"
493
+ id="options-menu-top-toggle"
494
+ type="button"
499
495
  >
500
496
  <span
501
- class="pf-v6-c-menu-toggle__toggle-icon"
502
- >
503
- <svg
504
- aria-hidden="true"
505
- class="pf-v6-svg"
506
- fill="currentColor"
507
- height="1em"
508
- role="img"
509
- viewBox="0 0 320 512"
510
- width="1em"
497
+ class="pf-v6-c-menu-toggle__text"
498
+ >
499
+ <b>
500
+ 1 - 10
501
+ </b>
502
+ of
503
+ <b>
504
+ 0
505
+ </b>
506
+
507
+ </span>
508
+ <span
509
+ class="pf-v6-c-menu-toggle__controls"
510
+ >
511
+ <span
512
+ class="pf-v6-c-menu-toggle__toggle-icon"
511
513
  >
512
- <path
513
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
514
- />
515
- </svg>
514
+ <svg
515
+ aria-hidden="true"
516
+ class="pf-v6-svg"
517
+ fill="currentColor"
518
+ height="1em"
519
+ role="img"
520
+ viewBox="0 0 320 512"
521
+ width="1em"
522
+ >
523
+ <path
524
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
525
+ />
526
+ </svg>
527
+ </span>
516
528
  </span>
517
- </span>
518
- </button>
529
+ </button>
530
+ </div>
519
531
  <nav
520
532
  aria-label="Pagination"
521
533
  class="pf-v6-c-pagination__nav"
@@ -697,50 +709,54 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
697
709
  </b>
698
710
 
699
711
  </div>
700
- <button
701
- aria-expanded="false"
702
- aria-haspopup="listbox"
703
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
704
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-39"
705
- data-ouia-component-type="PF6/MenuToggle"
706
- data-ouia-safe="true"
707
- id="options-menu-top-toggle"
708
- type="button"
712
+ <div
713
+ class="pf-v6-c-pagination__page-menu"
709
714
  >
710
- <span
711
- class="pf-v6-c-menu-toggle__text"
712
- >
713
- <b>
714
- 1 - 10
715
- </b>
716
- of
717
- <b>
718
- 0
719
- </b>
720
-
721
- </span>
722
- <span
723
- class="pf-v6-c-menu-toggle__controls"
715
+ <button
716
+ aria-expanded="false"
717
+ aria-haspopup="listbox"
718
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
719
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-39"
720
+ data-ouia-component-type="PF6/MenuToggle"
721
+ data-ouia-safe="true"
722
+ id="options-menu-top-toggle"
723
+ type="button"
724
724
  >
725
725
  <span
726
- class="pf-v6-c-menu-toggle__toggle-icon"
727
- >
728
- <svg
729
- aria-hidden="true"
730
- class="pf-v6-svg"
731
- fill="currentColor"
732
- height="1em"
733
- role="img"
734
- viewBox="0 0 320 512"
735
- width="1em"
726
+ class="pf-v6-c-menu-toggle__text"
727
+ >
728
+ <b>
729
+ 1 - 10
730
+ </b>
731
+ of
732
+ <b>
733
+ 0
734
+ </b>
735
+
736
+ </span>
737
+ <span
738
+ class="pf-v6-c-menu-toggle__controls"
739
+ >
740
+ <span
741
+ class="pf-v6-c-menu-toggle__toggle-icon"
736
742
  >
737
- <path
738
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
739
- />
740
- </svg>
743
+ <svg
744
+ aria-hidden="true"
745
+ class="pf-v6-svg"
746
+ fill="currentColor"
747
+ height="1em"
748
+ role="img"
749
+ viewBox="0 0 320 512"
750
+ width="1em"
751
+ >
752
+ <path
753
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
754
+ />
755
+ </svg>
756
+ </span>
741
757
  </span>
742
- </span>
743
- </button>
758
+ </button>
759
+ </div>
744
760
  <nav
745
761
  aria-label="Pagination"
746
762
  class="pf-v6-c-pagination__nav"
@@ -922,50 +938,54 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
922
938
  </b>
923
939
 
924
940
  </div>
925
- <button
926
- aria-expanded="false"
927
- aria-haspopup="listbox"
928
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
929
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-40"
930
- data-ouia-component-type="PF6/MenuToggle"
931
- data-ouia-safe="true"
932
- id="options-menu-top-toggle"
933
- type="button"
941
+ <div
942
+ class="pf-v6-c-pagination__page-menu"
934
943
  >
935
- <span
936
- class="pf-v6-c-menu-toggle__text"
937
- >
938
- <b>
939
- 1 - 10
940
- </b>
941
- of
942
- <b>
943
- 0
944
- </b>
945
-
946
- </span>
947
- <span
948
- class="pf-v6-c-menu-toggle__controls"
944
+ <button
945
+ aria-expanded="false"
946
+ aria-haspopup="listbox"
947
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
948
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-40"
949
+ data-ouia-component-type="PF6/MenuToggle"
950
+ data-ouia-safe="true"
951
+ id="options-menu-top-toggle"
952
+ type="button"
949
953
  >
950
954
  <span
951
- class="pf-v6-c-menu-toggle__toggle-icon"
952
- >
953
- <svg
954
- aria-hidden="true"
955
- class="pf-v6-svg"
956
- fill="currentColor"
957
- height="1em"
958
- role="img"
959
- viewBox="0 0 320 512"
960
- width="1em"
955
+ class="pf-v6-c-menu-toggle__text"
956
+ >
957
+ <b>
958
+ 1 - 10
959
+ </b>
960
+ of
961
+ <b>
962
+ 0
963
+ </b>
964
+
965
+ </span>
966
+ <span
967
+ class="pf-v6-c-menu-toggle__controls"
968
+ >
969
+ <span
970
+ class="pf-v6-c-menu-toggle__toggle-icon"
961
971
  >
962
- <path
963
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
964
- />
965
- </svg>
972
+ <svg
973
+ aria-hidden="true"
974
+ class="pf-v6-svg"
975
+ fill="currentColor"
976
+ height="1em"
977
+ role="img"
978
+ viewBox="0 0 320 512"
979
+ width="1em"
980
+ >
981
+ <path
982
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
983
+ />
984
+ </svg>
985
+ </span>
966
986
  </span>
967
- </span>
968
- </button>
987
+ </button>
988
+ </div>
969
989
  <nav
970
990
  aria-label="Pagination"
971
991
  class="pf-v6-c-pagination__nav"
@@ -1147,50 +1167,54 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
1147
1167
  </b>
1148
1168
 
1149
1169
  </div>
1150
- <button
1151
- aria-expanded="false"
1152
- aria-haspopup="listbox"
1153
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
1154
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-43"
1155
- data-ouia-component-type="PF6/MenuToggle"
1156
- data-ouia-safe="true"
1157
- id="options-menu-top-toggle"
1158
- type="button"
1170
+ <div
1171
+ class="pf-v6-c-pagination__page-menu"
1159
1172
  >
1160
- <span
1161
- class="pf-v6-c-menu-toggle__text"
1162
- >
1163
- <b>
1164
- 1 - 10
1165
- </b>
1166
- of
1167
- <b>
1168
- 0
1169
- </b>
1170
-
1171
- </span>
1172
- <span
1173
- class="pf-v6-c-menu-toggle__controls"
1173
+ <button
1174
+ aria-expanded="false"
1175
+ aria-haspopup="listbox"
1176
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
1177
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-43"
1178
+ data-ouia-component-type="PF6/MenuToggle"
1179
+ data-ouia-safe="true"
1180
+ id="options-menu-top-toggle"
1181
+ type="button"
1174
1182
  >
1175
1183
  <span
1176
- class="pf-v6-c-menu-toggle__toggle-icon"
1177
- >
1178
- <svg
1179
- aria-hidden="true"
1180
- class="pf-v6-svg"
1181
- fill="currentColor"
1182
- height="1em"
1183
- role="img"
1184
- viewBox="0 0 320 512"
1185
- width="1em"
1184
+ class="pf-v6-c-menu-toggle__text"
1185
+ >
1186
+ <b>
1187
+ 1 - 10
1188
+ </b>
1189
+ of
1190
+ <b>
1191
+ 0
1192
+ </b>
1193
+
1194
+ </span>
1195
+ <span
1196
+ class="pf-v6-c-menu-toggle__controls"
1197
+ >
1198
+ <span
1199
+ class="pf-v6-c-menu-toggle__toggle-icon"
1186
1200
  >
1187
- <path
1188
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
1189
- />
1190
- </svg>
1201
+ <svg
1202
+ aria-hidden="true"
1203
+ class="pf-v6-svg"
1204
+ fill="currentColor"
1205
+ height="1em"
1206
+ role="img"
1207
+ viewBox="0 0 320 512"
1208
+ width="1em"
1209
+ >
1210
+ <path
1211
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
1212
+ />
1213
+ </svg>
1214
+ </span>
1191
1215
  </span>
1192
- </span>
1193
- </button>
1216
+ </button>
1217
+ </div>
1194
1218
  <nav
1195
1219
  aria-label="Pagination"
1196
1220
  class="pf-v6-c-pagination__nav"
@@ -1365,43 +1389,47 @@ exports[`Pagination component render custom pagination toggle 1`] = `
1365
1389
  >
1366
1390
  1 - 10 - 40 -
1367
1391
  </div>
1368
- <button
1369
- aria-expanded="false"
1370
- aria-haspopup="listbox"
1371
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
1372
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-13"
1373
- data-ouia-component-type="PF6/MenuToggle"
1374
- data-ouia-safe="true"
1375
- id="options-menu-top-toggle"
1376
- type="button"
1392
+ <div
1393
+ class="pf-v6-c-pagination__page-menu"
1377
1394
  >
1378
- <span
1379
- class="pf-v6-c-menu-toggle__text"
1380
- >
1381
- 1 - 10 - 40 -
1382
- </span>
1383
- <span
1384
- class="pf-v6-c-menu-toggle__controls"
1395
+ <button
1396
+ aria-expanded="false"
1397
+ aria-haspopup="listbox"
1398
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
1399
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-13"
1400
+ data-ouia-component-type="PF6/MenuToggle"
1401
+ data-ouia-safe="true"
1402
+ id="options-menu-top-toggle"
1403
+ type="button"
1385
1404
  >
1386
1405
  <span
1387
- class="pf-v6-c-menu-toggle__toggle-icon"
1388
- >
1389
- <svg
1390
- aria-hidden="true"
1391
- class="pf-v6-svg"
1392
- fill="currentColor"
1393
- height="1em"
1394
- role="img"
1395
- viewBox="0 0 320 512"
1396
- width="1em"
1406
+ class="pf-v6-c-menu-toggle__text"
1407
+ >
1408
+ 1 - 10 - 40 -
1409
+ </span>
1410
+ <span
1411
+ class="pf-v6-c-menu-toggle__controls"
1412
+ >
1413
+ <span
1414
+ class="pf-v6-c-menu-toggle__toggle-icon"
1397
1415
  >
1398
- <path
1399
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
1400
- />
1401
- </svg>
1416
+ <svg
1417
+ aria-hidden="true"
1418
+ class="pf-v6-svg"
1419
+ fill="currentColor"
1420
+ height="1em"
1421
+ role="img"
1422
+ viewBox="0 0 320 512"
1423
+ width="1em"
1424
+ >
1425
+ <path
1426
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
1427
+ />
1428
+ </svg>
1429
+ </span>
1402
1430
  </span>
1403
- </span>
1404
- </button>
1431
+ </button>
1432
+ </div>
1405
1433
  <nav
1406
1434
  aria-label="Pagination"
1407
1435
  class="pf-v6-c-pagination__nav"
@@ -1587,50 +1615,54 @@ exports[`Pagination component render custom perPageOptions 1`] = `
1587
1615
  </b>
1588
1616
 
1589
1617
  </div>
1590
- <button
1591
- aria-expanded="false"
1592
- aria-haspopup="listbox"
1593
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
1594
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-10"
1595
- data-ouia-component-type="PF6/MenuToggle"
1596
- data-ouia-safe="true"
1597
- id="options-menu-top-toggle"
1598
- type="button"
1618
+ <div
1619
+ class="pf-v6-c-pagination__page-menu"
1599
1620
  >
1600
- <span
1601
- class="pf-v6-c-menu-toggle__text"
1602
- >
1603
- <b>
1604
- 1 - 10
1605
- </b>
1606
- of
1607
- <b>
1608
- 40
1609
- </b>
1610
-
1611
- </span>
1612
- <span
1613
- class="pf-v6-c-menu-toggle__controls"
1621
+ <button
1622
+ aria-expanded="false"
1623
+ aria-haspopup="listbox"
1624
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
1625
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-10"
1626
+ data-ouia-component-type="PF6/MenuToggle"
1627
+ data-ouia-safe="true"
1628
+ id="options-menu-top-toggle"
1629
+ type="button"
1614
1630
  >
1615
1631
  <span
1616
- class="pf-v6-c-menu-toggle__toggle-icon"
1617
- >
1618
- <svg
1619
- aria-hidden="true"
1620
- class="pf-v6-svg"
1621
- fill="currentColor"
1622
- height="1em"
1623
- role="img"
1624
- viewBox="0 0 320 512"
1625
- width="1em"
1632
+ class="pf-v6-c-menu-toggle__text"
1633
+ >
1634
+ <b>
1635
+ 1 - 10
1636
+ </b>
1637
+ of
1638
+ <b>
1639
+ 40
1640
+ </b>
1641
+
1642
+ </span>
1643
+ <span
1644
+ class="pf-v6-c-menu-toggle__controls"
1645
+ >
1646
+ <span
1647
+ class="pf-v6-c-menu-toggle__toggle-icon"
1626
1648
  >
1627
- <path
1628
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
1629
- />
1630
- </svg>
1649
+ <svg
1650
+ aria-hidden="true"
1651
+ class="pf-v6-svg"
1652
+ fill="currentColor"
1653
+ height="1em"
1654
+ role="img"
1655
+ viewBox="0 0 320 512"
1656
+ width="1em"
1657
+ >
1658
+ <path
1659
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
1660
+ />
1661
+ </svg>
1662
+ </span>
1631
1663
  </span>
1632
- </span>
1633
- </button>
1664
+ </button>
1665
+ </div>
1634
1666
  <nav
1635
1667
  aria-label="Pagination"
1636
1668
  class="pf-v6-c-pagination__nav"
@@ -1816,50 +1848,54 @@ exports[`Pagination component render custom start end 1`] = `
1816
1848
  </b>
1817
1849
 
1818
1850
  </div>
1819
- <button
1820
- aria-expanded="false"
1821
- aria-haspopup="listbox"
1822
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
1823
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-11"
1824
- data-ouia-component-type="PF6/MenuToggle"
1825
- data-ouia-safe="true"
1826
- id="options-menu-top-toggle"
1827
- type="button"
1851
+ <div
1852
+ class="pf-v6-c-pagination__page-menu"
1828
1853
  >
1829
- <span
1830
- class="pf-v6-c-menu-toggle__text"
1831
- >
1832
- <b>
1833
- 5 - 15
1834
- </b>
1835
- of
1836
- <b>
1837
- 40
1838
- </b>
1839
-
1840
- </span>
1841
- <span
1842
- class="pf-v6-c-menu-toggle__controls"
1854
+ <button
1855
+ aria-expanded="false"
1856
+ aria-haspopup="listbox"
1857
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
1858
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-11"
1859
+ data-ouia-component-type="PF6/MenuToggle"
1860
+ data-ouia-safe="true"
1861
+ id="options-menu-top-toggle"
1862
+ type="button"
1843
1863
  >
1844
1864
  <span
1845
- class="pf-v6-c-menu-toggle__toggle-icon"
1846
- >
1847
- <svg
1848
- aria-hidden="true"
1849
- class="pf-v6-svg"
1850
- fill="currentColor"
1851
- height="1em"
1852
- role="img"
1853
- viewBox="0 0 320 512"
1854
- width="1em"
1865
+ class="pf-v6-c-menu-toggle__text"
1866
+ >
1867
+ <b>
1868
+ 5 - 15
1869
+ </b>
1870
+ of
1871
+ <b>
1872
+ 40
1873
+ </b>
1874
+
1875
+ </span>
1876
+ <span
1877
+ class="pf-v6-c-menu-toggle__controls"
1878
+ >
1879
+ <span
1880
+ class="pf-v6-c-menu-toggle__toggle-icon"
1855
1881
  >
1856
- <path
1857
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
1858
- />
1859
- </svg>
1882
+ <svg
1883
+ aria-hidden="true"
1884
+ class="pf-v6-svg"
1885
+ fill="currentColor"
1886
+ height="1em"
1887
+ role="img"
1888
+ viewBox="0 0 320 512"
1889
+ width="1em"
1890
+ >
1891
+ <path
1892
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
1893
+ />
1894
+ </svg>
1895
+ </span>
1860
1896
  </span>
1861
- </span>
1862
- </button>
1897
+ </button>
1898
+ </div>
1863
1899
  <nav
1864
1900
  aria-label="Pagination"
1865
1901
  class="pf-v6-c-pagination__nav"
@@ -2228,50 +2264,54 @@ exports[`Pagination component render last page 1`] = `
2228
2264
  </b>
2229
2265
 
2230
2266
  </div>
2231
- <button
2232
- aria-expanded="false"
2233
- aria-haspopup="listbox"
2234
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
2235
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-9"
2236
- data-ouia-component-type="PF6/MenuToggle"
2237
- data-ouia-safe="true"
2238
- id="options-menu-top-toggle"
2239
- type="button"
2267
+ <div
2268
+ class="pf-v6-c-pagination__page-menu"
2240
2269
  >
2241
- <span
2242
- class="pf-v6-c-menu-toggle__text"
2243
- >
2244
- <b>
2245
- 11 - 20
2246
- </b>
2247
- of
2248
- <b>
2249
- 20
2250
- </b>
2251
-
2252
- </span>
2253
- <span
2254
- class="pf-v6-c-menu-toggle__controls"
2270
+ <button
2271
+ aria-expanded="false"
2272
+ aria-haspopup="listbox"
2273
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
2274
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-9"
2275
+ data-ouia-component-type="PF6/MenuToggle"
2276
+ data-ouia-safe="true"
2277
+ id="options-menu-top-toggle"
2278
+ type="button"
2255
2279
  >
2256
2280
  <span
2257
- class="pf-v6-c-menu-toggle__toggle-icon"
2258
- >
2259
- <svg
2260
- aria-hidden="true"
2261
- class="pf-v6-svg"
2262
- fill="currentColor"
2263
- height="1em"
2264
- role="img"
2265
- viewBox="0 0 320 512"
2266
- width="1em"
2281
+ class="pf-v6-c-menu-toggle__text"
2282
+ >
2283
+ <b>
2284
+ 11 - 20
2285
+ </b>
2286
+ of
2287
+ <b>
2288
+ 20
2289
+ </b>
2290
+
2291
+ </span>
2292
+ <span
2293
+ class="pf-v6-c-menu-toggle__controls"
2294
+ >
2295
+ <span
2296
+ class="pf-v6-c-menu-toggle__toggle-icon"
2267
2297
  >
2268
- <path
2269
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
2270
- />
2271
- </svg>
2298
+ <svg
2299
+ aria-hidden="true"
2300
+ class="pf-v6-svg"
2301
+ fill="currentColor"
2302
+ height="1em"
2303
+ role="img"
2304
+ viewBox="0 0 320 512"
2305
+ width="1em"
2306
+ >
2307
+ <path
2308
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
2309
+ />
2310
+ </svg>
2311
+ </span>
2272
2312
  </span>
2273
- </span>
2274
- </button>
2313
+ </button>
2314
+ </div>
2275
2315
  <nav
2276
2316
  aria-label="Pagination"
2277
2317
  class="pf-v6-c-pagination__nav"
@@ -2457,50 +2497,54 @@ exports[`Pagination component render limited number of pages 1`] = `
2457
2497
  </b>
2458
2498
 
2459
2499
  </div>
2460
- <button
2461
- aria-expanded="false"
2462
- aria-haspopup="listbox"
2463
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
2464
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-7"
2465
- data-ouia-component-type="PF6/MenuToggle"
2466
- data-ouia-safe="true"
2467
- id="options-menu-top-toggle"
2468
- type="button"
2500
+ <div
2501
+ class="pf-v6-c-pagination__page-menu"
2469
2502
  >
2470
- <span
2471
- class="pf-v6-c-menu-toggle__text"
2472
- >
2473
- <b>
2474
- 1 - 20
2475
- </b>
2476
- of
2477
- <b>
2478
- 20
2479
- </b>
2480
-
2481
- </span>
2482
- <span
2483
- class="pf-v6-c-menu-toggle__controls"
2503
+ <button
2504
+ aria-expanded="false"
2505
+ aria-haspopup="listbox"
2506
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
2507
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-7"
2508
+ data-ouia-component-type="PF6/MenuToggle"
2509
+ data-ouia-safe="true"
2510
+ id="options-menu-top-toggle"
2511
+ type="button"
2484
2512
  >
2485
2513
  <span
2486
- class="pf-v6-c-menu-toggle__toggle-icon"
2487
- >
2488
- <svg
2489
- aria-hidden="true"
2490
- class="pf-v6-svg"
2491
- fill="currentColor"
2492
- height="1em"
2493
- role="img"
2494
- viewBox="0 0 320 512"
2495
- width="1em"
2514
+ class="pf-v6-c-menu-toggle__text"
2515
+ >
2516
+ <b>
2517
+ 1 - 20
2518
+ </b>
2519
+ of
2520
+ <b>
2521
+ 20
2522
+ </b>
2523
+
2524
+ </span>
2525
+ <span
2526
+ class="pf-v6-c-menu-toggle__controls"
2527
+ >
2528
+ <span
2529
+ class="pf-v6-c-menu-toggle__toggle-icon"
2496
2530
  >
2497
- <path
2498
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
2499
- />
2500
- </svg>
2531
+ <svg
2532
+ aria-hidden="true"
2533
+ class="pf-v6-svg"
2534
+ fill="currentColor"
2535
+ height="1em"
2536
+ role="img"
2537
+ viewBox="0 0 320 512"
2538
+ width="1em"
2539
+ >
2540
+ <path
2541
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
2542
+ />
2543
+ </svg>
2544
+ </span>
2501
2545
  </span>
2502
- </span>
2503
- </button>
2546
+ </button>
2547
+ </div>
2504
2548
  <nav
2505
2549
  aria-label="Pagination"
2506
2550
  class="pf-v6-c-pagination__nav"
@@ -2677,50 +2721,54 @@ exports[`Pagination component render should render correctly bottom 1`] = `
2677
2721
  id="options-menu-bottom-pagination"
2678
2722
  style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
2679
2723
  >
2680
- <button
2681
- aria-expanded="false"
2682
- aria-haspopup="listbox"
2683
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
2684
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-2"
2685
- data-ouia-component-type="PF6/MenuToggle"
2686
- data-ouia-safe="true"
2687
- id="options-menu-bottom-toggle"
2688
- type="button"
2724
+ <div
2725
+ class="pf-v6-c-pagination__page-menu"
2689
2726
  >
2690
- <span
2691
- class="pf-v6-c-menu-toggle__text"
2692
- >
2693
- <b>
2694
- 1 - 10
2695
- </b>
2696
- of
2697
- <b>
2698
- 20
2699
- </b>
2700
-
2701
- </span>
2702
- <span
2703
- class="pf-v6-c-menu-toggle__controls"
2727
+ <button
2728
+ aria-expanded="false"
2729
+ aria-haspopup="listbox"
2730
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
2731
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-2"
2732
+ data-ouia-component-type="PF6/MenuToggle"
2733
+ data-ouia-safe="true"
2734
+ id="options-menu-bottom-toggle"
2735
+ type="button"
2704
2736
  >
2705
2737
  <span
2706
- class="pf-v6-c-menu-toggle__toggle-icon"
2707
- >
2708
- <svg
2709
- aria-hidden="true"
2710
- class="pf-v6-svg"
2711
- fill="currentColor"
2712
- height="1em"
2713
- role="img"
2714
- viewBox="0 0 320 512"
2715
- width="1em"
2738
+ class="pf-v6-c-menu-toggle__text"
2739
+ >
2740
+ <b>
2741
+ 1 - 10
2742
+ </b>
2743
+ of
2744
+ <b>
2745
+ 20
2746
+ </b>
2747
+
2748
+ </span>
2749
+ <span
2750
+ class="pf-v6-c-menu-toggle__controls"
2751
+ >
2752
+ <span
2753
+ class="pf-v6-c-menu-toggle__toggle-icon"
2716
2754
  >
2717
- <path
2718
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
2719
- />
2720
- </svg>
2755
+ <svg
2756
+ aria-hidden="true"
2757
+ class="pf-v6-svg"
2758
+ fill="currentColor"
2759
+ height="1em"
2760
+ role="img"
2761
+ viewBox="0 0 320 512"
2762
+ width="1em"
2763
+ >
2764
+ <path
2765
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
2766
+ />
2767
+ </svg>
2768
+ </span>
2721
2769
  </span>
2722
- </span>
2723
- </button>
2770
+ </button>
2771
+ </div>
2724
2772
  <nav
2725
2773
  aria-label="Pagination"
2726
2774
  class="pf-v6-c-pagination__nav"
@@ -2894,50 +2942,54 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
2894
2942
  id="options-menu-bottom-pagination"
2895
2943
  style="--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars: 2;"
2896
2944
  >
2897
- <button
2898
- aria-expanded="false"
2899
- aria-haspopup="listbox"
2900
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
2901
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-5"
2902
- data-ouia-component-type="PF6/MenuToggle"
2903
- data-ouia-safe="true"
2904
- id="options-menu-bottom-toggle"
2905
- type="button"
2945
+ <div
2946
+ class="pf-v6-c-pagination__page-menu"
2906
2947
  >
2907
- <span
2908
- class="pf-v6-c-menu-toggle__text"
2909
- >
2910
- <b>
2911
- 1 - 10
2912
- </b>
2913
- of
2914
- <b>
2915
- 20
2916
- </b>
2917
-
2918
- </span>
2919
- <span
2920
- class="pf-v6-c-menu-toggle__controls"
2948
+ <button
2949
+ aria-expanded="false"
2950
+ aria-haspopup="listbox"
2951
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
2952
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-5"
2953
+ data-ouia-component-type="PF6/MenuToggle"
2954
+ data-ouia-safe="true"
2955
+ id="options-menu-bottom-toggle"
2956
+ type="button"
2921
2957
  >
2922
2958
  <span
2923
- class="pf-v6-c-menu-toggle__toggle-icon"
2924
- >
2925
- <svg
2926
- aria-hidden="true"
2927
- class="pf-v6-svg"
2928
- fill="currentColor"
2929
- height="1em"
2930
- role="img"
2931
- viewBox="0 0 320 512"
2932
- width="1em"
2959
+ class="pf-v6-c-menu-toggle__text"
2960
+ >
2961
+ <b>
2962
+ 1 - 10
2963
+ </b>
2964
+ of
2965
+ <b>
2966
+ 20
2967
+ </b>
2968
+
2969
+ </span>
2970
+ <span
2971
+ class="pf-v6-c-menu-toggle__controls"
2972
+ >
2973
+ <span
2974
+ class="pf-v6-c-menu-toggle__toggle-icon"
2933
2975
  >
2934
- <path
2935
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
2936
- />
2937
- </svg>
2976
+ <svg
2977
+ aria-hidden="true"
2978
+ class="pf-v6-svg"
2979
+ fill="currentColor"
2980
+ height="1em"
2981
+ role="img"
2982
+ viewBox="0 0 320 512"
2983
+ width="1em"
2984
+ >
2985
+ <path
2986
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
2987
+ />
2988
+ </svg>
2989
+ </span>
2938
2990
  </span>
2939
- </span>
2940
- </button>
2991
+ </button>
2992
+ </div>
2941
2993
  <nav
2942
2994
  aria-label="Pagination"
2943
2995
  class="pf-v6-c-pagination__nav"
@@ -3123,50 +3175,54 @@ exports[`Pagination component render should render correctly compact 1`] = `
3123
3175
  </b>
3124
3176
 
3125
3177
  </div>
3126
- <button
3127
- aria-expanded="false"
3128
- aria-haspopup="listbox"
3129
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
3130
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-3"
3131
- data-ouia-component-type="PF6/MenuToggle"
3132
- data-ouia-safe="true"
3133
- id="options-menu-top-toggle"
3134
- type="button"
3178
+ <div
3179
+ class="pf-v6-c-pagination__page-menu"
3135
3180
  >
3136
- <span
3137
- class="pf-v6-c-menu-toggle__text"
3138
- >
3139
- <b>
3140
- 1 - 10
3141
- </b>
3142
- of
3143
- <b>
3144
- 20
3145
- </b>
3146
-
3147
- </span>
3148
- <span
3149
- class="pf-v6-c-menu-toggle__controls"
3181
+ <button
3182
+ aria-expanded="false"
3183
+ aria-haspopup="listbox"
3184
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
3185
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-3"
3186
+ data-ouia-component-type="PF6/MenuToggle"
3187
+ data-ouia-safe="true"
3188
+ id="options-menu-top-toggle"
3189
+ type="button"
3150
3190
  >
3151
3191
  <span
3152
- class="pf-v6-c-menu-toggle__toggle-icon"
3153
- >
3154
- <svg
3155
- aria-hidden="true"
3156
- class="pf-v6-svg"
3157
- fill="currentColor"
3158
- height="1em"
3159
- role="img"
3160
- viewBox="0 0 320 512"
3161
- width="1em"
3192
+ class="pf-v6-c-menu-toggle__text"
3193
+ >
3194
+ <b>
3195
+ 1 - 10
3196
+ </b>
3197
+ of
3198
+ <b>
3199
+ 20
3200
+ </b>
3201
+
3202
+ </span>
3203
+ <span
3204
+ class="pf-v6-c-menu-toggle__controls"
3205
+ >
3206
+ <span
3207
+ class="pf-v6-c-menu-toggle__toggle-icon"
3162
3208
  >
3163
- <path
3164
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
3165
- />
3166
- </svg>
3209
+ <svg
3210
+ aria-hidden="true"
3211
+ class="pf-v6-svg"
3212
+ fill="currentColor"
3213
+ height="1em"
3214
+ role="img"
3215
+ viewBox="0 0 320 512"
3216
+ width="1em"
3217
+ >
3218
+ <path
3219
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
3220
+ />
3221
+ </svg>
3222
+ </span>
3167
3223
  </span>
3168
- </span>
3169
- </button>
3224
+ </button>
3225
+ </div>
3170
3226
  <nav
3171
3227
  aria-label="Pagination"
3172
3228
  class="pf-v6-c-pagination__nav"
@@ -3352,51 +3408,55 @@ exports[`Pagination component render should render correctly disabled 1`] = `
3352
3408
  </b>
3353
3409
 
3354
3410
  </div>
3355
- <button
3356
- aria-expanded="false"
3357
- aria-haspopup="listbox"
3358
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-disabled"
3359
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-6"
3360
- data-ouia-component-type="PF6/MenuToggle"
3361
- data-ouia-safe="true"
3362
- disabled=""
3363
- id="options-menu-top-toggle"
3364
- type="button"
3411
+ <div
3412
+ class="pf-v6-c-pagination__page-menu"
3365
3413
  >
3366
- <span
3367
- class="pf-v6-c-menu-toggle__text"
3368
- >
3369
- <b>
3370
- 1 - 10
3371
- </b>
3372
- of
3373
- <b>
3374
- 20
3375
- </b>
3376
-
3377
- </span>
3378
- <span
3379
- class="pf-v6-c-menu-toggle__controls"
3414
+ <button
3415
+ aria-expanded="false"
3416
+ aria-haspopup="listbox"
3417
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-disabled"
3418
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-6"
3419
+ data-ouia-component-type="PF6/MenuToggle"
3420
+ data-ouia-safe="true"
3421
+ disabled=""
3422
+ id="options-menu-top-toggle"
3423
+ type="button"
3380
3424
  >
3381
3425
  <span
3382
- class="pf-v6-c-menu-toggle__toggle-icon"
3383
- >
3384
- <svg
3385
- aria-hidden="true"
3386
- class="pf-v6-svg"
3387
- fill="currentColor"
3388
- height="1em"
3389
- role="img"
3390
- viewBox="0 0 320 512"
3391
- width="1em"
3426
+ class="pf-v6-c-menu-toggle__text"
3427
+ >
3428
+ <b>
3429
+ 1 - 10
3430
+ </b>
3431
+ of
3432
+ <b>
3433
+ 20
3434
+ </b>
3435
+
3436
+ </span>
3437
+ <span
3438
+ class="pf-v6-c-menu-toggle__controls"
3439
+ >
3440
+ <span
3441
+ class="pf-v6-c-menu-toggle__toggle-icon"
3392
3442
  >
3393
- <path
3394
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
3395
- />
3396
- </svg>
3443
+ <svg
3444
+ aria-hidden="true"
3445
+ class="pf-v6-svg"
3446
+ fill="currentColor"
3447
+ height="1em"
3448
+ role="img"
3449
+ viewBox="0 0 320 512"
3450
+ width="1em"
3451
+ >
3452
+ <path
3453
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
3454
+ />
3455
+ </svg>
3456
+ </span>
3397
3457
  </span>
3398
- </span>
3399
- </button>
3458
+ </button>
3459
+ </div>
3400
3460
  <nav
3401
3461
  aria-label="Pagination"
3402
3462
  class="pf-v6-c-pagination__nav"
@@ -3585,50 +3645,54 @@ exports[`Pagination component render should render correctly sticky 1`] = `
3585
3645
  </b>
3586
3646
 
3587
3647
  </div>
3588
- <button
3589
- aria-expanded="false"
3590
- aria-haspopup="listbox"
3591
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
3592
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-4"
3593
- data-ouia-component-type="PF6/MenuToggle"
3594
- data-ouia-safe="true"
3595
- id="options-menu-top-toggle"
3596
- type="button"
3648
+ <div
3649
+ class="pf-v6-c-pagination__page-menu"
3597
3650
  >
3598
- <span
3599
- class="pf-v6-c-menu-toggle__text"
3600
- >
3601
- <b>
3602
- 1 - 10
3603
- </b>
3604
- of
3605
- <b>
3606
- 20
3607
- </b>
3608
-
3609
- </span>
3610
- <span
3611
- class="pf-v6-c-menu-toggle__controls"
3651
+ <button
3652
+ aria-expanded="false"
3653
+ aria-haspopup="listbox"
3654
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
3655
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-4"
3656
+ data-ouia-component-type="PF6/MenuToggle"
3657
+ data-ouia-safe="true"
3658
+ id="options-menu-top-toggle"
3659
+ type="button"
3612
3660
  >
3613
3661
  <span
3614
- class="pf-v6-c-menu-toggle__toggle-icon"
3615
- >
3616
- <svg
3617
- aria-hidden="true"
3618
- class="pf-v6-svg"
3619
- fill="currentColor"
3620
- height="1em"
3621
- role="img"
3622
- viewBox="0 0 320 512"
3623
- width="1em"
3662
+ class="pf-v6-c-menu-toggle__text"
3663
+ >
3664
+ <b>
3665
+ 1 - 10
3666
+ </b>
3667
+ of
3668
+ <b>
3669
+ 20
3670
+ </b>
3671
+
3672
+ </span>
3673
+ <span
3674
+ class="pf-v6-c-menu-toggle__controls"
3675
+ >
3676
+ <span
3677
+ class="pf-v6-c-menu-toggle__toggle-icon"
3624
3678
  >
3625
- <path
3626
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
3627
- />
3628
- </svg>
3679
+ <svg
3680
+ aria-hidden="true"
3681
+ class="pf-v6-svg"
3682
+ fill="currentColor"
3683
+ height="1em"
3684
+ role="img"
3685
+ viewBox="0 0 320 512"
3686
+ width="1em"
3687
+ >
3688
+ <path
3689
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
3690
+ />
3691
+ </svg>
3692
+ </span>
3629
3693
  </span>
3630
- </span>
3631
- </button>
3694
+ </button>
3695
+ </div>
3632
3696
  <nav
3633
3697
  aria-label="Pagination"
3634
3698
  class="pf-v6-c-pagination__nav"
@@ -3814,50 +3878,54 @@ exports[`Pagination component render should render correctly top 1`] = `
3814
3878
  </b>
3815
3879
 
3816
3880
  </div>
3817
- <button
3818
- aria-expanded="false"
3819
- aria-haspopup="listbox"
3820
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
3821
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-1"
3822
- data-ouia-component-type="PF6/MenuToggle"
3823
- data-ouia-safe="true"
3824
- id="options-menu-top-toggle"
3825
- type="button"
3881
+ <div
3882
+ class="pf-v6-c-pagination__page-menu"
3826
3883
  >
3827
- <span
3828
- class="pf-v6-c-menu-toggle__text"
3829
- >
3830
- <b>
3831
- 1 - 10
3832
- </b>
3833
- of
3834
- <b>
3835
- 20
3836
- </b>
3837
-
3838
- </span>
3839
- <span
3840
- class="pf-v6-c-menu-toggle__controls"
3884
+ <button
3885
+ aria-expanded="false"
3886
+ aria-haspopup="listbox"
3887
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
3888
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-1"
3889
+ data-ouia-component-type="PF6/MenuToggle"
3890
+ data-ouia-safe="true"
3891
+ id="options-menu-top-toggle"
3892
+ type="button"
3841
3893
  >
3842
3894
  <span
3843
- class="pf-v6-c-menu-toggle__toggle-icon"
3844
- >
3845
- <svg
3846
- aria-hidden="true"
3847
- class="pf-v6-svg"
3848
- fill="currentColor"
3849
- height="1em"
3850
- role="img"
3851
- viewBox="0 0 320 512"
3852
- width="1em"
3895
+ class="pf-v6-c-menu-toggle__text"
3896
+ >
3897
+ <b>
3898
+ 1 - 10
3899
+ </b>
3900
+ of
3901
+ <b>
3902
+ 20
3903
+ </b>
3904
+
3905
+ </span>
3906
+ <span
3907
+ class="pf-v6-c-menu-toggle__controls"
3908
+ >
3909
+ <span
3910
+ class="pf-v6-c-menu-toggle__toggle-icon"
3853
3911
  >
3854
- <path
3855
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
3856
- />
3857
- </svg>
3912
+ <svg
3913
+ aria-hidden="true"
3914
+ class="pf-v6-svg"
3915
+ fill="currentColor"
3916
+ height="1em"
3917
+ role="img"
3918
+ viewBox="0 0 320 512"
3919
+ width="1em"
3920
+ >
3921
+ <path
3922
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
3923
+ />
3924
+ </svg>
3925
+ </span>
3858
3926
  </span>
3859
- </span>
3860
- </button>
3927
+ </button>
3928
+ </div>
3861
3929
  <nav
3862
3930
  aria-label="Pagination"
3863
3931
  class="pf-v6-c-pagination__nav"
@@ -4043,50 +4111,54 @@ exports[`Pagination component render titles 1`] = `
4043
4111
  </b>
4044
4112
  values
4045
4113
  </div>
4046
- <button
4047
- aria-expanded="false"
4048
- aria-haspopup="listbox"
4049
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
4050
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-12"
4051
- data-ouia-component-type="PF6/MenuToggle"
4052
- data-ouia-safe="true"
4053
- id="options-menu-top-toggle"
4054
- type="button"
4114
+ <div
4115
+ class="pf-v6-c-pagination__page-menu"
4055
4116
  >
4056
- <span
4057
- class="pf-v6-c-menu-toggle__text"
4058
- >
4059
- <b>
4060
- 1 - 10
4061
- </b>
4062
- of
4063
- <b>
4064
- 40
4065
- </b>
4066
- values
4067
- </span>
4068
- <span
4069
- class="pf-v6-c-menu-toggle__controls"
4117
+ <button
4118
+ aria-expanded="false"
4119
+ aria-haspopup="listbox"
4120
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
4121
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-12"
4122
+ data-ouia-component-type="PF6/MenuToggle"
4123
+ data-ouia-safe="true"
4124
+ id="options-menu-top-toggle"
4125
+ type="button"
4070
4126
  >
4071
4127
  <span
4072
- class="pf-v6-c-menu-toggle__toggle-icon"
4073
- >
4074
- <svg
4075
- aria-hidden="true"
4076
- class="pf-v6-svg"
4077
- fill="currentColor"
4078
- height="1em"
4079
- role="img"
4080
- viewBox="0 0 320 512"
4081
- width="1em"
4128
+ class="pf-v6-c-menu-toggle__text"
4129
+ >
4130
+ <b>
4131
+ 1 - 10
4132
+ </b>
4133
+ of
4134
+ <b>
4135
+ 40
4136
+ </b>
4137
+ values
4138
+ </span>
4139
+ <span
4140
+ class="pf-v6-c-menu-toggle__controls"
4141
+ >
4142
+ <span
4143
+ class="pf-v6-c-menu-toggle__toggle-icon"
4082
4144
  >
4083
- <path
4084
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
4085
- />
4086
- </svg>
4145
+ <svg
4146
+ aria-hidden="true"
4147
+ class="pf-v6-svg"
4148
+ fill="currentColor"
4149
+ height="1em"
4150
+ role="img"
4151
+ viewBox="0 0 320 512"
4152
+ width="1em"
4153
+ >
4154
+ <path
4155
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
4156
+ />
4157
+ </svg>
4158
+ </span>
4087
4159
  </span>
4088
- </span>
4089
- </button>
4160
+ </button>
4161
+ </div>
4090
4162
  <nav
4091
4163
  aria-label="Pagination"
4092
4164
  class="pf-v6-c-pagination__nav"
@@ -4272,50 +4344,54 @@ exports[`Pagination component render up drop direction 1`] = `
4272
4344
  </b>
4273
4345
 
4274
4346
  </div>
4275
- <button
4276
- aria-expanded="false"
4277
- aria-haspopup="listbox"
4278
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
4279
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-14"
4280
- data-ouia-component-type="PF6/MenuToggle"
4281
- data-ouia-safe="true"
4282
- id="options-menu-top-toggle"
4283
- type="button"
4347
+ <div
4348
+ class="pf-v6-c-pagination__page-menu"
4284
4349
  >
4285
- <span
4286
- class="pf-v6-c-menu-toggle__text"
4287
- >
4288
- <b>
4289
- 1 - 10
4290
- </b>
4291
- of
4292
- <b>
4293
- 40
4294
- </b>
4295
-
4296
- </span>
4297
- <span
4298
- class="pf-v6-c-menu-toggle__controls"
4350
+ <button
4351
+ aria-expanded="false"
4352
+ aria-haspopup="listbox"
4353
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
4354
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-14"
4355
+ data-ouia-component-type="PF6/MenuToggle"
4356
+ data-ouia-safe="true"
4357
+ id="options-menu-top-toggle"
4358
+ type="button"
4299
4359
  >
4300
4360
  <span
4301
- class="pf-v6-c-menu-toggle__toggle-icon"
4302
- >
4303
- <svg
4304
- aria-hidden="true"
4305
- class="pf-v6-svg"
4306
- fill="currentColor"
4307
- height="1em"
4308
- role="img"
4309
- viewBox="0 0 320 512"
4310
- width="1em"
4361
+ class="pf-v6-c-menu-toggle__text"
4362
+ >
4363
+ <b>
4364
+ 1 - 10
4365
+ </b>
4366
+ of
4367
+ <b>
4368
+ 40
4369
+ </b>
4370
+
4371
+ </span>
4372
+ <span
4373
+ class="pf-v6-c-menu-toggle__controls"
4374
+ >
4375
+ <span
4376
+ class="pf-v6-c-menu-toggle__toggle-icon"
4311
4377
  >
4312
- <path
4313
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
4314
- />
4315
- </svg>
4378
+ <svg
4379
+ aria-hidden="true"
4380
+ class="pf-v6-svg"
4381
+ fill="currentColor"
4382
+ height="1em"
4383
+ role="img"
4384
+ viewBox="0 0 320 512"
4385
+ width="1em"
4386
+ >
4387
+ <path
4388
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
4389
+ />
4390
+ </svg>
4391
+ </span>
4316
4392
  </span>
4317
- </span>
4318
- </button>
4393
+ </button>
4394
+ </div>
4319
4395
  <nav
4320
4396
  aria-label="Pagination"
4321
4397
  class="pf-v6-c-pagination__nav"
@@ -4501,50 +4577,54 @@ exports[`Pagination component render zero results 1`] = `
4501
4577
  </b>
4502
4578
 
4503
4579
  </div>
4504
- <button
4505
- aria-expanded="false"
4506
- aria-haspopup="listbox"
4507
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
4508
- data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-8"
4509
- data-ouia-component-type="PF6/MenuToggle"
4510
- data-ouia-safe="true"
4511
- id="options-menu-top-toggle"
4512
- type="button"
4580
+ <div
4581
+ class="pf-v6-c-pagination__page-menu"
4513
4582
  >
4514
- <span
4515
- class="pf-v6-c-menu-toggle__text"
4516
- >
4517
- <b>
4518
- 0 - 0
4519
- </b>
4520
- of
4521
- <b>
4522
- 0
4523
- </b>
4524
-
4525
- </span>
4526
- <span
4527
- class="pf-v6-c-menu-toggle__controls"
4583
+ <button
4584
+ aria-expanded="false"
4585
+ aria-haspopup="listbox"
4586
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
4587
+ data-ouia-component-id="OUIA-Generated-MenuToggle-plainText-8"
4588
+ data-ouia-component-type="PF6/MenuToggle"
4589
+ data-ouia-safe="true"
4590
+ id="options-menu-top-toggle"
4591
+ type="button"
4528
4592
  >
4529
4593
  <span
4530
- class="pf-v6-c-menu-toggle__toggle-icon"
4531
- >
4532
- <svg
4533
- aria-hidden="true"
4534
- class="pf-v6-svg"
4535
- fill="currentColor"
4536
- height="1em"
4537
- role="img"
4538
- viewBox="0 0 320 512"
4539
- width="1em"
4594
+ class="pf-v6-c-menu-toggle__text"
4595
+ >
4596
+ <b>
4597
+ 0 - 0
4598
+ </b>
4599
+ of
4600
+ <b>
4601
+ 0
4602
+ </b>
4603
+
4604
+ </span>
4605
+ <span
4606
+ class="pf-v6-c-menu-toggle__controls"
4607
+ >
4608
+ <span
4609
+ class="pf-v6-c-menu-toggle__toggle-icon"
4540
4610
  >
4541
- <path
4542
- d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
4543
- />
4544
- </svg>
4611
+ <svg
4612
+ aria-hidden="true"
4613
+ class="pf-v6-svg"
4614
+ fill="currentColor"
4615
+ height="1em"
4616
+ role="img"
4617
+ viewBox="0 0 320 512"
4618
+ width="1em"
4619
+ >
4620
+ <path
4621
+ d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
4622
+ />
4623
+ </svg>
4624
+ </span>
4545
4625
  </span>
4546
- </span>
4547
- </button>
4626
+ </button>
4627
+ </div>
4548
4628
  <nav
4549
4629
  aria-label="Pagination"
4550
4630
  class="pf-v6-c-pagination__nav"