@patternfly/patternfly 6.5.0-prerelease.5 → 6.5.0-prerelease.50

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 (376) hide show
  1. package/README.md +1 -1
  2. package/assets/fontawesome/_variables.scss +2 -1
  3. package/assets/images/RHAiExperienceIcon.svg +27 -0
  4. package/assets/images/RHAutomationsLogo.svg +96 -0
  5. package/assets/images/RHServerStackIcon.svg +16 -0
  6. package/assets/images/compass--hero-bg.png +0 -0
  7. package/assets/images/compass--rh-wallpaper-dark.png +0 -0
  8. package/assets/images/compass--rh-wallpaper-light.png +0 -0
  9. package/assets/images/compass--wallpaper-dark.png +0 -0
  10. package/assets/images/compass--wallpaper-light.png +0 -0
  11. package/base/normalize.scss +7 -0
  12. package/base/patternfly-common.css +50 -0
  13. package/base/patternfly-common.scss +59 -0
  14. package/base/patternfly-svg-icons.css +11 -0
  15. package/base/patternfly-svg-icons.scss +14 -0
  16. package/base/patternfly-variables.css +345 -14
  17. package/base/patternfly-variables.scss +40 -0
  18. package/base/tokens/tokens-dark.scss +51 -3
  19. package/base/tokens/tokens-default.scss +67 -13
  20. package/base/tokens/tokens-glass-dark.scss +9 -0
  21. package/base/tokens/tokens-glass.scss +9 -0
  22. package/base/tokens/tokens-local.scss +16 -0
  23. package/base/tokens/tokens-palette.scss +3 -1
  24. package/base/tokens/tokens-redhat-dark.scss +14 -0
  25. package/base/tokens/tokens-redhat-glass-dark.scss +16 -0
  26. package/base/tokens/tokens-redhat-glass.scss +15 -0
  27. package/base/tokens/tokens-redhat-highcontrast-dark.scss +47 -0
  28. package/base/tokens/tokens-redhat-highcontrast.scss +127 -0
  29. package/base/tokens/tokens-redhat.scss +15 -0
  30. package/components/AboutModalBox/about-modal-box.css +36 -26
  31. package/components/Accordion/accordion.css +17 -14
  32. package/components/Accordion/accordion.scss +1 -2
  33. package/components/ActionList/action-list.css +2 -0
  34. package/components/ActionList/action-list.scss +2 -0
  35. package/components/Alert/alert.css +7 -5
  36. package/components/Alert/alert.scss +2 -1
  37. package/components/Avatar/avatar.css +12 -4
  38. package/components/BackgroundImage/background-image.css +6 -3
  39. package/components/Banner/banner.css +8 -6
  40. package/components/Brand/brand.css +3 -1
  41. package/components/Breadcrumb/breadcrumb.css +4 -3
  42. package/components/Button/button.css +117 -14
  43. package/components/Button/button.scss +127 -10
  44. package/components/CalendarMonth/calendar-month.css +4 -3
  45. package/components/Card/card.css +20 -7
  46. package/components/Card/card.scss +16 -2
  47. package/components/ClipboardCopy/clipboard-copy.css +7 -6
  48. package/components/ClipboardCopy/clipboard-copy.scss +3 -3
  49. package/components/CodeEditor/code-editor.css +1 -1
  50. package/components/CodeEditor/code-editor.scss +1 -1
  51. package/components/Compass/compass.css +320 -0
  52. package/components/Compass/compass.scss +350 -0
  53. package/components/DataList/data-list.css +34 -23
  54. package/components/DataList/data-list.scss +7 -2
  55. package/components/DescriptionList/description-list-order.scss +5 -1
  56. package/components/DescriptionList/description-list.css +7 -5
  57. package/components/DescriptionList/description-list.scss +5 -1
  58. package/components/Divider/divider.css +7 -5
  59. package/components/Drawer/drawer.css +110 -56
  60. package/components/Drawer/drawer.scss +69 -9
  61. package/components/DualListSelector/dual-list-selector.css +18 -12
  62. package/components/DualListSelector/dual-list-selector.scss +1 -1
  63. package/components/ExpandableSection/expandable-section.css +21 -16
  64. package/components/ExpandableSection/expandable-section.scss +6 -3
  65. package/components/Form/form.css +2 -2
  66. package/components/Form/form.scss +2 -2
  67. package/components/FormControl/form-control.css +3 -3
  68. package/components/FormControl/form-control.scss +3 -3
  69. package/components/Hero/hero.css +74 -0
  70. package/components/Hero/hero.scss +86 -0
  71. package/components/JumpLinks/jump-links.css +5 -4
  72. package/components/JumpLinks/jump-links.scss +6 -2
  73. package/components/Label/label-group.css +2 -2
  74. package/components/Label/label-group.scss +2 -2
  75. package/components/Label/label.css +4 -3
  76. package/components/Login/login.css +51 -37
  77. package/components/Masthead/masthead.css +70 -16
  78. package/components/Masthead/masthead.scss +54 -1
  79. package/components/Menu/menu.css +23 -14
  80. package/components/MenuToggle/menu-toggle.css +5 -1
  81. package/components/MenuToggle/menu-toggle.scss +6 -1
  82. package/components/ModalBox/modal-box.css +9 -7
  83. package/components/ModalBox/modal-box.scss +2 -2
  84. package/components/Nav/nav.css +74 -11
  85. package/components/Nav/nav.scss +77 -5
  86. package/components/NotificationDrawer/notification-drawer.css +19 -9
  87. package/components/NotificationDrawer/notification-drawer.scss +14 -5
  88. package/components/Page/page.css +55 -29
  89. package/components/Page/page.scss +44 -5
  90. package/components/Pagination/pagination.scss +5 -1
  91. package/components/ProgressStepper/progress-stepper.scss +5 -1
  92. package/components/Sidebar/sidebar.css +1 -1
  93. package/components/Sidebar/sidebar.scss +7 -3
  94. package/components/Skeleton/skeleton.css +16 -15
  95. package/components/Slider/slider.css +32 -18
  96. package/components/Switch/switch.css +4 -2
  97. package/components/Switch/switch.scss +1 -1
  98. package/components/Table/table-grid.css +28 -36
  99. package/components/Table/table-grid.scss +4 -4
  100. package/components/Table/table-tree-view.css +4 -2
  101. package/components/Table/table.css +33 -29
  102. package/components/Table/table.scss +2 -2
  103. package/components/Tabs/tabs.css +35 -18
  104. package/components/Tabs/tabs.scss +35 -7
  105. package/components/TextInputGroup/text-input-group.css +2 -2
  106. package/components/TextInputGroup/text-input-group.scss +2 -2
  107. package/components/ToggleGroup/toggle-group.css +34 -17
  108. package/components/ToggleGroup/toggle-group.scss +36 -20
  109. package/components/Toolbar/toolbar.css +47 -15
  110. package/components/Toolbar/toolbar.scss +34 -6
  111. package/components/TreeView/tree-view.css +45 -14
  112. package/components/TreeView/tree-view.scss +32 -1
  113. package/components/Wizard/wizard.css +21 -17
  114. package/components/Wizard/wizard.scss +4 -4
  115. package/components/_index.css +1602 -676
  116. package/components/_index.scss +3 -1
  117. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
  118. package/docs/components/Accordion/examples/Accordion.md +390 -30
  119. package/docs/components/ActionList/examples/ActionList.md +143 -11
  120. package/docs/components/Alert/examples/Alert.md +678 -54
  121. package/docs/components/Avatar/examples/Avatar.md +4 -4
  122. package/docs/components/BackToTop/examples/BackToTop.md +13 -1
  123. package/docs/components/Banner/examples/Banner.md +65 -5
  124. package/docs/components/Brand/examples/Brand.md +2 -2
  125. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
  126. package/docs/components/Button/examples/Button.md +2217 -241
  127. package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
  128. package/docs/components/Card/examples/Card.md +206 -4
  129. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +286 -22
  130. package/docs/components/CodeBlock/examples/CodeBlock.md +104 -8
  131. package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
  132. package/docs/components/Compass/examples/Compass.css +17 -0
  133. package/docs/components/Compass/examples/Compass.md +119 -0
  134. package/docs/components/DataList/examples/DataList.md +405 -205
  135. package/docs/components/DatePicker/examples/DatePicker.md +78 -6
  136. package/docs/components/DescriptionList/examples/DescriptionList.md +327 -27
  137. package/docs/components/Divider/examples/Divider.md +2 -2
  138. package/docs/components/Drawer/examples/Drawer.md +353 -35
  139. package/docs/components/DualListSelector/examples/DualListSelector.md +1013 -143
  140. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  141. package/docs/components/Form/examples/Form.md +78 -6
  142. package/docs/components/Hero/examples/Hero.md +25 -0
  143. package/docs/components/Icon/examples/Icon.md +92 -8
  144. package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
  145. package/docs/components/InputGroup/examples/InputGroup.md +27 -3
  146. package/docs/components/JumpLinks/examples/JumpLinks.md +54 -6
  147. package/docs/components/Label/examples/Label.md +2834 -218
  148. package/docs/components/Login/examples/Login.md +26 -2
  149. package/docs/components/Masthead/examples/masthead.md +80 -1
  150. package/docs/components/Menu/examples/Menu.md +1458 -114
  151. package/docs/components/MenuToggle/examples/MenuToggle.md +53 -1
  152. package/docs/components/ModalBox/examples/ModalBox.md +287 -23
  153. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +156 -12
  154. package/docs/components/Nav/examples/Navigation.md +798 -58
  155. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +598 -46
  156. package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
  157. package/docs/components/Page/examples/Page.md +51 -2
  158. package/docs/components/Pagination/examples/Pagination.md +627 -51
  159. package/docs/components/Popover/examples/Popover.md +286 -22
  160. package/docs/components/ProgressStepper/examples/ProgressStepper.md +275 -23
  161. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  162. package/docs/components/Slider/examples/Slider.md +52 -4
  163. package/docs/components/Table/examples/Table.md +875 -70
  164. package/docs/components/Tabs/examples/Tabs.md +4127 -320
  165. package/docs/components/TextInputGroup/examples/TextInputGroup.md +600 -48
  166. package/docs/components/ToggleGroup/examples/toggle-group.md +195 -15
  167. package/docs/components/Toolbar/examples/Toolbar.md +490 -42
  168. package/docs/components/TreeView/examples/TreeView.md +1390 -130
  169. package/docs/components/Wizard/examples/Wizard.md +492 -72
  170. package/docs/demos/AboutModal/examples/AboutModal.md +57 -9
  171. package/docs/demos/Alert/examples/Alert.md +236 -32
  172. package/docs/demos/BackToTop/examples/BackToTop.md +57 -9
  173. package/docs/demos/Banner/examples/Banner.md +88 -16
  174. package/docs/demos/Button/examples/Button.md +13 -1
  175. package/docs/demos/Card/examples/Card.md +399 -42
  176. package/docs/demos/CardView/examples/CardView.md +161 -17
  177. package/docs/demos/Compass/examples/Compass.md +6836 -0
  178. package/docs/demos/Dashboard/examples/Dashboard.md +173 -26
  179. package/docs/demos/DataList/examples/DataList.md +566 -65
  180. package/docs/demos/DescriptionList/examples/DescriptionList.md +156 -27
  181. package/docs/demos/Drawer/examples/Drawer.md +216 -45
  182. package/docs/demos/Form/examples/BasicForms.md +273 -21
  183. package/docs/demos/JumpLinks/examples/JumpLinks.md +272 -59
  184. package/docs/demos/Masthead/examples/Masthead.md +458 -89
  185. package/docs/demos/Modal/examples/Modal.md +342 -57
  186. package/docs/demos/Nav/examples/Nav.md +660 -87
  187. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1088 -140
  188. package/docs/demos/Page/examples/Page.md +618 -123
  189. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  190. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
  191. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +691 -113
  192. package/docs/demos/Skeleton/examples/Skeleton.md +44 -8
  193. package/docs/demos/Table/examples/Table.md +3924 -256
  194. package/docs/demos/Tabs/examples/Tabs.md +407 -65
  195. package/docs/demos/Toolbar/examples/Toolbar.md +502 -52
  196. package/docs/demos/Wizard/examples/Wizard.md +796 -130
  197. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  198. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  199. package/docs/layouts/Flex/examples/Flex.css +3 -3
  200. package/docs/layouts/Flex/examples/Flex.md +3 -2
  201. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  202. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  203. package/docs/layouts/Grid/examples/Grid.css +1 -1
  204. package/docs/layouts/Grid/examples/Grid.md +6 -5
  205. package/docs/layouts/Level/examples/Level.css +3 -3
  206. package/docs/layouts/Level/examples/Level.md +2 -1
  207. package/docs/layouts/Split/examples/Split.css +1 -1
  208. package/docs/layouts/Split/examples/Split.md +2 -1
  209. package/docs/layouts/Stack/examples/Stack.css +3 -3
  210. package/docs/layouts/Stack/examples/Stack.md +2 -1
  211. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  212. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  213. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  214. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  215. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  216. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  217. package/docs/utilities/Display/examples/Display.css +1 -1
  218. package/docs/utilities/Display/examples/Display.md +3 -2
  219. package/docs/utilities/Flex/examples/Flex.css +7 -7
  220. package/docs/utilities/Flex/examples/Flex.md +3 -2
  221. package/docs/utilities/Float/examples/Float.css +2 -2
  222. package/docs/utilities/Float/examples/Float.md +3 -2
  223. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  224. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  225. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  226. package/docs/utilities/Text/examples/Text.md +5 -4
  227. package/icons/PfIcons/add-circle-o.svg +4 -0
  228. package/icons/PfIcons/ansible-tower.svg +4 -0
  229. package/icons/PfIcons/applications.svg +4 -0
  230. package/icons/PfIcons/arrow.svg +4 -0
  231. package/icons/PfIcons/asleep.svg +4 -0
  232. package/icons/PfIcons/attention-bell.svg +4 -0
  233. package/icons/PfIcons/automation.svg +4 -0
  234. package/icons/PfIcons/bell.svg +4 -0
  235. package/icons/PfIcons/blueprint.svg +4 -0
  236. package/icons/PfIcons/build.svg +4 -0
  237. package/icons/PfIcons/builder-image.svg +4 -0
  238. package/icons/PfIcons/bundle.svg +4 -0
  239. package/icons/PfIcons/catalog.svg +4 -0
  240. package/icons/PfIcons/chat.svg +4 -0
  241. package/icons/PfIcons/close.svg +4 -0
  242. package/icons/PfIcons/cloud-security.svg +4 -0
  243. package/icons/PfIcons/cloud-tenant.svg +4 -0
  244. package/icons/PfIcons/cluster.svg +4 -0
  245. package/icons/PfIcons/connected.svg +4 -0
  246. package/icons/PfIcons/container-node.svg +4 -0
  247. package/icons/PfIcons/cpu.svg +4 -0
  248. package/icons/PfIcons/critical-risk.svg +4 -0
  249. package/icons/PfIcons/data-processor.svg +4 -0
  250. package/icons/PfIcons/data-sink.svg +4 -0
  251. package/icons/PfIcons/data-source.svg +4 -0
  252. package/icons/PfIcons/degraded.svg +4 -0
  253. package/icons/PfIcons/disconnected.svg +4 -0
  254. package/icons/PfIcons/domain.svg +4 -0
  255. package/icons/PfIcons/edit.svg +4 -0
  256. package/icons/PfIcons/enhancement.svg +4 -0
  257. package/icons/PfIcons/enterprise.svg +4 -0
  258. package/icons/PfIcons/equalizer.svg +4 -0
  259. package/icons/PfIcons/error-circle-o.svg +4 -0
  260. package/icons/PfIcons/export.svg +4 -0
  261. package/icons/PfIcons/filter.svg +4 -0
  262. package/icons/PfIcons/flavor.svg +4 -0
  263. package/icons/PfIcons/folder-close.svg +4 -0
  264. package/icons/PfIcons/folder-open.svg +4 -0
  265. package/icons/PfIcons/globe-route.svg +4 -0
  266. package/icons/PfIcons/help.svg +4 -0
  267. package/icons/PfIcons/history.svg +4 -0
  268. package/icons/PfIcons/home.svg +4 -0
  269. package/icons/PfIcons/import.svg +4 -0
  270. package/icons/PfIcons/in-progress.svg +4 -0
  271. package/icons/PfIcons/info.svg +4 -0
  272. package/icons/PfIcons/infrastructure.svg +4 -0
  273. package/icons/PfIcons/integration.svg +4 -0
  274. package/icons/PfIcons/key.svg +4 -0
  275. package/icons/PfIcons/locked.svg +4 -0
  276. package/icons/PfIcons/maintenance.svg +4 -0
  277. package/icons/PfIcons/memory.svg +4 -0
  278. package/icons/PfIcons/messages.svg +4 -0
  279. package/icons/PfIcons/middleware.svg +4 -0
  280. package/icons/PfIcons/migration.svg +4 -0
  281. package/icons/PfIcons/module.svg +4 -0
  282. package/icons/PfIcons/monitoring.svg +4 -0
  283. package/icons/PfIcons/multicluster.svg +4 -0
  284. package/icons/PfIcons/namespaces.svg +4 -0
  285. package/icons/PfIcons/network.svg +4 -0
  286. package/icons/PfIcons/new-process.svg +4 -0
  287. package/icons/PfIcons/not-started.svg +4 -0
  288. package/icons/PfIcons/off.svg +4 -0
  289. package/icons/PfIcons/ok.svg +4 -0
  290. package/icons/PfIcons/on-running.svg +4 -0
  291. package/icons/PfIcons/on.svg +4 -0
  292. package/icons/PfIcons/open-drawer-right.svg +4 -0
  293. package/icons/PfIcons/openshift.svg +4 -0
  294. package/icons/PfIcons/openstack.svg +4 -0
  295. package/icons/PfIcons/optimize.svg +4 -0
  296. package/icons/PfIcons/orders.svg +4 -0
  297. package/icons/PfIcons/os-image.svg +4 -0
  298. package/icons/PfIcons/package.svg +4 -0
  299. package/icons/PfIcons/panel-close.svg +4 -0
  300. package/icons/PfIcons/panel-open.svg +4 -0
  301. package/icons/PfIcons/paused.svg +4 -0
  302. package/icons/PfIcons/pending.svg +4 -0
  303. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  304. package/icons/PfIcons/pficon-history.svg +4 -0
  305. package/icons/PfIcons/pficon-network-range.svg +4 -0
  306. package/icons/PfIcons/pficon-satellite.svg +4 -0
  307. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  308. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  309. package/icons/PfIcons/pficon-template.svg +4 -0
  310. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  311. package/icons/PfIcons/plugged.svg +4 -0
  312. package/icons/PfIcons/port.svg +4 -0
  313. package/icons/PfIcons/print.svg +4 -0
  314. package/icons/PfIcons/private.svg +4 -0
  315. package/icons/PfIcons/process-automation.svg +4 -0
  316. package/icons/PfIcons/project.svg +4 -0
  317. package/icons/PfIcons/rebalance.svg +4 -0
  318. package/icons/PfIcons/rebooting.svg +4 -0
  319. package/icons/PfIcons/regions.svg +4 -0
  320. package/icons/PfIcons/registry.svg +4 -0
  321. package/icons/PfIcons/remove2.svg +4 -0
  322. package/icons/PfIcons/replicator.svg +4 -0
  323. package/icons/PfIcons/repository.svg +4 -0
  324. package/icons/PfIcons/resource-pool.svg +4 -0
  325. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  326. package/icons/PfIcons/resources-almost-full.svg +4 -0
  327. package/icons/PfIcons/resources-empty.svg +4 -0
  328. package/icons/PfIcons/resources-full.svg +4 -0
  329. package/icons/PfIcons/running.svg +4 -0
  330. package/icons/PfIcons/save.svg +4 -0
  331. package/icons/PfIcons/screen.svg +4 -0
  332. package/icons/PfIcons/security.svg +4 -0
  333. package/icons/PfIcons/server-group.svg +4 -0
  334. package/icons/PfIcons/server.svg +4 -0
  335. package/icons/PfIcons/service-catalog.svg +4 -0
  336. package/icons/PfIcons/service.svg +4 -0
  337. package/icons/PfIcons/services.svg +4 -0
  338. package/icons/PfIcons/severity-critical.svg +4 -0
  339. package/icons/PfIcons/severity-important.svg +4 -0
  340. package/icons/PfIcons/severity-minor.svg +4 -0
  341. package/icons/PfIcons/severity-moderate.svg +4 -0
  342. package/icons/PfIcons/severity-none.svg +4 -0
  343. package/icons/PfIcons/severity-undefined.svg +4 -0
  344. package/icons/PfIcons/spinner.svg +4 -0
  345. package/icons/PfIcons/spinner2.svg +4 -0
  346. package/icons/PfIcons/storage-domain.svg +4 -0
  347. package/icons/PfIcons/task.svg +4 -0
  348. package/icons/PfIcons/tenant.svg +4 -0
  349. package/icons/PfIcons/thumb-tack.svg +4 -0
  350. package/icons/PfIcons/topology.svg +4 -0
  351. package/icons/PfIcons/treeview.svg +4 -0
  352. package/icons/PfIcons/trend-down.svg +4 -0
  353. package/icons/PfIcons/trend-up.svg +4 -0
  354. package/icons/PfIcons/unknown.svg +4 -0
  355. package/icons/PfIcons/unlocked.svg +4 -0
  356. package/icons/PfIcons/unplugged.svg +4 -0
  357. package/icons/PfIcons/user.svg +4 -0
  358. package/icons/PfIcons/users.svg +4 -0
  359. package/icons/PfIcons/virtual-machine.svg +4 -0
  360. package/icons/PfIcons/volume.svg +4 -0
  361. package/icons/PfIcons/warning-triangle.svg +4 -0
  362. package/icons/PfIcons/zone.svg +4 -0
  363. package/layouts/Flex/flex.scss +83 -19
  364. package/layouts/Gallery/gallery.css +6 -2
  365. package/layouts/_index.css +6 -2
  366. package/package.json +34 -16
  367. package/patternfly-base-no-globals.css +406 -14
  368. package/patternfly-base.css +413 -14
  369. package/patternfly-charts.css +3 -3
  370. package/patternfly-no-globals.css +1947 -625
  371. package/patternfly.css +1954 -625
  372. package/patternfly.min.css +1 -1
  373. package/patternfly.min.css.map +1 -1
  374. package/sass-utilities/functions.scss +32 -25
  375. package/sass-utilities/mixins.scss +36 -20
  376. package/sass-utilities/namespaces-components.scss +6 -0
@@ -43,7 +43,19 @@ cssPrefix: pf-v6-c-pagination
43
43
  aria-label="Go to first page"
44
44
  >
45
45
  <span class="pf-v6-c-button__icon">
46
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
46
+ <svg
47
+ class="pf-v6-svg"
48
+ viewBox="0 0 448 512"
49
+ fill="currentColor"
50
+ aria-hidden="true"
51
+ role="img"
52
+ width="1em"
53
+ height="1em"
54
+ >
55
+ <path
56
+ 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"
57
+ />
58
+ </svg>
47
59
  </span>
48
60
  </button>
49
61
  </div>
@@ -55,7 +67,19 @@ cssPrefix: pf-v6-c-pagination
55
67
  aria-label="Go to previous page"
56
68
  >
57
69
  <span class="pf-v6-c-button__icon">
58
- <i class="fas fa-angle-left" aria-hidden="true"></i>
70
+ <svg
71
+ class="pf-v6-svg"
72
+ viewBox="0 0 256 512"
73
+ fill="currentColor"
74
+ aria-hidden="true"
75
+ role="img"
76
+ width="1em"
77
+ height="1em"
78
+ >
79
+ <path
80
+ 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"
81
+ />
82
+ </svg>
59
83
  </span>
60
84
  </button>
61
85
  </div>
@@ -78,7 +102,19 @@ cssPrefix: pf-v6-c-pagination
78
102
  aria-label="Go to next page"
79
103
  >
80
104
  <span class="pf-v6-c-button__icon">
81
- <i class="fas fa-angle-right" aria-hidden="true"></i>
105
+ <svg
106
+ class="pf-v6-svg"
107
+ viewBox="0 0 256 512"
108
+ fill="currentColor"
109
+ aria-hidden="true"
110
+ role="img"
111
+ width="1em"
112
+ height="1em"
113
+ >
114
+ <path
115
+ 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"
116
+ />
117
+ </svg>
82
118
  </span>
83
119
  </button>
84
120
  </div>
@@ -90,7 +126,19 @@ cssPrefix: pf-v6-c-pagination
90
126
  aria-label="Go to last page"
91
127
  >
92
128
  <span class="pf-v6-c-button__icon">
93
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
129
+ <svg
130
+ class="pf-v6-svg"
131
+ viewBox="0 0 448 512"
132
+ fill="currentColor"
133
+ aria-hidden="true"
134
+ role="img"
135
+ width="1em"
136
+ height="1em"
137
+ >
138
+ <path
139
+ 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"
140
+ />
141
+ </svg>
94
142
  </span>
95
143
  </button>
96
144
  </div>
@@ -138,7 +186,19 @@ cssPrefix: pf-v6-c-pagination
138
186
  aria-label="Go to first page"
139
187
  >
140
188
  <span class="pf-v6-c-button__icon">
141
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
189
+ <svg
190
+ class="pf-v6-svg"
191
+ viewBox="0 0 448 512"
192
+ fill="currentColor"
193
+ aria-hidden="true"
194
+ role="img"
195
+ width="1em"
196
+ height="1em"
197
+ >
198
+ <path
199
+ 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"
200
+ />
201
+ </svg>
142
202
  </span>
143
203
  </button>
144
204
  </div>
@@ -150,7 +210,19 @@ cssPrefix: pf-v6-c-pagination
150
210
  aria-label="Go to previous page"
151
211
  >
152
212
  <span class="pf-v6-c-button__icon">
153
- <i class="fas fa-angle-left" aria-hidden="true"></i>
213
+ <svg
214
+ class="pf-v6-svg"
215
+ viewBox="0 0 256 512"
216
+ fill="currentColor"
217
+ aria-hidden="true"
218
+ role="img"
219
+ width="1em"
220
+ height="1em"
221
+ >
222
+ <path
223
+ 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"
224
+ />
225
+ </svg>
154
226
  </span>
155
227
  </button>
156
228
  </div>
@@ -173,7 +245,19 @@ cssPrefix: pf-v6-c-pagination
173
245
  aria-label="Go to next page"
174
246
  >
175
247
  <span class="pf-v6-c-button__icon">
176
- <i class="fas fa-angle-right" aria-hidden="true"></i>
248
+ <svg
249
+ class="pf-v6-svg"
250
+ viewBox="0 0 256 512"
251
+ fill="currentColor"
252
+ aria-hidden="true"
253
+ role="img"
254
+ width="1em"
255
+ height="1em"
256
+ >
257
+ <path
258
+ 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"
259
+ />
260
+ </svg>
177
261
  </span>
178
262
  </button>
179
263
  </div>
@@ -185,7 +269,19 @@ cssPrefix: pf-v6-c-pagination
185
269
  aria-label="Go to last page"
186
270
  >
187
271
  <span class="pf-v6-c-button__icon">
188
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
272
+ <svg
273
+ class="pf-v6-svg"
274
+ viewBox="0 0 448 512"
275
+ fill="currentColor"
276
+ aria-hidden="true"
277
+ role="img"
278
+ width="1em"
279
+ height="1em"
280
+ >
281
+ <path
282
+ 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"
283
+ />
284
+ </svg>
189
285
  </span>
190
286
  </button>
191
287
  </div>
@@ -243,7 +339,19 @@ cssPrefix: pf-v6-c-pagination
243
339
  aria-label="Go to first page"
244
340
  >
245
341
  <span class="pf-v6-c-button__icon">
246
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
342
+ <svg
343
+ class="pf-v6-svg"
344
+ viewBox="0 0 448 512"
345
+ fill="currentColor"
346
+ aria-hidden="true"
347
+ role="img"
348
+ width="1em"
349
+ height="1em"
350
+ >
351
+ <path
352
+ 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"
353
+ />
354
+ </svg>
247
355
  </span>
248
356
  </button>
249
357
  </div>
@@ -255,7 +363,19 @@ cssPrefix: pf-v6-c-pagination
255
363
  aria-label="Go to previous page"
256
364
  >
257
365
  <span class="pf-v6-c-button__icon">
258
- <i class="fas fa-angle-left" aria-hidden="true"></i>
366
+ <svg
367
+ class="pf-v6-svg"
368
+ viewBox="0 0 256 512"
369
+ fill="currentColor"
370
+ aria-hidden="true"
371
+ role="img"
372
+ width="1em"
373
+ height="1em"
374
+ >
375
+ <path
376
+ 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"
377
+ />
378
+ </svg>
259
379
  </span>
260
380
  </button>
261
381
  </div>
@@ -277,7 +397,19 @@ cssPrefix: pf-v6-c-pagination
277
397
  aria-label="Go to next page"
278
398
  >
279
399
  <span class="pf-v6-c-button__icon">
280
- <i class="fas fa-angle-right" aria-hidden="true"></i>
400
+ <svg
401
+ class="pf-v6-svg"
402
+ viewBox="0 0 256 512"
403
+ fill="currentColor"
404
+ aria-hidden="true"
405
+ role="img"
406
+ width="1em"
407
+ height="1em"
408
+ >
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 34z"
411
+ />
412
+ </svg>
281
413
  </span>
282
414
  </button>
283
415
  </div>
@@ -289,7 +421,19 @@ cssPrefix: pf-v6-c-pagination
289
421
  aria-label="Go to last page"
290
422
  >
291
423
  <span class="pf-v6-c-button__icon">
292
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
424
+ <svg
425
+ class="pf-v6-svg"
426
+ viewBox="0 0 448 512"
427
+ fill="currentColor"
428
+ aria-hidden="true"
429
+ role="img"
430
+ width="1em"
431
+ height="1em"
432
+ >
433
+ <path
434
+ 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"
435
+ />
436
+ </svg>
293
437
  </span>
294
438
  </button>
295
439
  </div>
@@ -343,7 +487,19 @@ cssPrefix: pf-v6-c-pagination
343
487
  aria-label="Go to first page"
344
488
  >
345
489
  <span class="pf-v6-c-button__icon">
346
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
490
+ <svg
491
+ class="pf-v6-svg"
492
+ viewBox="0 0 448 512"
493
+ fill="currentColor"
494
+ aria-hidden="true"
495
+ role="img"
496
+ width="1em"
497
+ height="1em"
498
+ >
499
+ <path
500
+ 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"
501
+ />
502
+ </svg>
347
503
  </span>
348
504
  </button>
349
505
  </div>
@@ -355,7 +511,19 @@ cssPrefix: pf-v6-c-pagination
355
511
  aria-label="Go to previous page"
356
512
  >
357
513
  <span class="pf-v6-c-button__icon">
358
- <i class="fas fa-angle-left" aria-hidden="true"></i>
514
+ <svg
515
+ class="pf-v6-svg"
516
+ viewBox="0 0 256 512"
517
+ fill="currentColor"
518
+ aria-hidden="true"
519
+ role="img"
520
+ width="1em"
521
+ height="1em"
522
+ >
523
+ <path
524
+ 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"
525
+ />
526
+ </svg>
359
527
  </span>
360
528
  </button>
361
529
  </div>
@@ -378,7 +546,19 @@ cssPrefix: pf-v6-c-pagination
378
546
  aria-label="Go to next page"
379
547
  >
380
548
  <span class="pf-v6-c-button__icon">
381
- <i class="fas fa-angle-right" aria-hidden="true"></i>
549
+ <svg
550
+ class="pf-v6-svg"
551
+ viewBox="0 0 256 512"
552
+ fill="currentColor"
553
+ aria-hidden="true"
554
+ role="img"
555
+ width="1em"
556
+ height="1em"
557
+ >
558
+ <path
559
+ 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"
560
+ />
561
+ </svg>
382
562
  </span>
383
563
  </button>
384
564
  </div>
@@ -390,7 +570,19 @@ cssPrefix: pf-v6-c-pagination
390
570
  aria-label="Go to last page"
391
571
  >
392
572
  <span class="pf-v6-c-button__icon">
393
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
573
+ <svg
574
+ class="pf-v6-svg"
575
+ viewBox="0 0 448 512"
576
+ fill="currentColor"
577
+ aria-hidden="true"
578
+ role="img"
579
+ width="1em"
580
+ height="1em"
581
+ >
582
+ <path
583
+ 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"
584
+ />
585
+ </svg>
394
586
  </span>
395
587
  </button>
396
588
  </div>
@@ -444,7 +636,19 @@ cssPrefix: pf-v6-c-pagination
444
636
  aria-label="Go to first page"
445
637
  >
446
638
  <span class="pf-v6-c-button__icon">
447
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
639
+ <svg
640
+ class="pf-v6-svg"
641
+ viewBox="0 0 448 512"
642
+ fill="currentColor"
643
+ aria-hidden="true"
644
+ role="img"
645
+ width="1em"
646
+ height="1em"
647
+ >
648
+ <path
649
+ 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"
650
+ />
651
+ </svg>
448
652
  </span>
449
653
  </button>
450
654
  </div>
@@ -456,7 +660,19 @@ cssPrefix: pf-v6-c-pagination
456
660
  aria-label="Go to previous page"
457
661
  >
458
662
  <span class="pf-v6-c-button__icon">
459
- <i class="fas fa-angle-left" aria-hidden="true"></i>
663
+ <svg
664
+ class="pf-v6-svg"
665
+ viewBox="0 0 256 512"
666
+ fill="currentColor"
667
+ aria-hidden="true"
668
+ role="img"
669
+ width="1em"
670
+ height="1em"
671
+ >
672
+ <path
673
+ 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"
674
+ />
675
+ </svg>
460
676
  </span>
461
677
  </button>
462
678
  </div>
@@ -479,7 +695,19 @@ cssPrefix: pf-v6-c-pagination
479
695
  aria-label="Go to next page"
480
696
  >
481
697
  <span class="pf-v6-c-button__icon">
482
- <i class="fas fa-angle-right" aria-hidden="true"></i>
698
+ <svg
699
+ class="pf-v6-svg"
700
+ viewBox="0 0 256 512"
701
+ fill="currentColor"
702
+ aria-hidden="true"
703
+ role="img"
704
+ width="1em"
705
+ height="1em"
706
+ >
707
+ <path
708
+ 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"
709
+ />
710
+ </svg>
483
711
  </span>
484
712
  </button>
485
713
  </div>
@@ -491,7 +719,19 @@ cssPrefix: pf-v6-c-pagination
491
719
  aria-label="Go to last page"
492
720
  >
493
721
  <span class="pf-v6-c-button__icon">
494
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
722
+ <svg
723
+ class="pf-v6-svg"
724
+ viewBox="0 0 448 512"
725
+ fill="currentColor"
726
+ aria-hidden="true"
727
+ role="img"
728
+ width="1em"
729
+ height="1em"
730
+ >
731
+ <path
732
+ 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"
733
+ />
734
+ </svg>
495
735
  </span>
496
736
  </button>
497
737
  </div>
@@ -545,7 +785,19 @@ cssPrefix: pf-v6-c-pagination
545
785
  aria-label="Go to first page"
546
786
  >
547
787
  <span class="pf-v6-c-button__icon">
548
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
788
+ <svg
789
+ class="pf-v6-svg"
790
+ viewBox="0 0 448 512"
791
+ fill="currentColor"
792
+ aria-hidden="true"
793
+ role="img"
794
+ width="1em"
795
+ height="1em"
796
+ >
797
+ <path
798
+ 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"
799
+ />
800
+ </svg>
549
801
  </span>
550
802
  </button>
551
803
  </div>
@@ -557,7 +809,19 @@ cssPrefix: pf-v6-c-pagination
557
809
  aria-label="Go to previous page"
558
810
  >
559
811
  <span class="pf-v6-c-button__icon">
560
- <i class="fas fa-angle-left" aria-hidden="true"></i>
812
+ <svg
813
+ class="pf-v6-svg"
814
+ viewBox="0 0 256 512"
815
+ fill="currentColor"
816
+ aria-hidden="true"
817
+ role="img"
818
+ width="1em"
819
+ height="1em"
820
+ >
821
+ <path
822
+ 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"
823
+ />
824
+ </svg>
561
825
  </span>
562
826
  </button>
563
827
  </div>
@@ -580,7 +844,19 @@ cssPrefix: pf-v6-c-pagination
580
844
  aria-label="Go to next page"
581
845
  >
582
846
  <span class="pf-v6-c-button__icon">
583
- <i class="fas fa-angle-right" aria-hidden="true"></i>
847
+ <svg
848
+ class="pf-v6-svg"
849
+ viewBox="0 0 256 512"
850
+ fill="currentColor"
851
+ aria-hidden="true"
852
+ role="img"
853
+ width="1em"
854
+ height="1em"
855
+ >
856
+ <path
857
+ 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"
858
+ />
859
+ </svg>
584
860
  </span>
585
861
  </button>
586
862
  </div>
@@ -592,7 +868,19 @@ cssPrefix: pf-v6-c-pagination
592
868
  aria-label="Go to last page"
593
869
  >
594
870
  <span class="pf-v6-c-button__icon">
595
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
871
+ <svg
872
+ class="pf-v6-svg"
873
+ viewBox="0 0 448 512"
874
+ fill="currentColor"
875
+ aria-hidden="true"
876
+ role="img"
877
+ width="1em"
878
+ height="1em"
879
+ >
880
+ <path
881
+ 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"
882
+ />
883
+ </svg>
596
884
  </span>
597
885
  </button>
598
886
  </div>
@@ -641,7 +929,19 @@ cssPrefix: pf-v6-c-pagination
641
929
  aria-label="Go to first page"
642
930
  >
643
931
  <span class="pf-v6-c-button__icon">
644
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
932
+ <svg
933
+ class="pf-v6-svg"
934
+ viewBox="0 0 448 512"
935
+ fill="currentColor"
936
+ aria-hidden="true"
937
+ role="img"
938
+ width="1em"
939
+ height="1em"
940
+ >
941
+ <path
942
+ 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"
943
+ />
944
+ </svg>
645
945
  </span>
646
946
  </button>
647
947
  </div>
@@ -653,7 +953,19 @@ cssPrefix: pf-v6-c-pagination
653
953
  aria-label="Go to previous page"
654
954
  >
655
955
  <span class="pf-v6-c-button__icon">
656
- <i class="fas fa-angle-left" aria-hidden="true"></i>
956
+ <svg
957
+ class="pf-v6-svg"
958
+ viewBox="0 0 256 512"
959
+ fill="currentColor"
960
+ aria-hidden="true"
961
+ role="img"
962
+ width="1em"
963
+ height="1em"
964
+ >
965
+ <path
966
+ 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"
967
+ />
968
+ </svg>
657
969
  </span>
658
970
  </button>
659
971
  </div>
@@ -678,7 +990,19 @@ cssPrefix: pf-v6-c-pagination
678
990
  aria-label="Go to next page"
679
991
  >
680
992
  <span class="pf-v6-c-button__icon">
681
- <i class="fas fa-angle-right" aria-hidden="true"></i>
993
+ <svg
994
+ class="pf-v6-svg"
995
+ viewBox="0 0 256 512"
996
+ fill="currentColor"
997
+ aria-hidden="true"
998
+ role="img"
999
+ width="1em"
1000
+ height="1em"
1001
+ >
1002
+ <path
1003
+ 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"
1004
+ />
1005
+ </svg>
682
1006
  </span>
683
1007
  </button>
684
1008
  </div>
@@ -690,7 +1014,19 @@ cssPrefix: pf-v6-c-pagination
690
1014
  aria-label="Go to last page"
691
1015
  >
692
1016
  <span class="pf-v6-c-button__icon">
693
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1017
+ <svg
1018
+ class="pf-v6-svg"
1019
+ viewBox="0 0 448 512"
1020
+ fill="currentColor"
1021
+ aria-hidden="true"
1022
+ role="img"
1023
+ width="1em"
1024
+ height="1em"
1025
+ >
1026
+ <path
1027
+ 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"
1028
+ />
1029
+ </svg>
694
1030
  </span>
695
1031
  </button>
696
1032
  </div>
@@ -738,7 +1074,19 @@ cssPrefix: pf-v6-c-pagination
738
1074
  aria-label="Go to previous page"
739
1075
  >
740
1076
  <span class="pf-v6-c-button__icon">
741
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1077
+ <svg
1078
+ class="pf-v6-svg"
1079
+ viewBox="0 0 256 512"
1080
+ fill="currentColor"
1081
+ aria-hidden="true"
1082
+ role="img"
1083
+ width="1em"
1084
+ height="1em"
1085
+ >
1086
+ <path
1087
+ 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"
1088
+ />
1089
+ </svg>
742
1090
  </span>
743
1091
  </button>
744
1092
  </div>
@@ -749,7 +1097,19 @@ cssPrefix: pf-v6-c-pagination
749
1097
  aria-label="Go to next page"
750
1098
  >
751
1099
  <span class="pf-v6-c-button__icon">
752
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1100
+ <svg
1101
+ class="pf-v6-svg"
1102
+ viewBox="0 0 256 512"
1103
+ fill="currentColor"
1104
+ aria-hidden="true"
1105
+ role="img"
1106
+ width="1em"
1107
+ height="1em"
1108
+ >
1109
+ <path
1110
+ 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"
1111
+ />
1112
+ </svg>
753
1113
  </span>
754
1114
  </button>
755
1115
  </div>
@@ -797,7 +1157,19 @@ cssPrefix: pf-v6-c-pagination
797
1157
  aria-label="Go to first page"
798
1158
  >
799
1159
  <span class="pf-v6-c-button__icon">
800
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1160
+ <svg
1161
+ class="pf-v6-svg"
1162
+ viewBox="0 0 448 512"
1163
+ fill="currentColor"
1164
+ aria-hidden="true"
1165
+ role="img"
1166
+ width="1em"
1167
+ height="1em"
1168
+ >
1169
+ <path
1170
+ 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"
1171
+ />
1172
+ </svg>
801
1173
  </span>
802
1174
  </button>
803
1175
  </div>
@@ -809,7 +1181,19 @@ cssPrefix: pf-v6-c-pagination
809
1181
  aria-label="Go to previous page"
810
1182
  >
811
1183
  <span class="pf-v6-c-button__icon">
812
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1184
+ <svg
1185
+ class="pf-v6-svg"
1186
+ viewBox="0 0 256 512"
1187
+ fill="currentColor"
1188
+ aria-hidden="true"
1189
+ role="img"
1190
+ width="1em"
1191
+ height="1em"
1192
+ >
1193
+ <path
1194
+ 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"
1195
+ />
1196
+ </svg>
813
1197
  </span>
814
1198
  </button>
815
1199
  </div>
@@ -832,7 +1216,19 @@ cssPrefix: pf-v6-c-pagination
832
1216
  aria-label="Go to next page"
833
1217
  >
834
1218
  <span class="pf-v6-c-button__icon">
835
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1219
+ <svg
1220
+ class="pf-v6-svg"
1221
+ viewBox="0 0 256 512"
1222
+ fill="currentColor"
1223
+ aria-hidden="true"
1224
+ role="img"
1225
+ width="1em"
1226
+ height="1em"
1227
+ >
1228
+ <path
1229
+ 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"
1230
+ />
1231
+ </svg>
836
1232
  </span>
837
1233
  </button>
838
1234
  </div>
@@ -844,7 +1240,19 @@ cssPrefix: pf-v6-c-pagination
844
1240
  aria-label="Go to last page"
845
1241
  >
846
1242
  <span class="pf-v6-c-button__icon">
847
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1243
+ <svg
1244
+ class="pf-v6-svg"
1245
+ viewBox="0 0 448 512"
1246
+ fill="currentColor"
1247
+ aria-hidden="true"
1248
+ role="img"
1249
+ width="1em"
1250
+ height="1em"
1251
+ >
1252
+ <path
1253
+ 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"
1254
+ />
1255
+ </svg>
848
1256
  </span>
849
1257
  </button>
850
1258
  </div>
@@ -892,7 +1300,19 @@ cssPrefix: pf-v6-c-pagination
892
1300
  aria-label="Go to first page"
893
1301
  >
894
1302
  <span class="pf-v6-c-button__icon">
895
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1303
+ <svg
1304
+ class="pf-v6-svg"
1305
+ viewBox="0 0 448 512"
1306
+ fill="currentColor"
1307
+ aria-hidden="true"
1308
+ role="img"
1309
+ width="1em"
1310
+ height="1em"
1311
+ >
1312
+ <path
1313
+ 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"
1314
+ />
1315
+ </svg>
896
1316
  </span>
897
1317
  </button>
898
1318
  </div>
@@ -904,7 +1324,19 @@ cssPrefix: pf-v6-c-pagination
904
1324
  aria-label="Go to previous page"
905
1325
  >
906
1326
  <span class="pf-v6-c-button__icon">
907
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1327
+ <svg
1328
+ class="pf-v6-svg"
1329
+ viewBox="0 0 256 512"
1330
+ fill="currentColor"
1331
+ aria-hidden="true"
1332
+ role="img"
1333
+ width="1em"
1334
+ height="1em"
1335
+ >
1336
+ <path
1337
+ 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"
1338
+ />
1339
+ </svg>
908
1340
  </span>
909
1341
  </button>
910
1342
  </div>
@@ -927,7 +1359,19 @@ cssPrefix: pf-v6-c-pagination
927
1359
  aria-label="Go to next page"
928
1360
  >
929
1361
  <span class="pf-v6-c-button__icon">
930
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1362
+ <svg
1363
+ class="pf-v6-svg"
1364
+ viewBox="0 0 256 512"
1365
+ fill="currentColor"
1366
+ aria-hidden="true"
1367
+ role="img"
1368
+ width="1em"
1369
+ height="1em"
1370
+ >
1371
+ <path
1372
+ 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"
1373
+ />
1374
+ </svg>
931
1375
  </span>
932
1376
  </button>
933
1377
  </div>
@@ -939,7 +1383,19 @@ cssPrefix: pf-v6-c-pagination
939
1383
  aria-label="Go to last page"
940
1384
  >
941
1385
  <span class="pf-v6-c-button__icon">
942
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1386
+ <svg
1387
+ class="pf-v6-svg"
1388
+ viewBox="0 0 448 512"
1389
+ fill="currentColor"
1390
+ aria-hidden="true"
1391
+ role="img"
1392
+ width="1em"
1393
+ height="1em"
1394
+ >
1395
+ <path
1396
+ 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"
1397
+ />
1398
+ </svg>
943
1399
  </span>
944
1400
  </button>
945
1401
  </div>
@@ -989,7 +1445,19 @@ cssPrefix: pf-v6-c-pagination
989
1445
  aria-label="Go to first page"
990
1446
  >
991
1447
  <span class="pf-v6-c-button__icon">
992
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1448
+ <svg
1449
+ class="pf-v6-svg"
1450
+ viewBox="0 0 448 512"
1451
+ fill="currentColor"
1452
+ aria-hidden="true"
1453
+ role="img"
1454
+ width="1em"
1455
+ height="1em"
1456
+ >
1457
+ <path
1458
+ 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"
1459
+ />
1460
+ </svg>
993
1461
  </span>
994
1462
  </button>
995
1463
  </div>
@@ -1001,7 +1469,19 @@ cssPrefix: pf-v6-c-pagination
1001
1469
  aria-label="Go to previous page"
1002
1470
  >
1003
1471
  <span class="pf-v6-c-button__icon">
1004
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1472
+ <svg
1473
+ class="pf-v6-svg"
1474
+ viewBox="0 0 256 512"
1475
+ fill="currentColor"
1476
+ aria-hidden="true"
1477
+ role="img"
1478
+ width="1em"
1479
+ height="1em"
1480
+ >
1481
+ <path
1482
+ 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"
1483
+ />
1484
+ </svg>
1005
1485
  </span>
1006
1486
  </button>
1007
1487
  </div>
@@ -1024,7 +1504,19 @@ cssPrefix: pf-v6-c-pagination
1024
1504
  aria-label="Go to next page"
1025
1505
  >
1026
1506
  <span class="pf-v6-c-button__icon">
1027
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1507
+ <svg
1508
+ class="pf-v6-svg"
1509
+ viewBox="0 0 256 512"
1510
+ fill="currentColor"
1511
+ aria-hidden="true"
1512
+ role="img"
1513
+ width="1em"
1514
+ height="1em"
1515
+ >
1516
+ <path
1517
+ 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"
1518
+ />
1519
+ </svg>
1028
1520
  </span>
1029
1521
  </button>
1030
1522
  </div>
@@ -1036,7 +1528,19 @@ cssPrefix: pf-v6-c-pagination
1036
1528
  aria-label="Go to last page"
1037
1529
  >
1038
1530
  <span class="pf-v6-c-button__icon">
1039
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1531
+ <svg
1532
+ class="pf-v6-svg"
1533
+ viewBox="0 0 448 512"
1534
+ fill="currentColor"
1535
+ aria-hidden="true"
1536
+ role="img"
1537
+ width="1em"
1538
+ height="1em"
1539
+ >
1540
+ <path
1541
+ 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"
1542
+ />
1543
+ </svg>
1040
1544
  </span>
1041
1545
  </button>
1042
1546
  </div>
@@ -1084,7 +1588,19 @@ cssPrefix: pf-v6-c-pagination
1084
1588
  aria-label="Go to previous page"
1085
1589
  >
1086
1590
  <span class="pf-v6-c-button__icon">
1087
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1591
+ <svg
1592
+ class="pf-v6-svg"
1593
+ viewBox="0 0 256 512"
1594
+ fill="currentColor"
1595
+ aria-hidden="true"
1596
+ role="img"
1597
+ width="1em"
1598
+ height="1em"
1599
+ >
1600
+ <path
1601
+ 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"
1602
+ />
1603
+ </svg>
1088
1604
  </span>
1089
1605
  </button>
1090
1606
  </div>
@@ -1095,7 +1611,19 @@ cssPrefix: pf-v6-c-pagination
1095
1611
  aria-label="Go to next page"
1096
1612
  >
1097
1613
  <span class="pf-v6-c-button__icon">
1098
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1614
+ <svg
1615
+ class="pf-v6-svg"
1616
+ viewBox="0 0 256 512"
1617
+ fill="currentColor"
1618
+ aria-hidden="true"
1619
+ role="img"
1620
+ width="1em"
1621
+ height="1em"
1622
+ >
1623
+ <path
1624
+ 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"
1625
+ />
1626
+ </svg>
1099
1627
  </span>
1100
1628
  </button>
1101
1629
  </div>
@@ -1145,7 +1673,19 @@ cssPrefix: pf-v6-c-pagination
1145
1673
  aria-label="Go to first page"
1146
1674
  >
1147
1675
  <span class="pf-v6-c-button__icon">
1148
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1676
+ <svg
1677
+ class="pf-v6-svg"
1678
+ viewBox="0 0 448 512"
1679
+ fill="currentColor"
1680
+ aria-hidden="true"
1681
+ role="img"
1682
+ width="1em"
1683
+ height="1em"
1684
+ >
1685
+ <path
1686
+ 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"
1687
+ />
1688
+ </svg>
1149
1689
  </span>
1150
1690
  </button>
1151
1691
  </div>
@@ -1157,7 +1697,19 @@ cssPrefix: pf-v6-c-pagination
1157
1697
  aria-label="Go to previous page"
1158
1698
  >
1159
1699
  <span class="pf-v6-c-button__icon">
1160
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1700
+ <svg
1701
+ class="pf-v6-svg"
1702
+ viewBox="0 0 256 512"
1703
+ fill="currentColor"
1704
+ aria-hidden="true"
1705
+ role="img"
1706
+ width="1em"
1707
+ height="1em"
1708
+ >
1709
+ <path
1710
+ 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"
1711
+ />
1712
+ </svg>
1161
1713
  </span>
1162
1714
  </button>
1163
1715
  </div>
@@ -1180,7 +1732,19 @@ cssPrefix: pf-v6-c-pagination
1180
1732
  aria-label="Go to next page"
1181
1733
  >
1182
1734
  <span class="pf-v6-c-button__icon">
1183
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1735
+ <svg
1736
+ class="pf-v6-svg"
1737
+ viewBox="0 0 256 512"
1738
+ fill="currentColor"
1739
+ aria-hidden="true"
1740
+ role="img"
1741
+ width="1em"
1742
+ height="1em"
1743
+ >
1744
+ <path
1745
+ 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"
1746
+ />
1747
+ </svg>
1184
1748
  </span>
1185
1749
  </button>
1186
1750
  </div>
@@ -1192,7 +1756,19 @@ cssPrefix: pf-v6-c-pagination
1192
1756
  aria-label="Go to last page"
1193
1757
  >
1194
1758
  <span class="pf-v6-c-button__icon">
1195
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1759
+ <svg
1760
+ class="pf-v6-svg"
1761
+ viewBox="0 0 448 512"
1762
+ fill="currentColor"
1763
+ aria-hidden="true"
1764
+ role="img"
1765
+ width="1em"
1766
+ height="1em"
1767
+ >
1768
+ <path
1769
+ 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"
1770
+ />
1771
+ </svg>
1196
1772
  </span>
1197
1773
  </button>
1198
1774
  </div>
@@ -1224,13 +1800,13 @@ cssPrefix: pf-v6-c-pagination
1224
1800
  | `.pf-v6-c-pagination__nav` | `<nav>` | Initiates pagination nav. |
1225
1801
  | `.pf-v6-c-pagination__nav-control` | `<div>` | Initiates pagination nav control. |
1226
1802
  | `.pf-v6-c-pagination__nav-page-select` | `<div>` | Initiates pagination nav page select. |
1227
- | `.pf-m-display-summary{-on-[breakpoint]}` | `.pf-v6-c-pagination` | Modifies for summary display pagination component styles at optional [breakpoint](/tokens/all-patternfly-tokens). |
1228
- | `.pf-m-display-full{-on-[breakpoint]}` | `.pf-v6-c-pagination` | Modifies for full display pagination component styles at optional [breakpoint](/tokens/all-patternfly-tokens). |
1803
+ | `.pf-m-display-summary{-on-[breakpoint]}` | `.pf-v6-c-pagination` | Modifies for summary display pagination component styles at optional [breakpoint](/foundations-and-styles/design-tokens/all-design-tokens). |
1804
+ | `.pf-m-display-full{-on-[breakpoint]}` | `.pf-v6-c-pagination` | Modifies for full display pagination component styles at optional [breakpoint](/foundations-and-styles/design-tokens/all-design-tokens). |
1229
1805
  | `.pf-m-bottom` | `.pf-v6-c-pagination` | Modifies for bottom pagination component styles. |
1230
1806
  | `.pf-m-compact` | `.pf-v6-c-pagination` | Modifies for compact pagination component styles. |
1231
1807
  | `.pf-m-static` | `.pf-v6-c-pagination.pf-m-bottom` | Modifies bottom pagination to not be positioned sticky on summary. |
1232
1808
  | `.pf-m-sticky` | `.pf-v6-c-pagination` | Modifies the pagination to be sticky to its container. It will be sticky to the top of the container by default, and sticky to the bottom of the container when applied to `.pf-v6-c-pagination.pf-m-bottom`. |
1233
- | `.pf-m-inset-{none, sm, md, lg, xl, 2xl}{-on-[breakpoint]}` | `.pf-v6-c-pagination` | Modifies pagination horizontal padding at optional [breakpoint](/tokens/all-patternfly-tokens). |
1809
+ | `.pf-m-inset-{none, sm, md, lg, xl, 2xl}{-on-[breakpoint]}` | `.pf-v6-c-pagination` | Modifies pagination horizontal padding at optional [breakpoint](/foundations-and-styles/design-tokens/all-design-tokens). |
1234
1810
  | `.pf-m-page-insets` | `.pf-v6-c-pagination` | Modifies the pagination component padding/inset to visually match padding of page elements. |
1235
1811
  | `.pf-m-first` | `.pf-v6-c-pagination__nav-control` | Indicates the control is for the first page button. |
1236
1812
  | `.pf-m-prev` | `.pf-v6-c-pagination__nav-control` | Indicates the control is for the previous page button. |