@patternfly/react-core 6.0.0-alpha.75 → 6.0.0-alpha.77

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 (449) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  21. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  22. package/dist/dynamic/components/Content/package.json +1 -1
  23. package/dist/dynamic/components/DataList/package.json +1 -1
  24. package/dist/dynamic/components/DatePicker/package.json +1 -1
  25. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  26. package/dist/dynamic/components/Divider/package.json +1 -1
  27. package/dist/dynamic/components/Drawer/package.json +1 -1
  28. package/dist/dynamic/components/Dropdown/package.json +1 -1
  29. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  30. package/dist/dynamic/components/EmptyState/package.json +1 -1
  31. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  32. package/dist/dynamic/components/FileUpload/package.json +1 -1
  33. package/dist/dynamic/components/Form/package.json +1 -1
  34. package/dist/dynamic/components/FormSelect/package.json +1 -1
  35. package/dist/dynamic/components/HelperText/package.json +1 -1
  36. package/dist/dynamic/components/Hint/package.json +1 -1
  37. package/dist/dynamic/components/Icon/package.json +1 -1
  38. package/dist/dynamic/components/InputGroup/package.json +1 -1
  39. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  40. package/dist/dynamic/components/Label/package.json +1 -1
  41. package/dist/dynamic/components/List/package.json +1 -1
  42. package/dist/dynamic/components/LoginPage/package.json +1 -1
  43. package/dist/dynamic/components/Masthead/package.json +1 -1
  44. package/dist/dynamic/components/Menu/package.json +1 -1
  45. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  46. package/dist/dynamic/components/Modal/package.json +1 -1
  47. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  48. package/dist/dynamic/components/Nav/package.json +1 -1
  49. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  50. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  51. package/dist/dynamic/components/NumberInput/package.json +1 -1
  52. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  53. package/dist/dynamic/components/Page/package.json +1 -1
  54. package/dist/dynamic/components/Pagination/package.json +1 -1
  55. package/dist/dynamic/components/Panel/package.json +1 -1
  56. package/dist/dynamic/components/Popover/package.json +1 -1
  57. package/dist/dynamic/components/Progress/package.json +1 -1
  58. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  59. package/dist/dynamic/components/Radio/package.json +1 -1
  60. package/dist/dynamic/components/SearchInput/package.json +1 -1
  61. package/dist/dynamic/components/Select/package.json +1 -1
  62. package/dist/dynamic/components/Sidebar/package.json +1 -1
  63. package/dist/dynamic/components/SimpleList/package.json +1 -1
  64. package/dist/dynamic/components/Skeleton/package.json +1 -1
  65. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  66. package/dist/dynamic/components/Slider/package.json +1 -1
  67. package/dist/dynamic/components/Spinner/package.json +1 -1
  68. package/dist/dynamic/components/Switch/package.json +1 -1
  69. package/dist/dynamic/components/Tabs/package.json +1 -1
  70. package/dist/dynamic/components/TextArea/package.json +1 -1
  71. package/dist/dynamic/components/TextInput/package.json +1 -1
  72. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  73. package/dist/dynamic/components/Tile/package.json +1 -1
  74. package/dist/dynamic/components/TimePicker/package.json +1 -1
  75. package/dist/dynamic/components/Timestamp/package.json +1 -1
  76. package/dist/dynamic/components/Title/package.json +1 -1
  77. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  78. package/dist/dynamic/components/Toolbar/package.json +1 -1
  79. package/dist/dynamic/components/Tooltip/package.json +1 -1
  80. package/dist/dynamic/components/TreeView/package.json +1 -1
  81. package/dist/dynamic/components/Truncate/package.json +1 -1
  82. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  83. package/dist/dynamic/components/Wizard/package.json +1 -1
  84. package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/package.json +1 -1
  90. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  91. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  92. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  93. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  94. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  95. package/dist/dynamic/helpers/constants/package.json +1 -1
  96. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  97. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  98. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  99. package/dist/dynamic/helpers/package.json +1 -1
  100. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  101. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  102. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  103. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  104. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  105. package/dist/dynamic/helpers/util/package.json +1 -1
  106. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  107. package/dist/dynamic/layouts/Flex/package.json +1 -1
  108. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  109. package/dist/dynamic/layouts/Grid/package.json +1 -1
  110. package/dist/dynamic/layouts/Level/package.json +1 -1
  111. package/dist/dynamic/layouts/Split/package.json +1 -1
  112. package/dist/dynamic/layouts/Stack/package.json +1 -1
  113. package/dist/dynamic/styles/package.json +1 -1
  114. package/dist/esm/components/AboutModal/AboutModalBoxCloseButton.d.ts.map +1 -1
  115. package/dist/esm/components/AboutModal/AboutModalBoxCloseButton.js +1 -2
  116. package/dist/esm/components/AboutModal/AboutModalBoxCloseButton.js.map +1 -1
  117. package/dist/esm/components/Alert/AlertActionCloseButton.d.ts.map +1 -1
  118. package/dist/esm/components/Alert/AlertActionCloseButton.js +1 -2
  119. package/dist/esm/components/Alert/AlertActionCloseButton.js.map +1 -1
  120. package/dist/esm/components/Alert/AlertToggleExpandButton.d.ts.map +1 -1
  121. package/dist/esm/components/Alert/AlertToggleExpandButton.js +2 -3
  122. package/dist/esm/components/Alert/AlertToggleExpandButton.js.map +1 -1
  123. package/dist/esm/components/Button/Button.d.ts.map +1 -1
  124. package/dist/esm/components/Button/Button.js +3 -4
  125. package/dist/esm/components/Button/Button.js.map +1 -1
  126. package/dist/esm/components/CalendarMonth/CalendarMonth.d.ts.map +1 -1
  127. package/dist/esm/components/CalendarMonth/CalendarMonth.js +2 -4
  128. package/dist/esm/components/CalendarMonth/CalendarMonth.js.map +1 -1
  129. package/dist/esm/components/Card/CardHeader.d.ts.map +1 -1
  130. package/dist/esm/components/Card/CardHeader.js +2 -3
  131. package/dist/esm/components/Card/CardHeader.js.map +1 -1
  132. package/dist/esm/components/ClipboardCopy/ClipboardCopyButton.d.ts.map +1 -1
  133. package/dist/esm/components/ClipboardCopy/ClipboardCopyButton.js +1 -2
  134. package/dist/esm/components/ClipboardCopy/ClipboardCopyButton.js.map +1 -1
  135. package/dist/esm/components/ClipboardCopy/ClipboardCopyToggle.d.ts.map +1 -1
  136. package/dist/esm/components/ClipboardCopy/ClipboardCopyToggle.js +2 -3
  137. package/dist/esm/components/ClipboardCopy/ClipboardCopyToggle.js.map +1 -1
  138. package/dist/esm/components/DataList/DataListToggle.d.ts.map +1 -1
  139. package/dist/esm/components/DataList/DataListToggle.js +2 -3
  140. package/dist/esm/components/DataList/DataListToggle.js.map +1 -1
  141. package/dist/esm/components/DualListSelector/DualListSelectorControl.d.ts +2 -0
  142. package/dist/esm/components/DualListSelector/DualListSelectorControl.d.ts.map +1 -1
  143. package/dist/esm/components/DualListSelector/DualListSelectorControl.js +2 -2
  144. package/dist/esm/components/DualListSelector/DualListSelectorControl.js.map +1 -1
  145. package/dist/esm/components/DualListSelector/DualListSelectorListItem.d.ts.map +1 -1
  146. package/dist/esm/components/DualListSelector/DualListSelectorListItem.js +1 -2
  147. package/dist/esm/components/DualListSelector/DualListSelectorListItem.js.map +1 -1
  148. package/dist/esm/components/Form/FormFieldGroupToggle.d.ts.map +1 -1
  149. package/dist/esm/components/Form/FormFieldGroupToggle.js +2 -3
  150. package/dist/esm/components/Form/FormFieldGroupToggle.js.map +1 -1
  151. package/dist/esm/components/Form/FormGroupLabelHelp.d.ts.map +1 -1
  152. package/dist/esm/components/Form/FormGroupLabelHelp.js +1 -2
  153. package/dist/esm/components/Form/FormGroupLabelHelp.js.map +1 -1
  154. package/dist/esm/components/Label/Label.d.ts.map +1 -1
  155. package/dist/esm/components/Label/Label.js +1 -2
  156. package/dist/esm/components/Label/Label.js.map +1 -1
  157. package/dist/esm/components/Label/LabelGroup.d.ts.map +1 -1
  158. package/dist/esm/components/Label/LabelGroup.js +1 -2
  159. package/dist/esm/components/Label/LabelGroup.js.map +1 -1
  160. package/dist/esm/components/LoginPage/LoginForm.d.ts.map +1 -1
  161. package/dist/esm/components/LoginPage/LoginForm.js +1 -1
  162. package/dist/esm/components/LoginPage/LoginForm.js.map +1 -1
  163. package/dist/esm/components/Menu/MenuItemAction.d.ts.map +1 -1
  164. package/dist/esm/components/Menu/MenuItemAction.js +1 -1
  165. package/dist/esm/components/Menu/MenuItemAction.js.map +1 -1
  166. package/dist/esm/components/Modal/ModalBoxCloseButton.d.ts.map +1 -1
  167. package/dist/esm/components/Modal/ModalBoxCloseButton.js +1 -2
  168. package/dist/esm/components/Modal/ModalBoxCloseButton.js.map +1 -1
  169. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.d.ts.map +1 -1
  170. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.js +1 -2
  171. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
  172. package/dist/esm/components/Nav/NavList.d.ts.map +1 -1
  173. package/dist/esm/components/Nav/NavList.js +2 -4
  174. package/dist/esm/components/Nav/NavList.js.map +1 -1
  175. package/dist/esm/components/NotificationDrawer/NotificationDrawerHeader.d.ts.map +1 -1
  176. package/dist/esm/components/NotificationDrawer/NotificationDrawerHeader.js +1 -2
  177. package/dist/esm/components/NotificationDrawer/NotificationDrawerHeader.js.map +1 -1
  178. package/dist/esm/components/Pagination/Navigation.d.ts.map +1 -1
  179. package/dist/esm/components/Pagination/Navigation.js +4 -8
  180. package/dist/esm/components/Pagination/Navigation.js.map +1 -1
  181. package/dist/esm/components/Pagination/PaginationOptionsMenu.js +1 -1
  182. package/dist/esm/components/Pagination/PaginationOptionsMenu.js.map +1 -1
  183. package/dist/esm/components/Popover/PopoverCloseButton.d.ts.map +1 -1
  184. package/dist/esm/components/Popover/PopoverCloseButton.js +1 -2
  185. package/dist/esm/components/Popover/PopoverCloseButton.js.map +1 -1
  186. package/dist/esm/components/SearchInput/SearchInput.d.ts.map +1 -1
  187. package/dist/esm/components/SearchInput/SearchInput.js +6 -11
  188. package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
  189. package/dist/esm/components/Switch/Switch.d.ts +6 -6
  190. package/dist/esm/components/Switch/Switch.d.ts.map +1 -1
  191. package/dist/esm/components/Switch/Switch.js +11 -8
  192. package/dist/esm/components/Switch/Switch.js.map +1 -1
  193. package/dist/esm/components/Tabs/Tabs.d.ts.map +1 -1
  194. package/dist/esm/components/Tabs/Tabs.js +3 -6
  195. package/dist/esm/components/Tabs/Tabs.js.map +1 -1
  196. package/dist/esm/components/Toolbar/ToolbarToggleGroup.d.ts.map +1 -1
  197. package/dist/esm/components/Toolbar/ToolbarToggleGroup.js +1 -1
  198. package/dist/esm/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
  199. package/dist/esm/components/Wizard/WizardHeader.d.ts.map +1 -1
  200. package/dist/esm/components/Wizard/WizardHeader.js +1 -2
  201. package/dist/esm/components/Wizard/WizardHeader.js.map +1 -1
  202. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorListItem.d.ts.map +1 -1
  203. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorListItem.js +1 -2
  204. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorListItem.js.map +1 -1
  205. package/dist/esm/deprecated/components/Modal/ModalBoxCloseButton.d.ts.map +1 -1
  206. package/dist/esm/deprecated/components/Modal/ModalBoxCloseButton.js +1 -2
  207. package/dist/esm/deprecated/components/Modal/ModalBoxCloseButton.js.map +1 -1
  208. package/dist/esm/deprecated/components/Wizard/WizardHeader.d.ts.map +1 -1
  209. package/dist/esm/deprecated/components/Wizard/WizardHeader.js +1 -2
  210. package/dist/esm/deprecated/components/Wizard/WizardHeader.js.map +1 -1
  211. package/dist/js/components/AboutModal/AboutModalBoxCloseButton.d.ts.map +1 -1
  212. package/dist/js/components/AboutModal/AboutModalBoxCloseButton.js +1 -2
  213. package/dist/js/components/AboutModal/AboutModalBoxCloseButton.js.map +1 -1
  214. package/dist/js/components/Alert/AlertActionCloseButton.d.ts.map +1 -1
  215. package/dist/js/components/Alert/AlertActionCloseButton.js +1 -2
  216. package/dist/js/components/Alert/AlertActionCloseButton.js.map +1 -1
  217. package/dist/js/components/Alert/AlertToggleExpandButton.d.ts.map +1 -1
  218. package/dist/js/components/Alert/AlertToggleExpandButton.js +2 -3
  219. package/dist/js/components/Alert/AlertToggleExpandButton.js.map +1 -1
  220. package/dist/js/components/Button/Button.d.ts.map +1 -1
  221. package/dist/js/components/Button/Button.js +3 -4
  222. package/dist/js/components/Button/Button.js.map +1 -1
  223. package/dist/js/components/CalendarMonth/CalendarMonth.d.ts.map +1 -1
  224. package/dist/js/components/CalendarMonth/CalendarMonth.js +2 -4
  225. package/dist/js/components/CalendarMonth/CalendarMonth.js.map +1 -1
  226. package/dist/js/components/Card/CardHeader.d.ts.map +1 -1
  227. package/dist/js/components/Card/CardHeader.js +2 -3
  228. package/dist/js/components/Card/CardHeader.js.map +1 -1
  229. package/dist/js/components/ClipboardCopy/ClipboardCopyButton.d.ts.map +1 -1
  230. package/dist/js/components/ClipboardCopy/ClipboardCopyButton.js +1 -2
  231. package/dist/js/components/ClipboardCopy/ClipboardCopyButton.js.map +1 -1
  232. package/dist/js/components/ClipboardCopy/ClipboardCopyToggle.d.ts.map +1 -1
  233. package/dist/js/components/ClipboardCopy/ClipboardCopyToggle.js +2 -3
  234. package/dist/js/components/ClipboardCopy/ClipboardCopyToggle.js.map +1 -1
  235. package/dist/js/components/DataList/DataListToggle.d.ts.map +1 -1
  236. package/dist/js/components/DataList/DataListToggle.js +2 -3
  237. package/dist/js/components/DataList/DataListToggle.js.map +1 -1
  238. package/dist/js/components/DualListSelector/DualListSelectorControl.d.ts +2 -0
  239. package/dist/js/components/DualListSelector/DualListSelectorControl.d.ts.map +1 -1
  240. package/dist/js/components/DualListSelector/DualListSelectorControl.js +2 -2
  241. package/dist/js/components/DualListSelector/DualListSelectorControl.js.map +1 -1
  242. package/dist/js/components/DualListSelector/DualListSelectorListItem.d.ts.map +1 -1
  243. package/dist/js/components/DualListSelector/DualListSelectorListItem.js +1 -2
  244. package/dist/js/components/DualListSelector/DualListSelectorListItem.js.map +1 -1
  245. package/dist/js/components/Form/FormFieldGroupToggle.d.ts.map +1 -1
  246. package/dist/js/components/Form/FormFieldGroupToggle.js +2 -3
  247. package/dist/js/components/Form/FormFieldGroupToggle.js.map +1 -1
  248. package/dist/js/components/Form/FormGroupLabelHelp.d.ts.map +1 -1
  249. package/dist/js/components/Form/FormGroupLabelHelp.js +1 -2
  250. package/dist/js/components/Form/FormGroupLabelHelp.js.map +1 -1
  251. package/dist/js/components/Label/Label.d.ts.map +1 -1
  252. package/dist/js/components/Label/Label.js +1 -2
  253. package/dist/js/components/Label/Label.js.map +1 -1
  254. package/dist/js/components/Label/LabelGroup.d.ts.map +1 -1
  255. package/dist/js/components/Label/LabelGroup.js +1 -2
  256. package/dist/js/components/Label/LabelGroup.js.map +1 -1
  257. package/dist/js/components/LoginPage/LoginForm.d.ts.map +1 -1
  258. package/dist/js/components/LoginPage/LoginForm.js +1 -1
  259. package/dist/js/components/LoginPage/LoginForm.js.map +1 -1
  260. package/dist/js/components/Menu/MenuItemAction.d.ts.map +1 -1
  261. package/dist/js/components/Menu/MenuItemAction.js +1 -1
  262. package/dist/js/components/Menu/MenuItemAction.js.map +1 -1
  263. package/dist/js/components/Modal/ModalBoxCloseButton.d.ts.map +1 -1
  264. package/dist/js/components/Modal/ModalBoxCloseButton.js +1 -2
  265. package/dist/js/components/Modal/ModalBoxCloseButton.js.map +1 -1
  266. package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.d.ts.map +1 -1
  267. package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.js +1 -2
  268. package/dist/js/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
  269. package/dist/js/components/Nav/NavList.d.ts.map +1 -1
  270. package/dist/js/components/Nav/NavList.js +2 -4
  271. package/dist/js/components/Nav/NavList.js.map +1 -1
  272. package/dist/js/components/NotificationDrawer/NotificationDrawerHeader.d.ts.map +1 -1
  273. package/dist/js/components/NotificationDrawer/NotificationDrawerHeader.js +1 -2
  274. package/dist/js/components/NotificationDrawer/NotificationDrawerHeader.js.map +1 -1
  275. package/dist/js/components/Pagination/Navigation.d.ts.map +1 -1
  276. package/dist/js/components/Pagination/Navigation.js +4 -8
  277. package/dist/js/components/Pagination/Navigation.js.map +1 -1
  278. package/dist/js/components/Pagination/PaginationOptionsMenu.js +1 -1
  279. package/dist/js/components/Pagination/PaginationOptionsMenu.js.map +1 -1
  280. package/dist/js/components/Popover/PopoverCloseButton.d.ts.map +1 -1
  281. package/dist/js/components/Popover/PopoverCloseButton.js +1 -2
  282. package/dist/js/components/Popover/PopoverCloseButton.js.map +1 -1
  283. package/dist/js/components/SearchInput/SearchInput.d.ts.map +1 -1
  284. package/dist/js/components/SearchInput/SearchInput.js +6 -11
  285. package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
  286. package/dist/js/components/Switch/Switch.d.ts +6 -6
  287. package/dist/js/components/Switch/Switch.d.ts.map +1 -1
  288. package/dist/js/components/Switch/Switch.js +11 -8
  289. package/dist/js/components/Switch/Switch.js.map +1 -1
  290. package/dist/js/components/Tabs/Tabs.d.ts.map +1 -1
  291. package/dist/js/components/Tabs/Tabs.js +3 -6
  292. package/dist/js/components/Tabs/Tabs.js.map +1 -1
  293. package/dist/js/components/Toolbar/ToolbarToggleGroup.d.ts.map +1 -1
  294. package/dist/js/components/Toolbar/ToolbarToggleGroup.js +1 -1
  295. package/dist/js/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
  296. package/dist/js/components/Wizard/WizardHeader.d.ts.map +1 -1
  297. package/dist/js/components/Wizard/WizardHeader.js +1 -2
  298. package/dist/js/components/Wizard/WizardHeader.js.map +1 -1
  299. package/dist/js/deprecated/components/DualListSelector/DualListSelectorListItem.d.ts.map +1 -1
  300. package/dist/js/deprecated/components/DualListSelector/DualListSelectorListItem.js +1 -2
  301. package/dist/js/deprecated/components/DualListSelector/DualListSelectorListItem.js.map +1 -1
  302. package/dist/js/deprecated/components/Modal/ModalBoxCloseButton.d.ts.map +1 -1
  303. package/dist/js/deprecated/components/Modal/ModalBoxCloseButton.js +1 -2
  304. package/dist/js/deprecated/components/Modal/ModalBoxCloseButton.js.map +1 -1
  305. package/dist/js/deprecated/components/Wizard/WizardHeader.d.ts.map +1 -1
  306. package/dist/js/deprecated/components/Wizard/WizardHeader.js +1 -2
  307. package/dist/js/deprecated/components/Wizard/WizardHeader.js.map +1 -1
  308. package/dist/umd/assets/{output-B7LaP6al.css → output-BHzG532B.css} +2395 -2409
  309. package/dist/umd/react-core.min.js +1 -1
  310. package/helpers/package.json +1 -1
  311. package/layouts/package.json +1 -1
  312. package/next/package.json +1 -1
  313. package/package.json +6 -6
  314. package/src/components/AboutModal/AboutModalBoxCloseButton.tsx +1 -3
  315. package/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxCloseButton.test.tsx.snap +48 -36
  316. package/src/components/ActionList/examples/ActionListWithIcons.tsx +26 -18
  317. package/src/components/Alert/AlertActionCloseButton.tsx +2 -3
  318. package/src/components/Alert/AlertToggleExpandButton.tsx +6 -5
  319. package/src/components/Alert/__tests__/Generated/__snapshots__/AlertActionCloseButton.test.tsx.snap +16 -12
  320. package/src/components/Alert/__tests__/Generated/__snapshots__/AlertActionLink.test.tsx.snap +5 -1
  321. package/src/components/Alert/__tests__/__snapshots__/AlertActionCloseButton.test.tsx.snap +16 -16
  322. package/src/components/Alert/__tests__/__snapshots__/AlertToggleExpandButton.test.tsx.snap +8 -8
  323. package/src/components/Button/Button.tsx +3 -4
  324. package/src/components/Button/__tests__/Button.test.tsx +5 -5
  325. package/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap +5 -1
  326. package/src/components/Button/examples/ButtonDisabled.tsx +2 -6
  327. package/src/components/Button/examples/ButtonPlainHasNoPadding.tsx +1 -3
  328. package/src/components/Button/examples/ButtonVariations.tsx +2 -6
  329. package/src/components/CalendarMonth/CalendarMonth.tsx +4 -6
  330. package/src/components/Card/CardHeader.tsx +6 -5
  331. package/src/components/Card/__tests__/__snapshots__/CardHeader.test.tsx.snap +17 -13
  332. package/src/components/ClipboardCopy/ClipboardCopyButton.tsx +2 -3
  333. package/src/components/ClipboardCopy/ClipboardCopyToggle.tsx +6 -5
  334. package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyButton.test.tsx.snap +16 -12
  335. package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyToggle.test.tsx.snap +19 -15
  336. package/src/components/ClipboardCopy/examples/ClipboardCopyInlineCompactWithAdditionalAction.tsx +1 -3
  337. package/src/components/CodeBlock/examples/CodeBlockBasic.tsx +1 -3
  338. package/src/components/CodeBlock/examples/CodeBlockExpandable.tsx +1 -3
  339. package/src/components/DataList/DataListToggle.tsx +6 -5
  340. package/src/components/DataList/__tests__/Generated/__snapshots__/DataListToggle.test.tsx.snap +19 -15
  341. package/src/components/DataList/__tests__/__snapshots__/DataListToggle.test.tsx.snap +19 -15
  342. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +34 -26
  343. package/src/components/Drawer/__tests__/__snapshots__/Drawer.test.tsx.snap +96 -72
  344. package/src/components/DualListSelector/DualListSelectorControl.tsx +4 -0
  345. package/src/components/DualListSelector/DualListSelectorListItem.tsx +5 -3
  346. package/src/components/DualListSelector/examples/DualListSelectorBasic.tsx +8 -12
  347. package/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx +8 -12
  348. package/src/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx +8 -12
  349. package/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +12 -18
  350. package/src/components/DualListSelector/examples/DualListSelectorDragDrop.tsx +8 -12
  351. package/src/components/DualListSelector/examples/DualListSelectorTree.tsx +8 -12
  352. package/src/components/EmptyState/__tests__/__snapshots__/EmptyState.test.tsx.snap +10 -2
  353. package/src/components/FileUpload/__tests__/__snapshots__/FileUpload.test.tsx.snap +10 -2
  354. package/src/components/FileUpload/__tests__/__snapshots__/FileUploadField.test.tsx.snap +10 -2
  355. package/src/components/Form/FormFieldGroupToggle.tsx +6 -5
  356. package/src/components/Form/FormGroupLabelHelp.tsx +2 -3
  357. package/src/components/Form/__tests__/__snapshots__/FormFieldGroup.test.tsx.snap +17 -13
  358. package/src/components/InputGroup/examples/InputGroupWithPopover.tsx +2 -6
  359. package/src/components/JumpLinks/__tests__/__snapshots__/JumpLinks.test.tsx.snap +136 -56
  360. package/src/components/Label/Label.tsx +2 -3
  361. package/src/components/Label/LabelGroup.tsx +2 -3
  362. package/src/components/Label/__tests__/__snapshots__/Label.test.tsx.snap +48 -36
  363. package/src/components/Label/__tests__/__snapshots__/LabelGroup.test.tsx.snap +16 -12
  364. package/src/components/LoginPage/LoginForm.tsx +2 -3
  365. package/src/components/LoginPage/__tests__/__snapshots__/LoginForm.test.tsx.snap +31 -15
  366. package/src/components/LoginPage/examples/LoginPageBasic.tsx +5 -15
  367. package/src/components/LoginPage/examples/LoginPageLanguageSelect.tsx +5 -15
  368. package/src/components/LoginPage/examples/LoginPageShowHidePassword.tsx +5 -15
  369. package/src/components/Masthead/examples/MastheadBasic.tsx +1 -3
  370. package/src/components/Masthead/examples/MastheadBasicMixedContent.tsx +1 -3
  371. package/src/components/Masthead/examples/MastheadDisplayInline.tsx +1 -3
  372. package/src/components/Masthead/examples/MastheadDisplayStack.tsx +1 -3
  373. package/src/components/Masthead/examples/MastheadDisplayStackInlineResponsive.tsx +1 -3
  374. package/src/components/Masthead/examples/MastheadIconRouterLink.tsx +1 -3
  375. package/src/components/Masthead/examples/MastheadInsets.tsx +1 -3
  376. package/src/components/Menu/MenuItemAction.tsx +2 -3
  377. package/src/components/MenuToggle/examples/MenuToggleTypeahead.tsx +6 -3
  378. package/src/components/Modal/ModalBoxCloseButton.tsx +2 -3
  379. package/src/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +16 -12
  380. package/src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx +1 -3
  381. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadButton.test.tsx.snap +20 -4
  382. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadMain.test.tsx.snap +20 -4
  383. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatusItem.test.tsx.snap +136 -104
  384. package/src/components/Nav/NavList.tsx +4 -6
  385. package/src/components/NotificationBadge/__tests__/__snapshots__/NotificationBadge.test.tsx.snap +15 -3
  386. package/src/components/NotificationDrawer/NotificationDrawerHeader.tsx +6 -3
  387. package/src/components/NumberInput/__tests__/__snapshots__/NumberInput.test.tsx.snap +442 -338
  388. package/src/components/OverflowMenu/examples/OverflowMenuGroupTypes.tsx +3 -9
  389. package/src/components/OverflowMenu/examples/OverflowMenuMultiGroup.tsx +3 -9
  390. package/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap +5 -1
  391. package/src/components/Pagination/Navigation.tsx +8 -12
  392. package/src/components/Pagination/PaginationOptionsMenu.tsx +1 -1
  393. package/src/components/Pagination/__tests__/Generated/__snapshots__/Navigation.test.tsx.snap +64 -48
  394. package/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +1347 -1011
  395. package/src/components/Popover/PopoverCloseButton.tsx +8 -3
  396. package/src/components/Popover/__tests__/Generated/__snapshots__/PopoverCloseButton.test.tsx.snap +16 -12
  397. package/src/components/SearchInput/SearchInput.tsx +14 -17
  398. package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +295 -215
  399. package/src/components/Select/examples/SelectMultiTypeahead.tsx +6 -3
  400. package/src/components/Select/examples/SelectMultiTypeaheadCheckbox.tsx +6 -3
  401. package/src/components/Select/examples/SelectMultiTypeaheadCreatable.tsx +6 -3
  402. package/src/components/Select/examples/SelectTypeahead.tsx +6 -3
  403. package/src/components/Select/examples/SelectTypeaheadCreatable.tsx +6 -3
  404. package/src/components/Slider/examples/SliderActions.tsx +8 -13
  405. package/src/components/Switch/Switch.tsx +24 -21
  406. package/src/components/Switch/__tests__/Switch.test.tsx +14 -7
  407. package/src/components/Switch/__tests__/__snapshots__/Switch.test.tsx.snap +16 -36
  408. package/src/components/Switch/examples/Switch.md +8 -0
  409. package/src/components/Switch/examples/SwitchBasic.tsx +1 -2
  410. package/src/components/Switch/examples/SwitchCheckedWithLabel.tsx +1 -3
  411. package/src/components/Switch/examples/SwitchDisabled.tsx +13 -12
  412. package/src/components/Switch/examples/SwitchReversed.tsx +1 -2
  413. package/src/components/Switch/examples/SwitchUncontrolled.tsx +6 -2
  414. package/src/components/Switch/examples/SwitchWithoutLabel.tsx +8 -1
  415. package/src/components/Tabs/Tabs.tsx +10 -9
  416. package/src/components/Tabs/__tests__/__snapshots__/Tab.test.tsx.snap +6 -2
  417. package/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +24 -20
  418. package/src/components/TextInputGroup/examples/TextInputGroupFilters.tsx +6 -3
  419. package/src/components/TextInputGroup/examples/TextInputGroupUtilitiesAndIcon.tsx +1 -3
  420. package/src/components/Toolbar/ToolbarToggleGroup.tsx +2 -3
  421. package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap +63 -39
  422. package/src/components/Toolbar/examples/ToolbarCustomChipGroupContent.tsx +3 -9
  423. package/src/components/Toolbar/examples/ToolbarGroups.tsx +3 -9
  424. package/src/components/Toolbar/examples/ToolbarWithFilters.tsx +3 -9
  425. package/src/components/Tooltip/examples/TooltipIcon.tsx +2 -3
  426. package/src/components/TreeView/examples/TreeViewWithActionItems.tsx +2 -10
  427. package/src/components/Wizard/WizardHeader.tsx +6 -3
  428. package/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx +8 -7
  429. package/src/demos/JumpLinks.md +1 -2
  430. package/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx +2 -6
  431. package/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx +2 -6
  432. package/src/demos/PasswordGenerator.md +2 -3
  433. package/src/demos/examples/DateTimePicker/DateTimePicker.tsx +6 -3
  434. package/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx +1 -3
  435. package/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx +1 -3
  436. package/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx +1 -3
  437. package/src/demos/examples/TextInputGroup/AttributeValueFiltering.tsx +6 -3
  438. package/src/demos/examples/TextInputGroup/AutoCompleteSearch.tsx +6 -3
  439. package/src/demos/examples/Toolbar/ConsoleLogViewerToolbar.tsx +12 -8
  440. package/src/deprecated/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap +16 -12
  441. package/src/deprecated/components/DualListSelector/DualListSelectorListItem.tsx +5 -3
  442. package/src/deprecated/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +384 -288
  443. package/src/deprecated/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +4 -6
  444. package/src/deprecated/components/DualListSelector/examples/DualListSelectorComposable.tsx +7 -3
  445. package/src/deprecated/components/Modal/ModalBoxCloseButton.tsx +2 -3
  446. package/src/deprecated/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +128 -96
  447. package/src/deprecated/components/Wizard/WizardHeader.tsx +6 -3
  448. package/src/deprecated/components/Wizard/__tests__/Generated/__snapshots__/WizardFooterInternal.test.tsx.snap +21 -9
  449. package/src/deprecated/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap +77 -33
@@ -84,19 +84,23 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
84
84
  disabled=""
85
85
  type="button"
86
86
  >
87
- <svg
88
- aria-hidden="true"
89
- class="pf-v6-svg"
90
- fill="currentColor"
91
- height="1em"
92
- role="img"
93
- viewBox="0 0 448 512"
94
- width="1em"
87
+ <span
88
+ class="pf-v6-c-button__icon pf-m-start"
95
89
  >
96
- <path
97
- 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"
98
- />
99
- </svg>
90
+ <svg
91
+ aria-hidden="true"
92
+ class="pf-v6-svg"
93
+ fill="currentColor"
94
+ height="1em"
95
+ role="img"
96
+ viewBox="0 0 448 512"
97
+ width="1em"
98
+ >
99
+ <path
100
+ 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"
101
+ />
102
+ </svg>
103
+ </span>
100
104
  </button>
101
105
  </div>
102
106
  <div
@@ -113,19 +117,23 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
113
117
  disabled=""
114
118
  type="button"
115
119
  >
116
- <svg
117
- aria-hidden="true"
118
- class="pf-v6-svg"
119
- fill="currentColor"
120
- height="1em"
121
- role="img"
122
- viewBox="0 0 256 512"
123
- width="1em"
120
+ <span
121
+ class="pf-v6-c-button__icon pf-m-start"
124
122
  >
125
- <path
126
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
127
- />
128
- </svg>
123
+ <svg
124
+ aria-hidden="true"
125
+ class="pf-v6-svg"
126
+ fill="currentColor"
127
+ height="1em"
128
+ role="img"
129
+ viewBox="0 0 256 512"
130
+ width="1em"
131
+ >
132
+ <path
133
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
134
+ />
135
+ </svg>
136
+ </span>
129
137
  </button>
130
138
  </div>
131
139
  <div
@@ -160,19 +168,23 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
160
168
  data-ouia-safe="true"
161
169
  type="button"
162
170
  >
163
- <svg
164
- aria-hidden="true"
165
- class="pf-v6-svg"
166
- fill="currentColor"
167
- height="1em"
168
- role="img"
169
- viewBox="0 0 256 512"
170
- width="1em"
171
+ <span
172
+ class="pf-v6-c-button__icon pf-m-start"
171
173
  >
172
- <path
173
- 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 34z"
174
- />
175
- </svg>
174
+ <svg
175
+ aria-hidden="true"
176
+ class="pf-v6-svg"
177
+ fill="currentColor"
178
+ height="1em"
179
+ role="img"
180
+ viewBox="0 0 256 512"
181
+ width="1em"
182
+ >
183
+ <path
184
+ 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 34z"
185
+ />
186
+ </svg>
187
+ </span>
176
188
  </button>
177
189
  </div>
178
190
  <div
@@ -188,19 +200,23 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
188
200
  data-ouia-safe="true"
189
201
  type="button"
190
202
  >
191
- <svg
192
- aria-hidden="true"
193
- class="pf-v6-svg"
194
- fill="currentColor"
195
- height="1em"
196
- role="img"
197
- viewBox="0 0 448 512"
198
- width="1em"
203
+ <span
204
+ class="pf-v6-c-button__icon pf-m-start"
199
205
  >
200
- <path
201
- 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"
202
- />
203
- </svg>
206
+ <svg
207
+ aria-hidden="true"
208
+ class="pf-v6-svg"
209
+ fill="currentColor"
210
+ height="1em"
211
+ role="img"
212
+ viewBox="0 0 448 512"
213
+ width="1em"
214
+ >
215
+ <path
216
+ 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"
217
+ />
218
+ </svg>
219
+ </span>
204
220
  </button>
205
221
  </div>
206
222
  </nav>
@@ -293,19 +309,23 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
293
309
  disabled=""
294
310
  type="button"
295
311
  >
296
- <svg
297
- aria-hidden="true"
298
- class="pf-v6-svg"
299
- fill="currentColor"
300
- height="1em"
301
- role="img"
302
- viewBox="0 0 448 512"
303
- width="1em"
312
+ <span
313
+ class="pf-v6-c-button__icon pf-m-start"
304
314
  >
305
- <path
306
- 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"
307
- />
308
- </svg>
315
+ <svg
316
+ aria-hidden="true"
317
+ class="pf-v6-svg"
318
+ fill="currentColor"
319
+ height="1em"
320
+ role="img"
321
+ viewBox="0 0 448 512"
322
+ width="1em"
323
+ >
324
+ <path
325
+ 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"
326
+ />
327
+ </svg>
328
+ </span>
309
329
  </button>
310
330
  </div>
311
331
  <div
@@ -322,19 +342,23 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
322
342
  disabled=""
323
343
  type="button"
324
344
  >
325
- <svg
326
- aria-hidden="true"
327
- class="pf-v6-svg"
328
- fill="currentColor"
329
- height="1em"
330
- role="img"
331
- viewBox="0 0 256 512"
332
- width="1em"
345
+ <span
346
+ class="pf-v6-c-button__icon pf-m-start"
333
347
  >
334
- <path
335
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
336
- />
337
- </svg>
348
+ <svg
349
+ aria-hidden="true"
350
+ class="pf-v6-svg"
351
+ fill="currentColor"
352
+ height="1em"
353
+ role="img"
354
+ viewBox="0 0 256 512"
355
+ width="1em"
356
+ >
357
+ <path
358
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
359
+ />
360
+ </svg>
361
+ </span>
338
362
  </button>
339
363
  </div>
340
364
  <div
@@ -369,19 +393,23 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
369
393
  data-ouia-safe="true"
370
394
  type="button"
371
395
  >
372
- <svg
373
- aria-hidden="true"
374
- class="pf-v6-svg"
375
- fill="currentColor"
376
- height="1em"
377
- role="img"
378
- viewBox="0 0 256 512"
379
- width="1em"
396
+ <span
397
+ class="pf-v6-c-button__icon pf-m-start"
380
398
  >
381
- <path
382
- 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 34z"
383
- />
384
- </svg>
399
+ <svg
400
+ aria-hidden="true"
401
+ class="pf-v6-svg"
402
+ fill="currentColor"
403
+ height="1em"
404
+ role="img"
405
+ viewBox="0 0 256 512"
406
+ width="1em"
407
+ >
408
+ <path
409
+ 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 34z"
410
+ />
411
+ </svg>
412
+ </span>
385
413
  </button>
386
414
  </div>
387
415
  <div
@@ -397,19 +425,23 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
397
425
  data-ouia-safe="true"
398
426
  type="button"
399
427
  >
400
- <svg
401
- aria-hidden="true"
402
- class="pf-v6-svg"
403
- fill="currentColor"
404
- height="1em"
405
- role="img"
406
- viewBox="0 0 448 512"
407
- width="1em"
428
+ <span
429
+ class="pf-v6-c-button__icon pf-m-start"
408
430
  >
409
- <path
410
- 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"
411
- />
412
- </svg>
431
+ <svg
432
+ aria-hidden="true"
433
+ class="pf-v6-svg"
434
+ fill="currentColor"
435
+ height="1em"
436
+ role="img"
437
+ viewBox="0 0 448 512"
438
+ width="1em"
439
+ >
440
+ <path
441
+ 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"
442
+ />
443
+ </svg>
444
+ </span>
413
445
  </button>
414
446
  </div>
415
447
  </nav>
@@ -502,19 +534,23 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
502
534
  disabled=""
503
535
  type="button"
504
536
  >
505
- <svg
506
- aria-hidden="true"
507
- class="pf-v6-svg"
508
- fill="currentColor"
509
- height="1em"
510
- role="img"
511
- viewBox="0 0 448 512"
512
- width="1em"
537
+ <span
538
+ class="pf-v6-c-button__icon pf-m-start"
513
539
  >
514
- <path
515
- 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"
516
- />
517
- </svg>
540
+ <svg
541
+ aria-hidden="true"
542
+ class="pf-v6-svg"
543
+ fill="currentColor"
544
+ height="1em"
545
+ role="img"
546
+ viewBox="0 0 448 512"
547
+ width="1em"
548
+ >
549
+ <path
550
+ 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"
551
+ />
552
+ </svg>
553
+ </span>
518
554
  </button>
519
555
  </div>
520
556
  <div
@@ -531,19 +567,23 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
531
567
  disabled=""
532
568
  type="button"
533
569
  >
534
- <svg
535
- aria-hidden="true"
536
- class="pf-v6-svg"
537
- fill="currentColor"
538
- height="1em"
539
- role="img"
540
- viewBox="0 0 256 512"
541
- width="1em"
570
+ <span
571
+ class="pf-v6-c-button__icon pf-m-start"
542
572
  >
543
- <path
544
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
545
- />
546
- </svg>
573
+ <svg
574
+ aria-hidden="true"
575
+ class="pf-v6-svg"
576
+ fill="currentColor"
577
+ height="1em"
578
+ role="img"
579
+ viewBox="0 0 256 512"
580
+ width="1em"
581
+ >
582
+ <path
583
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
584
+ />
585
+ </svg>
586
+ </span>
547
587
  </button>
548
588
  </div>
549
589
  <div
@@ -578,19 +618,23 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
578
618
  data-ouia-safe="true"
579
619
  type="button"
580
620
  >
581
- <svg
582
- aria-hidden="true"
583
- class="pf-v6-svg"
584
- fill="currentColor"
585
- height="1em"
586
- role="img"
587
- viewBox="0 0 256 512"
588
- width="1em"
621
+ <span
622
+ class="pf-v6-c-button__icon pf-m-start"
589
623
  >
590
- <path
591
- 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 34z"
592
- />
593
- </svg>
624
+ <svg
625
+ aria-hidden="true"
626
+ class="pf-v6-svg"
627
+ fill="currentColor"
628
+ height="1em"
629
+ role="img"
630
+ viewBox="0 0 256 512"
631
+ width="1em"
632
+ >
633
+ <path
634
+ 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 34z"
635
+ />
636
+ </svg>
637
+ </span>
594
638
  </button>
595
639
  </div>
596
640
  <div
@@ -606,19 +650,23 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
606
650
  data-ouia-safe="true"
607
651
  type="button"
608
652
  >
609
- <svg
610
- aria-hidden="true"
611
- class="pf-v6-svg"
612
- fill="currentColor"
613
- height="1em"
614
- role="img"
615
- viewBox="0 0 448 512"
616
- width="1em"
653
+ <span
654
+ class="pf-v6-c-button__icon pf-m-start"
617
655
  >
618
- <path
619
- 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"
620
- />
621
- </svg>
656
+ <svg
657
+ aria-hidden="true"
658
+ class="pf-v6-svg"
659
+ fill="currentColor"
660
+ height="1em"
661
+ role="img"
662
+ viewBox="0 0 448 512"
663
+ width="1em"
664
+ >
665
+ <path
666
+ 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"
667
+ />
668
+ </svg>
669
+ </span>
622
670
  </button>
623
671
  </div>
624
672
  </nav>
@@ -711,19 +759,23 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
711
759
  disabled=""
712
760
  type="button"
713
761
  >
714
- <svg
715
- aria-hidden="true"
716
- class="pf-v6-svg"
717
- fill="currentColor"
718
- height="1em"
719
- role="img"
720
- viewBox="0 0 448 512"
721
- width="1em"
762
+ <span
763
+ class="pf-v6-c-button__icon pf-m-start"
722
764
  >
723
- <path
724
- 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"
725
- />
726
- </svg>
765
+ <svg
766
+ aria-hidden="true"
767
+ class="pf-v6-svg"
768
+ fill="currentColor"
769
+ height="1em"
770
+ role="img"
771
+ viewBox="0 0 448 512"
772
+ width="1em"
773
+ >
774
+ <path
775
+ 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"
776
+ />
777
+ </svg>
778
+ </span>
727
779
  </button>
728
780
  </div>
729
781
  <div
@@ -740,19 +792,23 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
740
792
  disabled=""
741
793
  type="button"
742
794
  >
743
- <svg
744
- aria-hidden="true"
745
- class="pf-v6-svg"
746
- fill="currentColor"
747
- height="1em"
748
- role="img"
749
- viewBox="0 0 256 512"
750
- width="1em"
795
+ <span
796
+ class="pf-v6-c-button__icon pf-m-start"
751
797
  >
752
- <path
753
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
754
- />
755
- </svg>
798
+ <svg
799
+ aria-hidden="true"
800
+ class="pf-v6-svg"
801
+ fill="currentColor"
802
+ height="1em"
803
+ role="img"
804
+ viewBox="0 0 256 512"
805
+ width="1em"
806
+ >
807
+ <path
808
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
809
+ />
810
+ </svg>
811
+ </span>
756
812
  </button>
757
813
  </div>
758
814
  <div
@@ -787,19 +843,23 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
787
843
  data-ouia-safe="true"
788
844
  type="button"
789
845
  >
790
- <svg
791
- aria-hidden="true"
792
- class="pf-v6-svg"
793
- fill="currentColor"
794
- height="1em"
795
- role="img"
796
- viewBox="0 0 256 512"
797
- width="1em"
846
+ <span
847
+ class="pf-v6-c-button__icon pf-m-start"
798
848
  >
799
- <path
800
- 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 34z"
801
- />
802
- </svg>
849
+ <svg
850
+ aria-hidden="true"
851
+ class="pf-v6-svg"
852
+ fill="currentColor"
853
+ height="1em"
854
+ role="img"
855
+ viewBox="0 0 256 512"
856
+ width="1em"
857
+ >
858
+ <path
859
+ 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 34z"
860
+ />
861
+ </svg>
862
+ </span>
803
863
  </button>
804
864
  </div>
805
865
  <div
@@ -815,19 +875,23 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
815
875
  data-ouia-safe="true"
816
876
  type="button"
817
877
  >
818
- <svg
819
- aria-hidden="true"
820
- class="pf-v6-svg"
821
- fill="currentColor"
822
- height="1em"
823
- role="img"
824
- viewBox="0 0 448 512"
825
- width="1em"
878
+ <span
879
+ class="pf-v6-c-button__icon pf-m-start"
826
880
  >
827
- <path
828
- 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"
829
- />
830
- </svg>
881
+ <svg
882
+ aria-hidden="true"
883
+ class="pf-v6-svg"
884
+ fill="currentColor"
885
+ height="1em"
886
+ role="img"
887
+ viewBox="0 0 448 512"
888
+ width="1em"
889
+ >
890
+ <path
891
+ 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"
892
+ />
893
+ </svg>
894
+ </span>
831
895
  </button>
832
896
  </div>
833
897
  </nav>
@@ -920,19 +984,23 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
920
984
  disabled=""
921
985
  type="button"
922
986
  >
923
- <svg
924
- aria-hidden="true"
925
- class="pf-v6-svg"
926
- fill="currentColor"
927
- height="1em"
928
- role="img"
929
- viewBox="0 0 448 512"
930
- width="1em"
987
+ <span
988
+ class="pf-v6-c-button__icon pf-m-start"
931
989
  >
932
- <path
933
- 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"
934
- />
935
- </svg>
990
+ <svg
991
+ aria-hidden="true"
992
+ class="pf-v6-svg"
993
+ fill="currentColor"
994
+ height="1em"
995
+ role="img"
996
+ viewBox="0 0 448 512"
997
+ width="1em"
998
+ >
999
+ <path
1000
+ 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"
1001
+ />
1002
+ </svg>
1003
+ </span>
936
1004
  </button>
937
1005
  </div>
938
1006
  <div
@@ -949,19 +1017,23 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
949
1017
  disabled=""
950
1018
  type="button"
951
1019
  >
952
- <svg
953
- aria-hidden="true"
954
- class="pf-v6-svg"
955
- fill="currentColor"
956
- height="1em"
957
- role="img"
958
- viewBox="0 0 256 512"
959
- width="1em"
1020
+ <span
1021
+ class="pf-v6-c-button__icon pf-m-start"
960
1022
  >
961
- <path
962
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
963
- />
964
- </svg>
1023
+ <svg
1024
+ aria-hidden="true"
1025
+ class="pf-v6-svg"
1026
+ fill="currentColor"
1027
+ height="1em"
1028
+ role="img"
1029
+ viewBox="0 0 256 512"
1030
+ width="1em"
1031
+ >
1032
+ <path
1033
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1034
+ />
1035
+ </svg>
1036
+ </span>
965
1037
  </button>
966
1038
  </div>
967
1039
  <div
@@ -996,19 +1068,23 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
996
1068
  data-ouia-safe="true"
997
1069
  type="button"
998
1070
  >
999
- <svg
1000
- aria-hidden="true"
1001
- class="pf-v6-svg"
1002
- fill="currentColor"
1003
- height="1em"
1004
- role="img"
1005
- viewBox="0 0 256 512"
1006
- width="1em"
1071
+ <span
1072
+ class="pf-v6-c-button__icon pf-m-start"
1007
1073
  >
1008
- <path
1009
- 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 34z"
1010
- />
1011
- </svg>
1074
+ <svg
1075
+ aria-hidden="true"
1076
+ class="pf-v6-svg"
1077
+ fill="currentColor"
1078
+ height="1em"
1079
+ role="img"
1080
+ viewBox="0 0 256 512"
1081
+ width="1em"
1082
+ >
1083
+ <path
1084
+ 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 34z"
1085
+ />
1086
+ </svg>
1087
+ </span>
1012
1088
  </button>
1013
1089
  </div>
1014
1090
  <div
@@ -1024,19 +1100,23 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
1024
1100
  data-ouia-safe="true"
1025
1101
  type="button"
1026
1102
  >
1027
- <svg
1028
- aria-hidden="true"
1029
- class="pf-v6-svg"
1030
- fill="currentColor"
1031
- height="1em"
1032
- role="img"
1033
- viewBox="0 0 448 512"
1034
- width="1em"
1103
+ <span
1104
+ class="pf-v6-c-button__icon pf-m-start"
1035
1105
  >
1036
- <path
1037
- 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"
1038
- />
1039
- </svg>
1106
+ <svg
1107
+ aria-hidden="true"
1108
+ class="pf-v6-svg"
1109
+ fill="currentColor"
1110
+ height="1em"
1111
+ role="img"
1112
+ viewBox="0 0 448 512"
1113
+ width="1em"
1114
+ >
1115
+ <path
1116
+ 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"
1117
+ />
1118
+ </svg>
1119
+ </span>
1040
1120
  </button>
1041
1121
  </div>
1042
1122
  </nav>
@@ -1129,19 +1209,23 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
1129
1209
  disabled=""
1130
1210
  type="button"
1131
1211
  >
1132
- <svg
1133
- aria-hidden="true"
1134
- class="pf-v6-svg"
1135
- fill="currentColor"
1136
- height="1em"
1137
- role="img"
1138
- viewBox="0 0 448 512"
1139
- width="1em"
1212
+ <span
1213
+ class="pf-v6-c-button__icon pf-m-start"
1140
1214
  >
1141
- <path
1142
- 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"
1143
- />
1144
- </svg>
1215
+ <svg
1216
+ aria-hidden="true"
1217
+ class="pf-v6-svg"
1218
+ fill="currentColor"
1219
+ height="1em"
1220
+ role="img"
1221
+ viewBox="0 0 448 512"
1222
+ width="1em"
1223
+ >
1224
+ <path
1225
+ 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"
1226
+ />
1227
+ </svg>
1228
+ </span>
1145
1229
  </button>
1146
1230
  </div>
1147
1231
  <div
@@ -1158,19 +1242,23 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
1158
1242
  disabled=""
1159
1243
  type="button"
1160
1244
  >
1161
- <svg
1162
- aria-hidden="true"
1163
- class="pf-v6-svg"
1164
- fill="currentColor"
1165
- height="1em"
1166
- role="img"
1167
- viewBox="0 0 256 512"
1168
- width="1em"
1245
+ <span
1246
+ class="pf-v6-c-button__icon pf-m-start"
1169
1247
  >
1170
- <path
1171
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1172
- />
1173
- </svg>
1248
+ <svg
1249
+ aria-hidden="true"
1250
+ class="pf-v6-svg"
1251
+ fill="currentColor"
1252
+ height="1em"
1253
+ role="img"
1254
+ viewBox="0 0 256 512"
1255
+ width="1em"
1256
+ >
1257
+ <path
1258
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1259
+ />
1260
+ </svg>
1261
+ </span>
1174
1262
  </button>
1175
1263
  </div>
1176
1264
  <div
@@ -1205,19 +1293,23 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
1205
1293
  data-ouia-safe="true"
1206
1294
  type="button"
1207
1295
  >
1208
- <svg
1209
- aria-hidden="true"
1210
- class="pf-v6-svg"
1211
- fill="currentColor"
1212
- height="1em"
1213
- role="img"
1214
- viewBox="0 0 256 512"
1215
- width="1em"
1296
+ <span
1297
+ class="pf-v6-c-button__icon pf-m-start"
1216
1298
  >
1217
- <path
1218
- 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 34z"
1219
- />
1220
- </svg>
1299
+ <svg
1300
+ aria-hidden="true"
1301
+ class="pf-v6-svg"
1302
+ fill="currentColor"
1303
+ height="1em"
1304
+ role="img"
1305
+ viewBox="0 0 256 512"
1306
+ width="1em"
1307
+ >
1308
+ <path
1309
+ 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 34z"
1310
+ />
1311
+ </svg>
1312
+ </span>
1221
1313
  </button>
1222
1314
  </div>
1223
1315
  <div
@@ -1233,19 +1325,23 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
1233
1325
  data-ouia-safe="true"
1234
1326
  type="button"
1235
1327
  >
1236
- <svg
1237
- aria-hidden="true"
1238
- class="pf-v6-svg"
1239
- fill="currentColor"
1240
- height="1em"
1241
- role="img"
1242
- viewBox="0 0 448 512"
1243
- width="1em"
1328
+ <span
1329
+ class="pf-v6-c-button__icon pf-m-start"
1244
1330
  >
1245
- <path
1246
- 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"
1247
- />
1248
- </svg>
1331
+ <svg
1332
+ aria-hidden="true"
1333
+ class="pf-v6-svg"
1334
+ fill="currentColor"
1335
+ height="1em"
1336
+ role="img"
1337
+ viewBox="0 0 448 512"
1338
+ width="1em"
1339
+ >
1340
+ <path
1341
+ 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"
1342
+ />
1343
+ </svg>
1344
+ </span>
1249
1345
  </button>
1250
1346
  </div>
1251
1347
  </nav>
@@ -1324,19 +1420,23 @@ exports[`Pagination component render custom pagination toggle 1`] = `
1324
1420
  disabled=""
1325
1421
  type="button"
1326
1422
  >
1327
- <svg
1328
- aria-hidden="true"
1329
- class="pf-v6-svg"
1330
- fill="currentColor"
1331
- height="1em"
1332
- role="img"
1333
- viewBox="0 0 448 512"
1334
- width="1em"
1423
+ <span
1424
+ class="pf-v6-c-button__icon pf-m-start"
1335
1425
  >
1336
- <path
1337
- 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"
1338
- />
1339
- </svg>
1426
+ <svg
1427
+ aria-hidden="true"
1428
+ class="pf-v6-svg"
1429
+ fill="currentColor"
1430
+ height="1em"
1431
+ role="img"
1432
+ viewBox="0 0 448 512"
1433
+ width="1em"
1434
+ >
1435
+ <path
1436
+ 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"
1437
+ />
1438
+ </svg>
1439
+ </span>
1340
1440
  </button>
1341
1441
  </div>
1342
1442
  <div
@@ -1353,19 +1453,23 @@ exports[`Pagination component render custom pagination toggle 1`] = `
1353
1453
  disabled=""
1354
1454
  type="button"
1355
1455
  >
1356
- <svg
1357
- aria-hidden="true"
1358
- class="pf-v6-svg"
1359
- fill="currentColor"
1360
- height="1em"
1361
- role="img"
1362
- viewBox="0 0 256 512"
1363
- width="1em"
1456
+ <span
1457
+ class="pf-v6-c-button__icon pf-m-start"
1364
1458
  >
1365
- <path
1366
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1367
- />
1368
- </svg>
1459
+ <svg
1460
+ aria-hidden="true"
1461
+ class="pf-v6-svg"
1462
+ fill="currentColor"
1463
+ height="1em"
1464
+ role="img"
1465
+ viewBox="0 0 256 512"
1466
+ width="1em"
1467
+ >
1468
+ <path
1469
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1470
+ />
1471
+ </svg>
1472
+ </span>
1369
1473
  </button>
1370
1474
  </div>
1371
1475
  <div
@@ -1405,19 +1509,23 @@ exports[`Pagination component render custom pagination toggle 1`] = `
1405
1509
  data-ouia-safe="true"
1406
1510
  type="button"
1407
1511
  >
1408
- <svg
1409
- aria-hidden="true"
1410
- class="pf-v6-svg"
1411
- fill="currentColor"
1412
- height="1em"
1413
- role="img"
1414
- viewBox="0 0 256 512"
1415
- width="1em"
1512
+ <span
1513
+ class="pf-v6-c-button__icon pf-m-start"
1416
1514
  >
1417
- <path
1418
- 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 34z"
1419
- />
1420
- </svg>
1515
+ <svg
1516
+ aria-hidden="true"
1517
+ class="pf-v6-svg"
1518
+ fill="currentColor"
1519
+ height="1em"
1520
+ role="img"
1521
+ viewBox="0 0 256 512"
1522
+ width="1em"
1523
+ >
1524
+ <path
1525
+ 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 34z"
1526
+ />
1527
+ </svg>
1528
+ </span>
1421
1529
  </button>
1422
1530
  </div>
1423
1531
  <div
@@ -1433,19 +1541,23 @@ exports[`Pagination component render custom pagination toggle 1`] = `
1433
1541
  data-ouia-safe="true"
1434
1542
  type="button"
1435
1543
  >
1436
- <svg
1437
- aria-hidden="true"
1438
- class="pf-v6-svg"
1439
- fill="currentColor"
1440
- height="1em"
1441
- role="img"
1442
- viewBox="0 0 448 512"
1443
- width="1em"
1544
+ <span
1545
+ class="pf-v6-c-button__icon pf-m-start"
1444
1546
  >
1445
- <path
1446
- 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"
1447
- />
1448
- </svg>
1547
+ <svg
1548
+ aria-hidden="true"
1549
+ class="pf-v6-svg"
1550
+ fill="currentColor"
1551
+ height="1em"
1552
+ role="img"
1553
+ viewBox="0 0 448 512"
1554
+ width="1em"
1555
+ >
1556
+ <path
1557
+ 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"
1558
+ />
1559
+ </svg>
1560
+ </span>
1449
1561
  </button>
1450
1562
  </div>
1451
1563
  </nav>
@@ -1537,19 +1649,23 @@ exports[`Pagination component render custom perPageOptions 1`] = `
1537
1649
  disabled=""
1538
1650
  type="button"
1539
1651
  >
1540
- <svg
1541
- aria-hidden="true"
1542
- class="pf-v6-svg"
1543
- fill="currentColor"
1544
- height="1em"
1545
- role="img"
1546
- viewBox="0 0 448 512"
1547
- width="1em"
1652
+ <span
1653
+ class="pf-v6-c-button__icon pf-m-start"
1548
1654
  >
1549
- <path
1550
- 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"
1551
- />
1552
- </svg>
1655
+ <svg
1656
+ aria-hidden="true"
1657
+ class="pf-v6-svg"
1658
+ fill="currentColor"
1659
+ height="1em"
1660
+ role="img"
1661
+ viewBox="0 0 448 512"
1662
+ width="1em"
1663
+ >
1664
+ <path
1665
+ 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"
1666
+ />
1667
+ </svg>
1668
+ </span>
1553
1669
  </button>
1554
1670
  </div>
1555
1671
  <div
@@ -1566,19 +1682,23 @@ exports[`Pagination component render custom perPageOptions 1`] = `
1566
1682
  disabled=""
1567
1683
  type="button"
1568
1684
  >
1569
- <svg
1570
- aria-hidden="true"
1571
- class="pf-v6-svg"
1572
- fill="currentColor"
1573
- height="1em"
1574
- role="img"
1575
- viewBox="0 0 256 512"
1576
- width="1em"
1685
+ <span
1686
+ class="pf-v6-c-button__icon pf-m-start"
1577
1687
  >
1578
- <path
1579
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1580
- />
1581
- </svg>
1688
+ <svg
1689
+ aria-hidden="true"
1690
+ class="pf-v6-svg"
1691
+ fill="currentColor"
1692
+ height="1em"
1693
+ role="img"
1694
+ viewBox="0 0 256 512"
1695
+ width="1em"
1696
+ >
1697
+ <path
1698
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1699
+ />
1700
+ </svg>
1701
+ </span>
1582
1702
  </button>
1583
1703
  </div>
1584
1704
  <div
@@ -1618,19 +1738,23 @@ exports[`Pagination component render custom perPageOptions 1`] = `
1618
1738
  data-ouia-safe="true"
1619
1739
  type="button"
1620
1740
  >
1621
- <svg
1622
- aria-hidden="true"
1623
- class="pf-v6-svg"
1624
- fill="currentColor"
1625
- height="1em"
1626
- role="img"
1627
- viewBox="0 0 256 512"
1628
- width="1em"
1741
+ <span
1742
+ class="pf-v6-c-button__icon pf-m-start"
1629
1743
  >
1630
- <path
1631
- 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 34z"
1632
- />
1633
- </svg>
1744
+ <svg
1745
+ aria-hidden="true"
1746
+ class="pf-v6-svg"
1747
+ fill="currentColor"
1748
+ height="1em"
1749
+ role="img"
1750
+ viewBox="0 0 256 512"
1751
+ width="1em"
1752
+ >
1753
+ <path
1754
+ 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 34z"
1755
+ />
1756
+ </svg>
1757
+ </span>
1634
1758
  </button>
1635
1759
  </div>
1636
1760
  <div
@@ -1646,19 +1770,23 @@ exports[`Pagination component render custom perPageOptions 1`] = `
1646
1770
  data-ouia-safe="true"
1647
1771
  type="button"
1648
1772
  >
1649
- <svg
1650
- aria-hidden="true"
1651
- class="pf-v6-svg"
1652
- fill="currentColor"
1653
- height="1em"
1654
- role="img"
1655
- viewBox="0 0 448 512"
1656
- width="1em"
1773
+ <span
1774
+ class="pf-v6-c-button__icon pf-m-start"
1657
1775
  >
1658
- <path
1659
- 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"
1660
- />
1661
- </svg>
1776
+ <svg
1777
+ aria-hidden="true"
1778
+ class="pf-v6-svg"
1779
+ fill="currentColor"
1780
+ height="1em"
1781
+ role="img"
1782
+ viewBox="0 0 448 512"
1783
+ width="1em"
1784
+ >
1785
+ <path
1786
+ 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"
1787
+ />
1788
+ </svg>
1789
+ </span>
1662
1790
  </button>
1663
1791
  </div>
1664
1792
  </nav>
@@ -1749,19 +1877,23 @@ exports[`Pagination component render custom start end 1`] = `
1749
1877
  data-ouia-safe="true"
1750
1878
  type="button"
1751
1879
  >
1752
- <svg
1753
- aria-hidden="true"
1754
- class="pf-v6-svg"
1755
- fill="currentColor"
1756
- height="1em"
1757
- role="img"
1758
- viewBox="0 0 448 512"
1759
- width="1em"
1880
+ <span
1881
+ class="pf-v6-c-button__icon pf-m-start"
1760
1882
  >
1761
- <path
1762
- 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"
1763
- />
1764
- </svg>
1883
+ <svg
1884
+ aria-hidden="true"
1885
+ class="pf-v6-svg"
1886
+ fill="currentColor"
1887
+ height="1em"
1888
+ role="img"
1889
+ viewBox="0 0 448 512"
1890
+ width="1em"
1891
+ >
1892
+ <path
1893
+ 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"
1894
+ />
1895
+ </svg>
1896
+ </span>
1765
1897
  </button>
1766
1898
  </div>
1767
1899
  <div
@@ -1777,19 +1909,23 @@ exports[`Pagination component render custom start end 1`] = `
1777
1909
  data-ouia-safe="true"
1778
1910
  type="button"
1779
1911
  >
1780
- <svg
1781
- aria-hidden="true"
1782
- class="pf-v6-svg"
1783
- fill="currentColor"
1784
- height="1em"
1785
- role="img"
1786
- viewBox="0 0 256 512"
1787
- width="1em"
1912
+ <span
1913
+ class="pf-v6-c-button__icon pf-m-start"
1788
1914
  >
1789
- <path
1790
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1791
- />
1792
- </svg>
1915
+ <svg
1916
+ aria-hidden="true"
1917
+ class="pf-v6-svg"
1918
+ fill="currentColor"
1919
+ height="1em"
1920
+ role="img"
1921
+ viewBox="0 0 256 512"
1922
+ width="1em"
1923
+ >
1924
+ <path
1925
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1926
+ />
1927
+ </svg>
1928
+ </span>
1793
1929
  </button>
1794
1930
  </div>
1795
1931
  <div
@@ -1829,19 +1965,23 @@ exports[`Pagination component render custom start end 1`] = `
1829
1965
  data-ouia-safe="true"
1830
1966
  type="button"
1831
1967
  >
1832
- <svg
1833
- aria-hidden="true"
1834
- class="pf-v6-svg"
1835
- fill="currentColor"
1836
- height="1em"
1837
- role="img"
1838
- viewBox="0 0 256 512"
1839
- width="1em"
1968
+ <span
1969
+ class="pf-v6-c-button__icon pf-m-start"
1840
1970
  >
1841
- <path
1842
- 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 34z"
1843
- />
1844
- </svg>
1971
+ <svg
1972
+ aria-hidden="true"
1973
+ class="pf-v6-svg"
1974
+ fill="currentColor"
1975
+ height="1em"
1976
+ role="img"
1977
+ viewBox="0 0 256 512"
1978
+ width="1em"
1979
+ >
1980
+ <path
1981
+ 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 34z"
1982
+ />
1983
+ </svg>
1984
+ </span>
1845
1985
  </button>
1846
1986
  </div>
1847
1987
  <div
@@ -1857,19 +1997,23 @@ exports[`Pagination component render custom start end 1`] = `
1857
1997
  data-ouia-safe="true"
1858
1998
  type="button"
1859
1999
  >
1860
- <svg
1861
- aria-hidden="true"
1862
- class="pf-v6-svg"
1863
- fill="currentColor"
1864
- height="1em"
1865
- role="img"
1866
- viewBox="0 0 448 512"
1867
- width="1em"
2000
+ <span
2001
+ class="pf-v6-c-button__icon pf-m-start"
1868
2002
  >
1869
- <path
1870
- 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"
1871
- />
1872
- </svg>
2003
+ <svg
2004
+ aria-hidden="true"
2005
+ class="pf-v6-svg"
2006
+ fill="currentColor"
2007
+ height="1em"
2008
+ role="img"
2009
+ viewBox="0 0 448 512"
2010
+ width="1em"
2011
+ >
2012
+ <path
2013
+ 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"
2014
+ />
2015
+ </svg>
2016
+ </span>
1873
2017
  </button>
1874
2018
  </div>
1875
2019
  </nav>
@@ -1917,19 +2061,23 @@ exports[`Pagination component render empty per page options 1`] = `
1917
2061
  disabled=""
1918
2062
  type="button"
1919
2063
  >
1920
- <svg
1921
- aria-hidden="true"
1922
- class="pf-v6-svg"
1923
- fill="currentColor"
1924
- height="1em"
1925
- role="img"
1926
- viewBox="0 0 448 512"
1927
- width="1em"
2064
+ <span
2065
+ class="pf-v6-c-button__icon pf-m-start"
1928
2066
  >
1929
- <path
1930
- 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"
1931
- />
1932
- </svg>
2067
+ <svg
2068
+ aria-hidden="true"
2069
+ class="pf-v6-svg"
2070
+ fill="currentColor"
2071
+ height="1em"
2072
+ role="img"
2073
+ viewBox="0 0 448 512"
2074
+ width="1em"
2075
+ >
2076
+ <path
2077
+ 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"
2078
+ />
2079
+ </svg>
2080
+ </span>
1933
2081
  </button>
1934
2082
  </div>
1935
2083
  <div
@@ -1946,19 +2094,23 @@ exports[`Pagination component render empty per page options 1`] = `
1946
2094
  disabled=""
1947
2095
  type="button"
1948
2096
  >
1949
- <svg
1950
- aria-hidden="true"
1951
- class="pf-v6-svg"
1952
- fill="currentColor"
1953
- height="1em"
1954
- role="img"
1955
- viewBox="0 0 256 512"
1956
- width="1em"
2097
+ <span
2098
+ class="pf-v6-c-button__icon pf-m-start"
1957
2099
  >
1958
- <path
1959
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1960
- />
1961
- </svg>
2100
+ <svg
2101
+ aria-hidden="true"
2102
+ class="pf-v6-svg"
2103
+ fill="currentColor"
2104
+ height="1em"
2105
+ role="img"
2106
+ viewBox="0 0 256 512"
2107
+ width="1em"
2108
+ >
2109
+ <path
2110
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2111
+ />
2112
+ </svg>
2113
+ </span>
1962
2114
  </button>
1963
2115
  </div>
1964
2116
  <div
@@ -1998,19 +2150,23 @@ exports[`Pagination component render empty per page options 1`] = `
1998
2150
  data-ouia-safe="true"
1999
2151
  type="button"
2000
2152
  >
2001
- <svg
2002
- aria-hidden="true"
2003
- class="pf-v6-svg"
2004
- fill="currentColor"
2005
- height="1em"
2006
- role="img"
2007
- viewBox="0 0 256 512"
2008
- width="1em"
2153
+ <span
2154
+ class="pf-v6-c-button__icon pf-m-start"
2009
2155
  >
2010
- <path
2011
- 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 34z"
2012
- />
2013
- </svg>
2156
+ <svg
2157
+ aria-hidden="true"
2158
+ class="pf-v6-svg"
2159
+ fill="currentColor"
2160
+ height="1em"
2161
+ role="img"
2162
+ viewBox="0 0 256 512"
2163
+ width="1em"
2164
+ >
2165
+ <path
2166
+ 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 34z"
2167
+ />
2168
+ </svg>
2169
+ </span>
2014
2170
  </button>
2015
2171
  </div>
2016
2172
  <div
@@ -2026,19 +2182,23 @@ exports[`Pagination component render empty per page options 1`] = `
2026
2182
  data-ouia-safe="true"
2027
2183
  type="button"
2028
2184
  >
2029
- <svg
2030
- aria-hidden="true"
2031
- class="pf-v6-svg"
2032
- fill="currentColor"
2033
- height="1em"
2034
- role="img"
2035
- viewBox="0 0 448 512"
2036
- width="1em"
2185
+ <span
2186
+ class="pf-v6-c-button__icon pf-m-start"
2037
2187
  >
2038
- <path
2039
- 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"
2040
- />
2041
- </svg>
2188
+ <svg
2189
+ aria-hidden="true"
2190
+ class="pf-v6-svg"
2191
+ fill="currentColor"
2192
+ height="1em"
2193
+ role="img"
2194
+ viewBox="0 0 448 512"
2195
+ width="1em"
2196
+ >
2197
+ <path
2198
+ 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"
2199
+ />
2200
+ </svg>
2201
+ </span>
2042
2202
  </button>
2043
2203
  </div>
2044
2204
  </nav>
@@ -2129,19 +2289,23 @@ exports[`Pagination component render last page 1`] = `
2129
2289
  data-ouia-safe="true"
2130
2290
  type="button"
2131
2291
  >
2132
- <svg
2133
- aria-hidden="true"
2134
- class="pf-v6-svg"
2135
- fill="currentColor"
2136
- height="1em"
2137
- role="img"
2138
- viewBox="0 0 448 512"
2139
- width="1em"
2292
+ <span
2293
+ class="pf-v6-c-button__icon pf-m-start"
2140
2294
  >
2141
- <path
2142
- 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"
2143
- />
2144
- </svg>
2295
+ <svg
2296
+ aria-hidden="true"
2297
+ class="pf-v6-svg"
2298
+ fill="currentColor"
2299
+ height="1em"
2300
+ role="img"
2301
+ viewBox="0 0 448 512"
2302
+ width="1em"
2303
+ >
2304
+ <path
2305
+ 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"
2306
+ />
2307
+ </svg>
2308
+ </span>
2145
2309
  </button>
2146
2310
  </div>
2147
2311
  <div
@@ -2157,19 +2321,23 @@ exports[`Pagination component render last page 1`] = `
2157
2321
  data-ouia-safe="true"
2158
2322
  type="button"
2159
2323
  >
2160
- <svg
2161
- aria-hidden="true"
2162
- class="pf-v6-svg"
2163
- fill="currentColor"
2164
- height="1em"
2165
- role="img"
2166
- viewBox="0 0 256 512"
2167
- width="1em"
2324
+ <span
2325
+ class="pf-v6-c-button__icon pf-m-start"
2168
2326
  >
2169
- <path
2170
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2171
- />
2172
- </svg>
2327
+ <svg
2328
+ aria-hidden="true"
2329
+ class="pf-v6-svg"
2330
+ fill="currentColor"
2331
+ height="1em"
2332
+ role="img"
2333
+ viewBox="0 0 256 512"
2334
+ width="1em"
2335
+ >
2336
+ <path
2337
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2338
+ />
2339
+ </svg>
2340
+ </span>
2173
2341
  </button>
2174
2342
  </div>
2175
2343
  <div
@@ -2210,19 +2378,23 @@ exports[`Pagination component render last page 1`] = `
2210
2378
  disabled=""
2211
2379
  type="button"
2212
2380
  >
2213
- <svg
2214
- aria-hidden="true"
2215
- class="pf-v6-svg"
2216
- fill="currentColor"
2217
- height="1em"
2218
- role="img"
2219
- viewBox="0 0 256 512"
2220
- width="1em"
2381
+ <span
2382
+ class="pf-v6-c-button__icon pf-m-start"
2221
2383
  >
2222
- <path
2223
- 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 34z"
2224
- />
2225
- </svg>
2384
+ <svg
2385
+ aria-hidden="true"
2386
+ class="pf-v6-svg"
2387
+ fill="currentColor"
2388
+ height="1em"
2389
+ role="img"
2390
+ viewBox="0 0 256 512"
2391
+ width="1em"
2392
+ >
2393
+ <path
2394
+ 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 34z"
2395
+ />
2396
+ </svg>
2397
+ </span>
2226
2398
  </button>
2227
2399
  </div>
2228
2400
  <div
@@ -2239,19 +2411,23 @@ exports[`Pagination component render last page 1`] = `
2239
2411
  disabled=""
2240
2412
  type="button"
2241
2413
  >
2242
- <svg
2243
- aria-hidden="true"
2244
- class="pf-v6-svg"
2245
- fill="currentColor"
2246
- height="1em"
2247
- role="img"
2248
- viewBox="0 0 448 512"
2249
- width="1em"
2414
+ <span
2415
+ class="pf-v6-c-button__icon pf-m-start"
2250
2416
  >
2251
- <path
2252
- 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"
2253
- />
2254
- </svg>
2417
+ <svg
2418
+ aria-hidden="true"
2419
+ class="pf-v6-svg"
2420
+ fill="currentColor"
2421
+ height="1em"
2422
+ role="img"
2423
+ viewBox="0 0 448 512"
2424
+ width="1em"
2425
+ >
2426
+ <path
2427
+ 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"
2428
+ />
2429
+ </svg>
2430
+ </span>
2255
2431
  </button>
2256
2432
  </div>
2257
2433
  </nav>
@@ -2343,19 +2519,23 @@ exports[`Pagination component render limited number of pages 1`] = `
2343
2519
  disabled=""
2344
2520
  type="button"
2345
2521
  >
2346
- <svg
2347
- aria-hidden="true"
2348
- class="pf-v6-svg"
2349
- fill="currentColor"
2350
- height="1em"
2351
- role="img"
2352
- viewBox="0 0 448 512"
2353
- width="1em"
2522
+ <span
2523
+ class="pf-v6-c-button__icon pf-m-start"
2354
2524
  >
2355
- <path
2356
- 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"
2357
- />
2358
- </svg>
2525
+ <svg
2526
+ aria-hidden="true"
2527
+ class="pf-v6-svg"
2528
+ fill="currentColor"
2529
+ height="1em"
2530
+ role="img"
2531
+ viewBox="0 0 448 512"
2532
+ width="1em"
2533
+ >
2534
+ <path
2535
+ 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"
2536
+ />
2537
+ </svg>
2538
+ </span>
2359
2539
  </button>
2360
2540
  </div>
2361
2541
  <div
@@ -2372,19 +2552,23 @@ exports[`Pagination component render limited number of pages 1`] = `
2372
2552
  disabled=""
2373
2553
  type="button"
2374
2554
  >
2375
- <svg
2376
- aria-hidden="true"
2377
- class="pf-v6-svg"
2378
- fill="currentColor"
2379
- height="1em"
2380
- role="img"
2381
- viewBox="0 0 256 512"
2382
- width="1em"
2555
+ <span
2556
+ class="pf-v6-c-button__icon pf-m-start"
2383
2557
  >
2384
- <path
2385
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2386
- />
2387
- </svg>
2558
+ <svg
2559
+ aria-hidden="true"
2560
+ class="pf-v6-svg"
2561
+ fill="currentColor"
2562
+ height="1em"
2563
+ role="img"
2564
+ viewBox="0 0 256 512"
2565
+ width="1em"
2566
+ >
2567
+ <path
2568
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2569
+ />
2570
+ </svg>
2571
+ </span>
2388
2572
  </button>
2389
2573
  </div>
2390
2574
  <div
@@ -2426,19 +2610,23 @@ exports[`Pagination component render limited number of pages 1`] = `
2426
2610
  disabled=""
2427
2611
  type="button"
2428
2612
  >
2429
- <svg
2430
- aria-hidden="true"
2431
- class="pf-v6-svg"
2432
- fill="currentColor"
2433
- height="1em"
2434
- role="img"
2435
- viewBox="0 0 256 512"
2436
- width="1em"
2613
+ <span
2614
+ class="pf-v6-c-button__icon pf-m-start"
2437
2615
  >
2438
- <path
2439
- 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 34z"
2440
- />
2441
- </svg>
2616
+ <svg
2617
+ aria-hidden="true"
2618
+ class="pf-v6-svg"
2619
+ fill="currentColor"
2620
+ height="1em"
2621
+ role="img"
2622
+ viewBox="0 0 256 512"
2623
+ width="1em"
2624
+ >
2625
+ <path
2626
+ 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 34z"
2627
+ />
2628
+ </svg>
2629
+ </span>
2442
2630
  </button>
2443
2631
  </div>
2444
2632
  <div
@@ -2455,19 +2643,23 @@ exports[`Pagination component render limited number of pages 1`] = `
2455
2643
  disabled=""
2456
2644
  type="button"
2457
2645
  >
2458
- <svg
2459
- aria-hidden="true"
2460
- class="pf-v6-svg"
2461
- fill="currentColor"
2462
- height="1em"
2463
- role="img"
2464
- viewBox="0 0 448 512"
2465
- width="1em"
2646
+ <span
2647
+ class="pf-v6-c-button__icon pf-m-start"
2466
2648
  >
2467
- <path
2468
- 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"
2469
- />
2470
- </svg>
2649
+ <svg
2650
+ aria-hidden="true"
2651
+ class="pf-v6-svg"
2652
+ fill="currentColor"
2653
+ height="1em"
2654
+ role="img"
2655
+ viewBox="0 0 448 512"
2656
+ width="1em"
2657
+ >
2658
+ <path
2659
+ 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"
2660
+ />
2661
+ </svg>
2662
+ </span>
2471
2663
  </button>
2472
2664
  </div>
2473
2665
  </nav>
@@ -2547,19 +2739,23 @@ exports[`Pagination component render should render correctly bottom 1`] = `
2547
2739
  disabled=""
2548
2740
  type="button"
2549
2741
  >
2550
- <svg
2551
- aria-hidden="true"
2552
- class="pf-v6-svg"
2553
- fill="currentColor"
2554
- height="1em"
2555
- role="img"
2556
- viewBox="0 0 448 512"
2557
- width="1em"
2742
+ <span
2743
+ class="pf-v6-c-button__icon pf-m-start"
2558
2744
  >
2559
- <path
2560
- 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"
2561
- />
2562
- </svg>
2745
+ <svg
2746
+ aria-hidden="true"
2747
+ class="pf-v6-svg"
2748
+ fill="currentColor"
2749
+ height="1em"
2750
+ role="img"
2751
+ viewBox="0 0 448 512"
2752
+ width="1em"
2753
+ >
2754
+ <path
2755
+ 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"
2756
+ />
2757
+ </svg>
2758
+ </span>
2563
2759
  </button>
2564
2760
  </div>
2565
2761
  <div
@@ -2576,19 +2772,23 @@ exports[`Pagination component render should render correctly bottom 1`] = `
2576
2772
  disabled=""
2577
2773
  type="button"
2578
2774
  >
2579
- <svg
2580
- aria-hidden="true"
2581
- class="pf-v6-svg"
2582
- fill="currentColor"
2583
- height="1em"
2584
- role="img"
2585
- viewBox="0 0 256 512"
2586
- width="1em"
2775
+ <span
2776
+ class="pf-v6-c-button__icon pf-m-start"
2587
2777
  >
2588
- <path
2589
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2590
- />
2591
- </svg>
2778
+ <svg
2779
+ aria-hidden="true"
2780
+ class="pf-v6-svg"
2781
+ fill="currentColor"
2782
+ height="1em"
2783
+ role="img"
2784
+ viewBox="0 0 256 512"
2785
+ width="1em"
2786
+ >
2787
+ <path
2788
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2789
+ />
2790
+ </svg>
2791
+ </span>
2592
2792
  </button>
2593
2793
  </div>
2594
2794
  <div
@@ -2628,19 +2828,23 @@ exports[`Pagination component render should render correctly bottom 1`] = `
2628
2828
  data-ouia-safe="true"
2629
2829
  type="button"
2630
2830
  >
2631
- <svg
2632
- aria-hidden="true"
2633
- class="pf-v6-svg"
2634
- fill="currentColor"
2635
- height="1em"
2636
- role="img"
2637
- viewBox="0 0 256 512"
2638
- width="1em"
2831
+ <span
2832
+ class="pf-v6-c-button__icon pf-m-start"
2639
2833
  >
2640
- <path
2641
- 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 34z"
2642
- />
2643
- </svg>
2834
+ <svg
2835
+ aria-hidden="true"
2836
+ class="pf-v6-svg"
2837
+ fill="currentColor"
2838
+ height="1em"
2839
+ role="img"
2840
+ viewBox="0 0 256 512"
2841
+ width="1em"
2842
+ >
2843
+ <path
2844
+ 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 34z"
2845
+ />
2846
+ </svg>
2847
+ </span>
2644
2848
  </button>
2645
2849
  </div>
2646
2850
  <div
@@ -2656,19 +2860,23 @@ exports[`Pagination component render should render correctly bottom 1`] = `
2656
2860
  data-ouia-safe="true"
2657
2861
  type="button"
2658
2862
  >
2659
- <svg
2660
- aria-hidden="true"
2661
- class="pf-v6-svg"
2662
- fill="currentColor"
2663
- height="1em"
2664
- role="img"
2665
- viewBox="0 0 448 512"
2666
- width="1em"
2863
+ <span
2864
+ class="pf-v6-c-button__icon pf-m-start"
2667
2865
  >
2668
- <path
2669
- 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"
2670
- />
2671
- </svg>
2866
+ <svg
2867
+ aria-hidden="true"
2868
+ class="pf-v6-svg"
2869
+ fill="currentColor"
2870
+ height="1em"
2871
+ role="img"
2872
+ viewBox="0 0 448 512"
2873
+ width="1em"
2874
+ >
2875
+ <path
2876
+ 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"
2877
+ />
2878
+ </svg>
2879
+ </span>
2672
2880
  </button>
2673
2881
  </div>
2674
2882
  </nav>
@@ -2748,19 +2956,23 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
2748
2956
  disabled=""
2749
2957
  type="button"
2750
2958
  >
2751
- <svg
2752
- aria-hidden="true"
2753
- class="pf-v6-svg"
2754
- fill="currentColor"
2755
- height="1em"
2756
- role="img"
2757
- viewBox="0 0 448 512"
2758
- width="1em"
2959
+ <span
2960
+ class="pf-v6-c-button__icon pf-m-start"
2759
2961
  >
2760
- <path
2761
- 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"
2762
- />
2763
- </svg>
2962
+ <svg
2963
+ aria-hidden="true"
2964
+ class="pf-v6-svg"
2965
+ fill="currentColor"
2966
+ height="1em"
2967
+ role="img"
2968
+ viewBox="0 0 448 512"
2969
+ width="1em"
2970
+ >
2971
+ <path
2972
+ 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"
2973
+ />
2974
+ </svg>
2975
+ </span>
2764
2976
  </button>
2765
2977
  </div>
2766
2978
  <div
@@ -2777,19 +2989,23 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
2777
2989
  disabled=""
2778
2990
  type="button"
2779
2991
  >
2780
- <svg
2781
- aria-hidden="true"
2782
- class="pf-v6-svg"
2783
- fill="currentColor"
2784
- height="1em"
2785
- role="img"
2786
- viewBox="0 0 256 512"
2787
- width="1em"
2992
+ <span
2993
+ class="pf-v6-c-button__icon pf-m-start"
2788
2994
  >
2789
- <path
2790
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2791
- />
2792
- </svg>
2995
+ <svg
2996
+ aria-hidden="true"
2997
+ class="pf-v6-svg"
2998
+ fill="currentColor"
2999
+ height="1em"
3000
+ role="img"
3001
+ viewBox="0 0 256 512"
3002
+ width="1em"
3003
+ >
3004
+ <path
3005
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
3006
+ />
3007
+ </svg>
3008
+ </span>
2793
3009
  </button>
2794
3010
  </div>
2795
3011
  <div
@@ -2829,19 +3045,23 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
2829
3045
  data-ouia-safe="true"
2830
3046
  type="button"
2831
3047
  >
2832
- <svg
2833
- aria-hidden="true"
2834
- class="pf-v6-svg"
2835
- fill="currentColor"
2836
- height="1em"
2837
- role="img"
2838
- viewBox="0 0 256 512"
2839
- width="1em"
3048
+ <span
3049
+ class="pf-v6-c-button__icon pf-m-start"
2840
3050
  >
2841
- <path
2842
- 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 34z"
2843
- />
2844
- </svg>
3051
+ <svg
3052
+ aria-hidden="true"
3053
+ class="pf-v6-svg"
3054
+ fill="currentColor"
3055
+ height="1em"
3056
+ role="img"
3057
+ viewBox="0 0 256 512"
3058
+ width="1em"
3059
+ >
3060
+ <path
3061
+ 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 34z"
3062
+ />
3063
+ </svg>
3064
+ </span>
2845
3065
  </button>
2846
3066
  </div>
2847
3067
  <div
@@ -2857,19 +3077,23 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
2857
3077
  data-ouia-safe="true"
2858
3078
  type="button"
2859
3079
  >
2860
- <svg
2861
- aria-hidden="true"
2862
- class="pf-v6-svg"
2863
- fill="currentColor"
2864
- height="1em"
2865
- role="img"
2866
- viewBox="0 0 448 512"
2867
- width="1em"
3080
+ <span
3081
+ class="pf-v6-c-button__icon pf-m-start"
2868
3082
  >
2869
- <path
2870
- 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"
2871
- />
2872
- </svg>
3083
+ <svg
3084
+ aria-hidden="true"
3085
+ class="pf-v6-svg"
3086
+ fill="currentColor"
3087
+ height="1em"
3088
+ role="img"
3089
+ viewBox="0 0 448 512"
3090
+ width="1em"
3091
+ >
3092
+ <path
3093
+ 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"
3094
+ />
3095
+ </svg>
3096
+ </span>
2873
3097
  </button>
2874
3098
  </div>
2875
3099
  </nav>
@@ -2961,19 +3185,23 @@ exports[`Pagination component render should render correctly compact 1`] = `
2961
3185
  disabled=""
2962
3186
  type="button"
2963
3187
  >
2964
- <svg
2965
- aria-hidden="true"
2966
- class="pf-v6-svg"
2967
- fill="currentColor"
2968
- height="1em"
2969
- role="img"
2970
- viewBox="0 0 448 512"
2971
- width="1em"
3188
+ <span
3189
+ class="pf-v6-c-button__icon pf-m-start"
2972
3190
  >
2973
- <path
2974
- 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"
2975
- />
2976
- </svg>
3191
+ <svg
3192
+ aria-hidden="true"
3193
+ class="pf-v6-svg"
3194
+ fill="currentColor"
3195
+ height="1em"
3196
+ role="img"
3197
+ viewBox="0 0 448 512"
3198
+ width="1em"
3199
+ >
3200
+ <path
3201
+ 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"
3202
+ />
3203
+ </svg>
3204
+ </span>
2977
3205
  </button>
2978
3206
  </div>
2979
3207
  <div
@@ -2990,19 +3218,23 @@ exports[`Pagination component render should render correctly compact 1`] = `
2990
3218
  disabled=""
2991
3219
  type="button"
2992
3220
  >
2993
- <svg
2994
- aria-hidden="true"
2995
- class="pf-v6-svg"
2996
- fill="currentColor"
2997
- height="1em"
2998
- role="img"
2999
- viewBox="0 0 256 512"
3000
- width="1em"
3221
+ <span
3222
+ class="pf-v6-c-button__icon pf-m-start"
3001
3223
  >
3002
- <path
3003
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
3004
- />
3005
- </svg>
3224
+ <svg
3225
+ aria-hidden="true"
3226
+ class="pf-v6-svg"
3227
+ fill="currentColor"
3228
+ height="1em"
3229
+ role="img"
3230
+ viewBox="0 0 256 512"
3231
+ width="1em"
3232
+ >
3233
+ <path
3234
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
3235
+ />
3236
+ </svg>
3237
+ </span>
3006
3238
  </button>
3007
3239
  </div>
3008
3240
  <div
@@ -3039,22 +3271,26 @@ exports[`Pagination component render should render correctly compact 1`] = `
3039
3271
  data-action="next"
3040
3272
  data-ouia-component-id="OUIA-Generated-Button-plain-11"
3041
3273
  data-ouia-component-type="PF6/Button"
3042
- data-ouia-safe="true"
3043
- type="button"
3044
- >
3045
- <svg
3046
- aria-hidden="true"
3047
- class="pf-v6-svg"
3048
- fill="currentColor"
3049
- height="1em"
3050
- role="img"
3051
- viewBox="0 0 256 512"
3052
- width="1em"
3274
+ data-ouia-safe="true"
3275
+ type="button"
3276
+ >
3277
+ <span
3278
+ class="pf-v6-c-button__icon pf-m-start"
3053
3279
  >
3054
- <path
3055
- 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 34z"
3056
- />
3057
- </svg>
3280
+ <svg
3281
+ aria-hidden="true"
3282
+ class="pf-v6-svg"
3283
+ fill="currentColor"
3284
+ height="1em"
3285
+ role="img"
3286
+ viewBox="0 0 256 512"
3287
+ width="1em"
3288
+ >
3289
+ <path
3290
+ 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 34z"
3291
+ />
3292
+ </svg>
3293
+ </span>
3058
3294
  </button>
3059
3295
  </div>
3060
3296
  <div
@@ -3070,19 +3306,23 @@ exports[`Pagination component render should render correctly compact 1`] = `
3070
3306
  data-ouia-safe="true"
3071
3307
  type="button"
3072
3308
  >
3073
- <svg
3074
- aria-hidden="true"
3075
- class="pf-v6-svg"
3076
- fill="currentColor"
3077
- height="1em"
3078
- role="img"
3079
- viewBox="0 0 448 512"
3080
- width="1em"
3309
+ <span
3310
+ class="pf-v6-c-button__icon pf-m-start"
3081
3311
  >
3082
- <path
3083
- 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"
3084
- />
3085
- </svg>
3312
+ <svg
3313
+ aria-hidden="true"
3314
+ class="pf-v6-svg"
3315
+ fill="currentColor"
3316
+ height="1em"
3317
+ role="img"
3318
+ viewBox="0 0 448 512"
3319
+ width="1em"
3320
+ >
3321
+ <path
3322
+ 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"
3323
+ />
3324
+ </svg>
3325
+ </span>
3086
3326
  </button>
3087
3327
  </div>
3088
3328
  </nav>
@@ -3175,19 +3415,23 @@ exports[`Pagination component render should render correctly disabled 1`] = `
3175
3415
  disabled=""
3176
3416
  type="button"
3177
3417
  >
3178
- <svg
3179
- aria-hidden="true"
3180
- class="pf-v6-svg"
3181
- fill="currentColor"
3182
- height="1em"
3183
- role="img"
3184
- viewBox="0 0 448 512"
3185
- width="1em"
3418
+ <span
3419
+ class="pf-v6-c-button__icon pf-m-start"
3186
3420
  >
3187
- <path
3188
- 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"
3189
- />
3190
- </svg>
3421
+ <svg
3422
+ aria-hidden="true"
3423
+ class="pf-v6-svg"
3424
+ fill="currentColor"
3425
+ height="1em"
3426
+ role="img"
3427
+ viewBox="0 0 448 512"
3428
+ width="1em"
3429
+ >
3430
+ <path
3431
+ 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"
3432
+ />
3433
+ </svg>
3434
+ </span>
3191
3435
  </button>
3192
3436
  </div>
3193
3437
  <div
@@ -3204,19 +3448,23 @@ exports[`Pagination component render should render correctly disabled 1`] = `
3204
3448
  disabled=""
3205
3449
  type="button"
3206
3450
  >
3207
- <svg
3208
- aria-hidden="true"
3209
- class="pf-v6-svg"
3210
- fill="currentColor"
3211
- height="1em"
3212
- role="img"
3213
- viewBox="0 0 256 512"
3214
- width="1em"
3451
+ <span
3452
+ class="pf-v6-c-button__icon pf-m-start"
3215
3453
  >
3216
- <path
3217
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
3218
- />
3219
- </svg>
3454
+ <svg
3455
+ aria-hidden="true"
3456
+ class="pf-v6-svg"
3457
+ fill="currentColor"
3458
+ height="1em"
3459
+ role="img"
3460
+ viewBox="0 0 256 512"
3461
+ width="1em"
3462
+ >
3463
+ <path
3464
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
3465
+ />
3466
+ </svg>
3467
+ </span>
3220
3468
  </button>
3221
3469
  </div>
3222
3470
  <div
@@ -3258,19 +3506,23 @@ exports[`Pagination component render should render correctly disabled 1`] = `
3258
3506
  disabled=""
3259
3507
  type="button"
3260
3508
  >
3261
- <svg
3262
- aria-hidden="true"
3263
- class="pf-v6-svg"
3264
- fill="currentColor"
3265
- height="1em"
3266
- role="img"
3267
- viewBox="0 0 256 512"
3268
- width="1em"
3509
+ <span
3510
+ class="pf-v6-c-button__icon pf-m-start"
3269
3511
  >
3270
- <path
3271
- 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 34z"
3272
- />
3273
- </svg>
3512
+ <svg
3513
+ aria-hidden="true"
3514
+ class="pf-v6-svg"
3515
+ fill="currentColor"
3516
+ height="1em"
3517
+ role="img"
3518
+ viewBox="0 0 256 512"
3519
+ width="1em"
3520
+ >
3521
+ <path
3522
+ 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 34z"
3523
+ />
3524
+ </svg>
3525
+ </span>
3274
3526
  </button>
3275
3527
  </div>
3276
3528
  <div
@@ -3287,19 +3539,23 @@ exports[`Pagination component render should render correctly disabled 1`] = `
3287
3539
  disabled=""
3288
3540
  type="button"
3289
3541
  >
3290
- <svg
3291
- aria-hidden="true"
3292
- class="pf-v6-svg"
3293
- fill="currentColor"
3294
- height="1em"
3295
- role="img"
3296
- viewBox="0 0 448 512"
3297
- width="1em"
3542
+ <span
3543
+ class="pf-v6-c-button__icon pf-m-start"
3298
3544
  >
3299
- <path
3300
- 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"
3301
- />
3302
- </svg>
3545
+ <svg
3546
+ aria-hidden="true"
3547
+ class="pf-v6-svg"
3548
+ fill="currentColor"
3549
+ height="1em"
3550
+ role="img"
3551
+ viewBox="0 0 448 512"
3552
+ width="1em"
3553
+ >
3554
+ <path
3555
+ 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"
3556
+ />
3557
+ </svg>
3558
+ </span>
3303
3559
  </button>
3304
3560
  </div>
3305
3561
  </nav>
@@ -3391,19 +3647,23 @@ exports[`Pagination component render should render correctly sticky 1`] = `
3391
3647
  disabled=""
3392
3648
  type="button"
3393
3649
  >
3394
- <svg
3395
- aria-hidden="true"
3396
- class="pf-v6-svg"
3397
- fill="currentColor"
3398
- height="1em"
3399
- role="img"
3400
- viewBox="0 0 448 512"
3401
- width="1em"
3650
+ <span
3651
+ class="pf-v6-c-button__icon pf-m-start"
3402
3652
  >
3403
- <path
3404
- 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"
3405
- />
3406
- </svg>
3653
+ <svg
3654
+ aria-hidden="true"
3655
+ class="pf-v6-svg"
3656
+ fill="currentColor"
3657
+ height="1em"
3658
+ role="img"
3659
+ viewBox="0 0 448 512"
3660
+ width="1em"
3661
+ >
3662
+ <path
3663
+ 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"
3664
+ />
3665
+ </svg>
3666
+ </span>
3407
3667
  </button>
3408
3668
  </div>
3409
3669
  <div
@@ -3420,19 +3680,23 @@ exports[`Pagination component render should render correctly sticky 1`] = `
3420
3680
  disabled=""
3421
3681
  type="button"
3422
3682
  >
3423
- <svg
3424
- aria-hidden="true"
3425
- class="pf-v6-svg"
3426
- fill="currentColor"
3427
- height="1em"
3428
- role="img"
3429
- viewBox="0 0 256 512"
3430
- width="1em"
3683
+ <span
3684
+ class="pf-v6-c-button__icon pf-m-start"
3431
3685
  >
3432
- <path
3433
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
3434
- />
3435
- </svg>
3686
+ <svg
3687
+ aria-hidden="true"
3688
+ class="pf-v6-svg"
3689
+ fill="currentColor"
3690
+ height="1em"
3691
+ role="img"
3692
+ viewBox="0 0 256 512"
3693
+ width="1em"
3694
+ >
3695
+ <path
3696
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
3697
+ />
3698
+ </svg>
3699
+ </span>
3436
3700
  </button>
3437
3701
  </div>
3438
3702
  <div
@@ -3472,19 +3736,23 @@ exports[`Pagination component render should render correctly sticky 1`] = `
3472
3736
  data-ouia-safe="true"
3473
3737
  type="button"
3474
3738
  >
3475
- <svg
3476
- aria-hidden="true"
3477
- class="pf-v6-svg"
3478
- fill="currentColor"
3479
- height="1em"
3480
- role="img"
3481
- viewBox="0 0 256 512"
3482
- width="1em"
3739
+ <span
3740
+ class="pf-v6-c-button__icon pf-m-start"
3483
3741
  >
3484
- <path
3485
- 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 34z"
3486
- />
3487
- </svg>
3742
+ <svg
3743
+ aria-hidden="true"
3744
+ class="pf-v6-svg"
3745
+ fill="currentColor"
3746
+ height="1em"
3747
+ role="img"
3748
+ viewBox="0 0 256 512"
3749
+ width="1em"
3750
+ >
3751
+ <path
3752
+ 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 34z"
3753
+ />
3754
+ </svg>
3755
+ </span>
3488
3756
  </button>
3489
3757
  </div>
3490
3758
  <div
@@ -3500,19 +3768,23 @@ exports[`Pagination component render should render correctly sticky 1`] = `
3500
3768
  data-ouia-safe="true"
3501
3769
  type="button"
3502
3770
  >
3503
- <svg
3504
- aria-hidden="true"
3505
- class="pf-v6-svg"
3506
- fill="currentColor"
3507
- height="1em"
3508
- role="img"
3509
- viewBox="0 0 448 512"
3510
- width="1em"
3771
+ <span
3772
+ class="pf-v6-c-button__icon pf-m-start"
3511
3773
  >
3512
- <path
3513
- 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"
3514
- />
3515
- </svg>
3774
+ <svg
3775
+ aria-hidden="true"
3776
+ class="pf-v6-svg"
3777
+ fill="currentColor"
3778
+ height="1em"
3779
+ role="img"
3780
+ viewBox="0 0 448 512"
3781
+ width="1em"
3782
+ >
3783
+ <path
3784
+ 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"
3785
+ />
3786
+ </svg>
3787
+ </span>
3516
3788
  </button>
3517
3789
  </div>
3518
3790
  </nav>
@@ -3604,19 +3876,23 @@ exports[`Pagination component render should render correctly top 1`] = `
3604
3876
  disabled=""
3605
3877
  type="button"
3606
3878
  >
3607
- <svg
3608
- aria-hidden="true"
3609
- class="pf-v6-svg"
3610
- fill="currentColor"
3611
- height="1em"
3612
- role="img"
3613
- viewBox="0 0 448 512"
3614
- width="1em"
3879
+ <span
3880
+ class="pf-v6-c-button__icon pf-m-start"
3615
3881
  >
3616
- <path
3617
- 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"
3618
- />
3619
- </svg>
3882
+ <svg
3883
+ aria-hidden="true"
3884
+ class="pf-v6-svg"
3885
+ fill="currentColor"
3886
+ height="1em"
3887
+ role="img"
3888
+ viewBox="0 0 448 512"
3889
+ width="1em"
3890
+ >
3891
+ <path
3892
+ 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"
3893
+ />
3894
+ </svg>
3895
+ </span>
3620
3896
  </button>
3621
3897
  </div>
3622
3898
  <div
@@ -3633,19 +3909,23 @@ exports[`Pagination component render should render correctly top 1`] = `
3633
3909
  disabled=""
3634
3910
  type="button"
3635
3911
  >
3636
- <svg
3637
- aria-hidden="true"
3638
- class="pf-v6-svg"
3639
- fill="currentColor"
3640
- height="1em"
3641
- role="img"
3642
- viewBox="0 0 256 512"
3643
- width="1em"
3912
+ <span
3913
+ class="pf-v6-c-button__icon pf-m-start"
3644
3914
  >
3645
- <path
3646
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
3647
- />
3648
- </svg>
3915
+ <svg
3916
+ aria-hidden="true"
3917
+ class="pf-v6-svg"
3918
+ fill="currentColor"
3919
+ height="1em"
3920
+ role="img"
3921
+ viewBox="0 0 256 512"
3922
+ width="1em"
3923
+ >
3924
+ <path
3925
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
3926
+ />
3927
+ </svg>
3928
+ </span>
3649
3929
  </button>
3650
3930
  </div>
3651
3931
  <div
@@ -3685,19 +3965,23 @@ exports[`Pagination component render should render correctly top 1`] = `
3685
3965
  data-ouia-safe="true"
3686
3966
  type="button"
3687
3967
  >
3688
- <svg
3689
- aria-hidden="true"
3690
- class="pf-v6-svg"
3691
- fill="currentColor"
3692
- height="1em"
3693
- role="img"
3694
- viewBox="0 0 256 512"
3695
- width="1em"
3968
+ <span
3969
+ class="pf-v6-c-button__icon pf-m-start"
3696
3970
  >
3697
- <path
3698
- 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 34z"
3699
- />
3700
- </svg>
3971
+ <svg
3972
+ aria-hidden="true"
3973
+ class="pf-v6-svg"
3974
+ fill="currentColor"
3975
+ height="1em"
3976
+ role="img"
3977
+ viewBox="0 0 256 512"
3978
+ width="1em"
3979
+ >
3980
+ <path
3981
+ 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 34z"
3982
+ />
3983
+ </svg>
3984
+ </span>
3701
3985
  </button>
3702
3986
  </div>
3703
3987
  <div
@@ -3713,19 +3997,23 @@ exports[`Pagination component render should render correctly top 1`] = `
3713
3997
  data-ouia-safe="true"
3714
3998
  type="button"
3715
3999
  >
3716
- <svg
3717
- aria-hidden="true"
3718
- class="pf-v6-svg"
3719
- fill="currentColor"
3720
- height="1em"
3721
- role="img"
3722
- viewBox="0 0 448 512"
3723
- width="1em"
4000
+ <span
4001
+ class="pf-v6-c-button__icon pf-m-start"
3724
4002
  >
3725
- <path
3726
- 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"
3727
- />
3728
- </svg>
4003
+ <svg
4004
+ aria-hidden="true"
4005
+ class="pf-v6-svg"
4006
+ fill="currentColor"
4007
+ height="1em"
4008
+ role="img"
4009
+ viewBox="0 0 448 512"
4010
+ width="1em"
4011
+ >
4012
+ <path
4013
+ 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"
4014
+ />
4015
+ </svg>
4016
+ </span>
3729
4017
  </button>
3730
4018
  </div>
3731
4019
  </nav>
@@ -3817,19 +4105,23 @@ exports[`Pagination component render titles 1`] = `
3817
4105
  disabled=""
3818
4106
  type="button"
3819
4107
  >
3820
- <svg
3821
- aria-hidden="true"
3822
- class="pf-v6-svg"
3823
- fill="currentColor"
3824
- height="1em"
3825
- role="img"
3826
- viewBox="0 0 448 512"
3827
- width="1em"
4108
+ <span
4109
+ class="pf-v6-c-button__icon pf-m-start"
3828
4110
  >
3829
- <path
3830
- 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"
3831
- />
3832
- </svg>
4111
+ <svg
4112
+ aria-hidden="true"
4113
+ class="pf-v6-svg"
4114
+ fill="currentColor"
4115
+ height="1em"
4116
+ role="img"
4117
+ viewBox="0 0 448 512"
4118
+ width="1em"
4119
+ >
4120
+ <path
4121
+ 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"
4122
+ />
4123
+ </svg>
4124
+ </span>
3833
4125
  </button>
3834
4126
  </div>
3835
4127
  <div
@@ -3846,19 +4138,23 @@ exports[`Pagination component render titles 1`] = `
3846
4138
  disabled=""
3847
4139
  type="button"
3848
4140
  >
3849
- <svg
3850
- aria-hidden="true"
3851
- class="pf-v6-svg"
3852
- fill="currentColor"
3853
- height="1em"
3854
- role="img"
3855
- viewBox="0 0 256 512"
3856
- width="1em"
4141
+ <span
4142
+ class="pf-v6-c-button__icon pf-m-start"
3857
4143
  >
3858
- <path
3859
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
3860
- />
3861
- </svg>
4144
+ <svg
4145
+ aria-hidden="true"
4146
+ class="pf-v6-svg"
4147
+ fill="currentColor"
4148
+ height="1em"
4149
+ role="img"
4150
+ viewBox="0 0 256 512"
4151
+ width="1em"
4152
+ >
4153
+ <path
4154
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
4155
+ />
4156
+ </svg>
4157
+ </span>
3862
4158
  </button>
3863
4159
  </div>
3864
4160
  <div
@@ -3898,19 +4194,23 @@ exports[`Pagination component render titles 1`] = `
3898
4194
  data-ouia-safe="true"
3899
4195
  type="button"
3900
4196
  >
3901
- <svg
3902
- aria-hidden="true"
3903
- class="pf-v6-svg"
3904
- fill="currentColor"
3905
- height="1em"
3906
- role="img"
3907
- viewBox="0 0 256 512"
3908
- width="1em"
4197
+ <span
4198
+ class="pf-v6-c-button__icon pf-m-start"
3909
4199
  >
3910
- <path
3911
- 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 34z"
3912
- />
3913
- </svg>
4200
+ <svg
4201
+ aria-hidden="true"
4202
+ class="pf-v6-svg"
4203
+ fill="currentColor"
4204
+ height="1em"
4205
+ role="img"
4206
+ viewBox="0 0 256 512"
4207
+ width="1em"
4208
+ >
4209
+ <path
4210
+ 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 34z"
4211
+ />
4212
+ </svg>
4213
+ </span>
3914
4214
  </button>
3915
4215
  </div>
3916
4216
  <div
@@ -3926,19 +4226,23 @@ exports[`Pagination component render titles 1`] = `
3926
4226
  data-ouia-safe="true"
3927
4227
  type="button"
3928
4228
  >
3929
- <svg
3930
- aria-hidden="true"
3931
- class="pf-v6-svg"
3932
- fill="currentColor"
3933
- height="1em"
3934
- role="img"
3935
- viewBox="0 0 448 512"
3936
- width="1em"
4229
+ <span
4230
+ class="pf-v6-c-button__icon pf-m-start"
3937
4231
  >
3938
- <path
3939
- 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"
3940
- />
3941
- </svg>
4232
+ <svg
4233
+ aria-hidden="true"
4234
+ class="pf-v6-svg"
4235
+ fill="currentColor"
4236
+ height="1em"
4237
+ role="img"
4238
+ viewBox="0 0 448 512"
4239
+ width="1em"
4240
+ >
4241
+ <path
4242
+ 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"
4243
+ />
4244
+ </svg>
4245
+ </span>
3942
4246
  </button>
3943
4247
  </div>
3944
4248
  </nav>
@@ -4030,19 +4334,23 @@ exports[`Pagination component render up drop direction 1`] = `
4030
4334
  disabled=""
4031
4335
  type="button"
4032
4336
  >
4033
- <svg
4034
- aria-hidden="true"
4035
- class="pf-v6-svg"
4036
- fill="currentColor"
4037
- height="1em"
4038
- role="img"
4039
- viewBox="0 0 448 512"
4040
- width="1em"
4337
+ <span
4338
+ class="pf-v6-c-button__icon pf-m-start"
4041
4339
  >
4042
- <path
4043
- 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"
4044
- />
4045
- </svg>
4340
+ <svg
4341
+ aria-hidden="true"
4342
+ class="pf-v6-svg"
4343
+ fill="currentColor"
4344
+ height="1em"
4345
+ role="img"
4346
+ viewBox="0 0 448 512"
4347
+ width="1em"
4348
+ >
4349
+ <path
4350
+ 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"
4351
+ />
4352
+ </svg>
4353
+ </span>
4046
4354
  </button>
4047
4355
  </div>
4048
4356
  <div
@@ -4059,19 +4367,23 @@ exports[`Pagination component render up drop direction 1`] = `
4059
4367
  disabled=""
4060
4368
  type="button"
4061
4369
  >
4062
- <svg
4063
- aria-hidden="true"
4064
- class="pf-v6-svg"
4065
- fill="currentColor"
4066
- height="1em"
4067
- role="img"
4068
- viewBox="0 0 256 512"
4069
- width="1em"
4370
+ <span
4371
+ class="pf-v6-c-button__icon pf-m-start"
4070
4372
  >
4071
- <path
4072
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
4073
- />
4074
- </svg>
4373
+ <svg
4374
+ aria-hidden="true"
4375
+ class="pf-v6-svg"
4376
+ fill="currentColor"
4377
+ height="1em"
4378
+ role="img"
4379
+ viewBox="0 0 256 512"
4380
+ width="1em"
4381
+ >
4382
+ <path
4383
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
4384
+ />
4385
+ </svg>
4386
+ </span>
4075
4387
  </button>
4076
4388
  </div>
4077
4389
  <div
@@ -4111,19 +4423,23 @@ exports[`Pagination component render up drop direction 1`] = `
4111
4423
  data-ouia-safe="true"
4112
4424
  type="button"
4113
4425
  >
4114
- <svg
4115
- aria-hidden="true"
4116
- class="pf-v6-svg"
4117
- fill="currentColor"
4118
- height="1em"
4119
- role="img"
4120
- viewBox="0 0 256 512"
4121
- width="1em"
4426
+ <span
4427
+ class="pf-v6-c-button__icon pf-m-start"
4122
4428
  >
4123
- <path
4124
- 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 34z"
4125
- />
4126
- </svg>
4429
+ <svg
4430
+ aria-hidden="true"
4431
+ class="pf-v6-svg"
4432
+ fill="currentColor"
4433
+ height="1em"
4434
+ role="img"
4435
+ viewBox="0 0 256 512"
4436
+ width="1em"
4437
+ >
4438
+ <path
4439
+ 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 34z"
4440
+ />
4441
+ </svg>
4442
+ </span>
4127
4443
  </button>
4128
4444
  </div>
4129
4445
  <div
@@ -4139,19 +4455,23 @@ exports[`Pagination component render up drop direction 1`] = `
4139
4455
  data-ouia-safe="true"
4140
4456
  type="button"
4141
4457
  >
4142
- <svg
4143
- aria-hidden="true"
4144
- class="pf-v6-svg"
4145
- fill="currentColor"
4146
- height="1em"
4147
- role="img"
4148
- viewBox="0 0 448 512"
4149
- width="1em"
4458
+ <span
4459
+ class="pf-v6-c-button__icon pf-m-start"
4150
4460
  >
4151
- <path
4152
- 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"
4153
- />
4154
- </svg>
4461
+ <svg
4462
+ aria-hidden="true"
4463
+ class="pf-v6-svg"
4464
+ fill="currentColor"
4465
+ height="1em"
4466
+ role="img"
4467
+ viewBox="0 0 448 512"
4468
+ width="1em"
4469
+ >
4470
+ <path
4471
+ 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"
4472
+ />
4473
+ </svg>
4474
+ </span>
4155
4475
  </button>
4156
4476
  </div>
4157
4477
  </nav>
@@ -4243,19 +4563,23 @@ exports[`Pagination component render zero results 1`] = `
4243
4563
  disabled=""
4244
4564
  type="button"
4245
4565
  >
4246
- <svg
4247
- aria-hidden="true"
4248
- class="pf-v6-svg"
4249
- fill="currentColor"
4250
- height="1em"
4251
- role="img"
4252
- viewBox="0 0 448 512"
4253
- width="1em"
4566
+ <span
4567
+ class="pf-v6-c-button__icon pf-m-start"
4254
4568
  >
4255
- <path
4256
- 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"
4257
- />
4258
- </svg>
4569
+ <svg
4570
+ aria-hidden="true"
4571
+ class="pf-v6-svg"
4572
+ fill="currentColor"
4573
+ height="1em"
4574
+ role="img"
4575
+ viewBox="0 0 448 512"
4576
+ width="1em"
4577
+ >
4578
+ <path
4579
+ 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"
4580
+ />
4581
+ </svg>
4582
+ </span>
4259
4583
  </button>
4260
4584
  </div>
4261
4585
  <div
@@ -4272,19 +4596,23 @@ exports[`Pagination component render zero results 1`] = `
4272
4596
  disabled=""
4273
4597
  type="button"
4274
4598
  >
4275
- <svg
4276
- aria-hidden="true"
4277
- class="pf-v6-svg"
4278
- fill="currentColor"
4279
- height="1em"
4280
- role="img"
4281
- viewBox="0 0 256 512"
4282
- width="1em"
4599
+ <span
4600
+ class="pf-v6-c-button__icon pf-m-start"
4283
4601
  >
4284
- <path
4285
- d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
4286
- />
4287
- </svg>
4602
+ <svg
4603
+ aria-hidden="true"
4604
+ class="pf-v6-svg"
4605
+ fill="currentColor"
4606
+ height="1em"
4607
+ role="img"
4608
+ viewBox="0 0 256 512"
4609
+ width="1em"
4610
+ >
4611
+ <path
4612
+ d="M31.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.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
4613
+ />
4614
+ </svg>
4615
+ </span>
4288
4616
  </button>
4289
4617
  </div>
4290
4618
  <div
@@ -4326,19 +4654,23 @@ exports[`Pagination component render zero results 1`] = `
4326
4654
  disabled=""
4327
4655
  type="button"
4328
4656
  >
4329
- <svg
4330
- aria-hidden="true"
4331
- class="pf-v6-svg"
4332
- fill="currentColor"
4333
- height="1em"
4334
- role="img"
4335
- viewBox="0 0 256 512"
4336
- width="1em"
4657
+ <span
4658
+ class="pf-v6-c-button__icon pf-m-start"
4337
4659
  >
4338
- <path
4339
- 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 34z"
4340
- />
4341
- </svg>
4660
+ <svg
4661
+ aria-hidden="true"
4662
+ class="pf-v6-svg"
4663
+ fill="currentColor"
4664
+ height="1em"
4665
+ role="img"
4666
+ viewBox="0 0 256 512"
4667
+ width="1em"
4668
+ >
4669
+ <path
4670
+ 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 34z"
4671
+ />
4672
+ </svg>
4673
+ </span>
4342
4674
  </button>
4343
4675
  </div>
4344
4676
  <div
@@ -4355,19 +4687,23 @@ exports[`Pagination component render zero results 1`] = `
4355
4687
  disabled=""
4356
4688
  type="button"
4357
4689
  >
4358
- <svg
4359
- aria-hidden="true"
4360
- class="pf-v6-svg"
4361
- fill="currentColor"
4362
- height="1em"
4363
- role="img"
4364
- viewBox="0 0 448 512"
4365
- width="1em"
4690
+ <span
4691
+ class="pf-v6-c-button__icon pf-m-start"
4366
4692
  >
4367
- <path
4368
- 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"
4369
- />
4370
- </svg>
4693
+ <svg
4694
+ aria-hidden="true"
4695
+ class="pf-v6-svg"
4696
+ fill="currentColor"
4697
+ height="1em"
4698
+ role="img"
4699
+ viewBox="0 0 448 512"
4700
+ width="1em"
4701
+ >
4702
+ <path
4703
+ 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"
4704
+ />
4705
+ </svg>
4706
+ </span>
4371
4707
  </button>
4372
4708
  </div>
4373
4709
  </nav>