@patternfly/patternfly 6.5.0-prerelease.7 → 6.5.0-prerelease.70

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 (400) 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.jpg +0 -0
  10. package/assets/images/compass--wallpaper-dark.png +0 -0
  11. package/assets/images/compass--wallpaper-light.jpg +0 -0
  12. package/assets/images/compass--wallpaper-light.png +0 -0
  13. package/assets/images/glass-brand-dark.jpg +0 -0
  14. package/assets/images/glass-brand-dark.png +0 -0
  15. package/assets/images/glass-brand-light.jpg +0 -0
  16. package/assets/images/glass-brand-light.png +0 -0
  17. package/base/normalize.scss +7 -0
  18. package/base/patternfly-common.css +50 -0
  19. package/base/patternfly-common.scss +59 -0
  20. package/base/patternfly-svg-icons.css +17 -0
  21. package/base/patternfly-svg-icons.scss +20 -0
  22. package/base/patternfly-variables.css +926 -513
  23. package/base/patternfly-variables.scss +46 -4
  24. package/base/tokens/tokens-dark.scss +56 -8
  25. package/base/tokens/tokens-default.scss +69 -14
  26. package/base/tokens/tokens-glass-dark.scss +26 -0
  27. package/base/tokens/tokens-glass.scss +22 -0
  28. package/base/tokens/tokens-local.scss +17 -0
  29. package/base/tokens/tokens-palette.scss +3 -1
  30. package/base/tokens/tokens-redhat-dark.scss +21 -0
  31. package/base/tokens/tokens-redhat-glass-dark.scss +40 -0
  32. package/base/tokens/tokens-redhat-glass.scss +30 -0
  33. package/base/tokens/tokens-redhat-highcontrast-dark.scss +50 -0
  34. package/base/tokens/tokens-redhat-highcontrast.scss +128 -0
  35. package/base/tokens/tokens-redhat.scss +15 -0
  36. package/components/AboutModalBox/about-modal-box.css +36 -26
  37. package/components/Accordion/accordion.css +26 -14
  38. package/components/Accordion/accordion.scss +12 -2
  39. package/components/ActionList/action-list.css +2 -0
  40. package/components/ActionList/action-list.scss +2 -0
  41. package/components/Alert/alert.css +7 -5
  42. package/components/Alert/alert.scss +2 -1
  43. package/components/Avatar/avatar.css +12 -4
  44. package/components/BackgroundImage/background-image.css +6 -3
  45. package/components/Banner/banner.css +8 -6
  46. package/components/Brand/brand.css +3 -1
  47. package/components/Breadcrumb/breadcrumb.css +10 -5
  48. package/components/Breadcrumb/breadcrumb.scss +6 -2
  49. package/components/Button/button.css +123 -32
  50. package/components/Button/button.scss +134 -29
  51. package/components/CalendarMonth/calendar-month.css +4 -3
  52. package/components/Card/card.css +51 -15
  53. package/components/Card/card.scss +65 -9
  54. package/components/ClipboardCopy/clipboard-copy.css +14 -7
  55. package/components/ClipboardCopy/clipboard-copy.scss +13 -4
  56. package/components/CodeEditor/code-editor.css +2 -2
  57. package/components/CodeEditor/code-editor.scss +2 -2
  58. package/components/Compass/compass.css +320 -0
  59. package/components/Compass/compass.scss +350 -0
  60. package/components/DataList/data-list.css +34 -23
  61. package/components/DataList/data-list.scss +8 -2
  62. package/components/DescriptionList/description-list-order.scss +5 -1
  63. package/components/DescriptionList/description-list.css +7 -5
  64. package/components/DescriptionList/description-list.scss +5 -1
  65. package/components/Divider/divider.css +7 -5
  66. package/components/Drawer/drawer.css +220 -73
  67. package/components/Drawer/drawer.scss +189 -26
  68. package/components/DualListSelector/dual-list-selector.css +18 -12
  69. package/components/DualListSelector/dual-list-selector.scss +1 -1
  70. package/components/ExpandableSection/expandable-section.css +21 -16
  71. package/components/ExpandableSection/expandable-section.scss +6 -3
  72. package/components/Form/form.css +2 -2
  73. package/components/Form/form.scss +2 -2
  74. package/components/FormControl/form-control.css +3 -3
  75. package/components/FormControl/form-control.scss +3 -3
  76. package/components/Hero/hero.css +74 -0
  77. package/components/Hero/hero.scss +86 -0
  78. package/components/JumpLinks/jump-links.css +16 -5
  79. package/components/JumpLinks/jump-links.scss +17 -3
  80. package/components/Label/label-group.css +2 -2
  81. package/components/Label/label-group.scss +2 -2
  82. package/components/Label/label.css +4 -3
  83. package/components/Login/login.css +58 -40
  84. package/components/Login/login.scss +7 -3
  85. package/components/Masthead/masthead.css +112 -16
  86. package/components/Masthead/masthead.scss +112 -1
  87. package/components/Menu/menu.css +49 -33
  88. package/components/Menu/menu.scss +26 -19
  89. package/components/MenuToggle/menu-toggle.css +35 -8
  90. package/components/MenuToggle/menu-toggle.scss +42 -8
  91. package/components/ModalBox/modal-box.css +9 -7
  92. package/components/ModalBox/modal-box.scss +2 -2
  93. package/components/Nav/nav.css +82 -11
  94. package/components/Nav/nav.scss +85 -5
  95. package/components/NotificationDrawer/notification-drawer.css +19 -9
  96. package/components/NotificationDrawer/notification-drawer.scss +14 -5
  97. package/components/OverflowMenu/overflow-menu.css +16 -0
  98. package/components/OverflowMenu/overflow-menu.scss +20 -1
  99. package/components/Page/page.css +264 -27
  100. package/components/Page/page.scss +288 -14
  101. package/components/Pagination/pagination.scss +5 -1
  102. package/components/Panel/panel.css +14 -0
  103. package/components/Panel/panel.scss +18 -0
  104. package/components/Progress/progress.css +3 -1
  105. package/components/Progress/progress.scss +3 -1
  106. package/components/ProgressStepper/progress-stepper.scss +5 -1
  107. package/components/Sidebar/sidebar.css +1 -1
  108. package/components/Sidebar/sidebar.scss +7 -3
  109. package/components/Skeleton/skeleton.css +16 -15
  110. package/components/Slider/slider.css +32 -18
  111. package/components/Switch/switch.css +4 -2
  112. package/components/Switch/switch.scss +1 -1
  113. package/components/Table/table-grid.css +28 -36
  114. package/components/Table/table-grid.scss +4 -4
  115. package/components/Table/table-tree-view.css +4 -2
  116. package/components/Table/table.css +104 -57
  117. package/components/Table/table.scss +92 -37
  118. package/components/Tabs/tabs.css +51 -33
  119. package/components/Tabs/tabs.scss +54 -26
  120. package/components/TextInputGroup/text-input-group.css +2 -2
  121. package/components/TextInputGroup/text-input-group.scss +2 -2
  122. package/components/ToggleGroup/toggle-group.css +34 -17
  123. package/components/ToggleGroup/toggle-group.scss +36 -20
  124. package/components/Toolbar/toolbar.css +147 -15
  125. package/components/Toolbar/toolbar.scss +36 -8
  126. package/components/TreeView/tree-view.css +45 -14
  127. package/components/TreeView/tree-view.scss +32 -1
  128. package/components/Wizard/wizard.css +41 -19
  129. package/components/Wizard/wizard.scss +26 -6
  130. package/components/_index.css +2319 -771
  131. package/components/_index.scss +3 -1
  132. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
  133. package/docs/components/Accordion/examples/Accordion.md +392 -30
  134. package/docs/components/ActionList/examples/ActionList.md +143 -11
  135. package/docs/components/Alert/examples/Alert.md +678 -54
  136. package/docs/components/Avatar/examples/Avatar.md +4 -4
  137. package/docs/components/BackToTop/examples/BackToTop.md +13 -1
  138. package/docs/components/Banner/examples/Banner.md +65 -5
  139. package/docs/components/Brand/examples/Brand.md +2 -2
  140. package/docs/components/Breadcrumb/examples/Breadcrumb.md +313 -26
  141. package/docs/components/Button/examples/Button.md +2362 -163
  142. package/docs/components/CalendarMonth/examples/CalendarMonth.md +156 -12
  143. package/docs/components/Card/examples/Card.md +335 -12
  144. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +293 -28
  145. package/docs/components/CodeBlock/examples/CodeBlock.md +104 -8
  146. package/docs/components/CodeEditor/examples/CodeEditor.md +234 -18
  147. package/docs/components/Compass/examples/Compass.css +17 -0
  148. package/docs/components/Compass/examples/Compass.md +119 -0
  149. package/docs/components/DataList/examples/DataList.md +627 -222
  150. package/docs/components/DatePicker/examples/DatePicker.md +78 -6
  151. package/docs/components/DescriptionList/examples/DescriptionList.md +327 -27
  152. package/docs/components/Divider/examples/Divider.md +2 -2
  153. package/docs/components/DragDrop/examples/DragDrop.css +1 -1
  154. package/docs/components/Drawer/examples/Drawer.md +355 -35
  155. package/docs/components/DualListSelector/examples/DualListSelector.md +1247 -161
  156. package/docs/components/EmptyState/examples/EmptyState.md +78 -6
  157. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  158. package/docs/components/Form/examples/Form.md +78 -6
  159. package/docs/components/Hero/examples/Hero.md +25 -0
  160. package/docs/components/Hint/examples/Hint.md +39 -3
  161. package/docs/components/Icon/examples/Icon.md +105 -9
  162. package/docs/components/InlineEdit/examples/InlineEdit.md +338 -26
  163. package/docs/components/InputGroup/examples/InputGroup.md +40 -4
  164. package/docs/components/JumpLinks/examples/JumpLinks.md +54 -6
  165. package/docs/components/Label/examples/Label.md +2834 -218
  166. package/docs/components/Login/examples/Login.md +39 -3
  167. package/docs/components/Masthead/examples/masthead.md +80 -1
  168. package/docs/components/Menu/examples/Menu.md +1679 -133
  169. package/docs/components/MenuToggle/examples/MenuToggle.md +1514 -118
  170. package/docs/components/ModalBox/examples/ModalBox.md +289 -25
  171. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +156 -12
  172. package/docs/components/Nav/examples/Navigation.md +798 -58
  173. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +1079 -83
  174. package/docs/components/OverflowMenu/examples/overflow-menu.css +6 -3
  175. package/docs/components/OverflowMenu/examples/overflow-menu.md +164 -11
  176. package/docs/components/Page/examples/Page.md +133 -25
  177. package/docs/components/Pagination/examples/Pagination.md +796 -77
  178. package/docs/components/Panel/examples/Panel.md +12 -0
  179. package/docs/components/Popover/examples/Popover.md +286 -22
  180. package/docs/components/Progress/examples/Progress.md +91 -7
  181. package/docs/components/ProgressStepper/examples/ProgressStepper.md +275 -23
  182. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  183. package/docs/components/Slider/examples/Slider.md +52 -4
  184. package/docs/components/Table/examples/Table.css +2 -1
  185. package/docs/components/Table/examples/Table.md +7543 -653
  186. package/docs/components/Tabs/examples/Tabs.md +5908 -457
  187. package/docs/components/TextInputGroup/examples/TextInputGroup.md +600 -48
  188. package/docs/components/ToggleGroup/examples/toggle-group.md +195 -15
  189. package/docs/components/Toolbar/examples/Toolbar.md +1101 -88
  190. package/docs/components/TreeView/examples/TreeView.md +1390 -130
  191. package/docs/components/Wizard/examples/Wizard.md +828 -73
  192. package/docs/demos/AboutModal/examples/AboutModal.md +158 -53
  193. package/docs/demos/Alert/examples/Alert.md +539 -164
  194. package/docs/demos/BackToTop/examples/BackToTop.md +158 -53
  195. package/docs/demos/Banner/examples/Banner.md +290 -104
  196. package/docs/demos/Button/examples/Button.md +13 -1
  197. package/docs/demos/Card/examples/Card.md +1041 -134
  198. package/docs/demos/CardView/examples/CardView.md +569 -170
  199. package/docs/demos/Compass/examples/Compass.md +8009 -0
  200. package/docs/demos/Dashboard/examples/Dashboard.md +745 -177
  201. package/docs/demos/DataList/examples/DataList.md +1300 -291
  202. package/docs/demos/DescriptionList/examples/DescriptionList.md +472 -160
  203. package/docs/demos/Drawer/examples/Drawer.md +718 -262
  204. package/docs/demos/Form/examples/BasicForms.md +273 -21
  205. package/docs/demos/JumpLinks/examples/JumpLinks.md +862 -319
  206. package/docs/demos/Masthead/examples/Masthead.md +1119 -489
  207. package/docs/demos/Modal/examples/Modal.md +948 -321
  208. package/docs/demos/Nav/examples/Nav.md +3267 -499
  209. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +2418 -405
  210. package/docs/demos/Page/examples/Page.md +2137 -773
  211. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  212. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
  213. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1913 -504
  214. package/docs/demos/Skeleton/examples/Skeleton.md +145 -52
  215. package/docs/demos/Table/examples/Table.md +11806 -2274
  216. package/docs/demos/Tabs/examples/Tabs.md +1117 -337
  217. package/docs/demos/Toolbar/examples/Toolbar.md +1811 -279
  218. package/docs/demos/Wizard/examples/Wizard.md +1705 -526
  219. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  220. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  221. package/docs/layouts/Flex/examples/Flex.css +3 -3
  222. package/docs/layouts/Flex/examples/Flex.md +3 -2
  223. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  224. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  225. package/docs/layouts/Grid/examples/Grid.css +1 -1
  226. package/docs/layouts/Grid/examples/Grid.md +6 -5
  227. package/docs/layouts/Level/examples/Level.css +3 -3
  228. package/docs/layouts/Level/examples/Level.md +2 -1
  229. package/docs/layouts/Split/examples/Split.css +1 -1
  230. package/docs/layouts/Split/examples/Split.md +2 -1
  231. package/docs/layouts/Stack/examples/Stack.css +3 -3
  232. package/docs/layouts/Stack/examples/Stack.md +2 -1
  233. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  234. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  235. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  236. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  237. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  238. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  239. package/docs/utilities/Display/examples/Display.css +1 -1
  240. package/docs/utilities/Display/examples/Display.md +3 -2
  241. package/docs/utilities/Flex/examples/Flex.css +7 -7
  242. package/docs/utilities/Flex/examples/Flex.md +3 -2
  243. package/docs/utilities/Float/examples/Float.css +2 -2
  244. package/docs/utilities/Float/examples/Float.md +3 -2
  245. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  246. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  247. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  248. package/docs/utilities/Text/examples/Text.md +5 -4
  249. package/icons/PfIcons/add-circle-o.svg +4 -0
  250. package/icons/PfIcons/ansible-tower.svg +4 -0
  251. package/icons/PfIcons/applications.svg +4 -0
  252. package/icons/PfIcons/arrow.svg +4 -0
  253. package/icons/PfIcons/asleep.svg +4 -0
  254. package/icons/PfIcons/attention-bell.svg +4 -0
  255. package/icons/PfIcons/automation.svg +4 -0
  256. package/icons/PfIcons/bell.svg +4 -0
  257. package/icons/PfIcons/blueprint.svg +4 -0
  258. package/icons/PfIcons/build.svg +4 -0
  259. package/icons/PfIcons/builder-image.svg +4 -0
  260. package/icons/PfIcons/bundle.svg +4 -0
  261. package/icons/PfIcons/catalog.svg +4 -0
  262. package/icons/PfIcons/chat.svg +4 -0
  263. package/icons/PfIcons/close.svg +4 -0
  264. package/icons/PfIcons/cloud-security.svg +4 -0
  265. package/icons/PfIcons/cloud-tenant.svg +4 -0
  266. package/icons/PfIcons/cluster.svg +4 -0
  267. package/icons/PfIcons/connected.svg +4 -0
  268. package/icons/PfIcons/container-node.svg +4 -0
  269. package/icons/PfIcons/cpu.svg +4 -0
  270. package/icons/PfIcons/critical-risk.svg +4 -0
  271. package/icons/PfIcons/data-processor.svg +4 -0
  272. package/icons/PfIcons/data-sink.svg +4 -0
  273. package/icons/PfIcons/data-source.svg +4 -0
  274. package/icons/PfIcons/degraded.svg +4 -0
  275. package/icons/PfIcons/disconnected.svg +4 -0
  276. package/icons/PfIcons/domain.svg +4 -0
  277. package/icons/PfIcons/edit.svg +4 -0
  278. package/icons/PfIcons/enhancement.svg +4 -0
  279. package/icons/PfIcons/enterprise.svg +4 -0
  280. package/icons/PfIcons/equalizer.svg +4 -0
  281. package/icons/PfIcons/error-circle-o.svg +4 -0
  282. package/icons/PfIcons/export.svg +4 -0
  283. package/icons/PfIcons/filter.svg +4 -0
  284. package/icons/PfIcons/flavor.svg +4 -0
  285. package/icons/PfIcons/folder-close.svg +4 -0
  286. package/icons/PfIcons/folder-open.svg +4 -0
  287. package/icons/PfIcons/globe-route.svg +4 -0
  288. package/icons/PfIcons/help.svg +4 -0
  289. package/icons/PfIcons/history.svg +4 -0
  290. package/icons/PfIcons/home.svg +4 -0
  291. package/icons/PfIcons/import.svg +4 -0
  292. package/icons/PfIcons/in-progress.svg +4 -0
  293. package/icons/PfIcons/info.svg +4 -0
  294. package/icons/PfIcons/infrastructure.svg +4 -0
  295. package/icons/PfIcons/integration.svg +4 -0
  296. package/icons/PfIcons/key.svg +4 -0
  297. package/icons/PfIcons/locked.svg +4 -0
  298. package/icons/PfIcons/maintenance.svg +4 -0
  299. package/icons/PfIcons/memory.svg +4 -0
  300. package/icons/PfIcons/messages.svg +4 -0
  301. package/icons/PfIcons/middleware.svg +4 -0
  302. package/icons/PfIcons/migration.svg +4 -0
  303. package/icons/PfIcons/module.svg +4 -0
  304. package/icons/PfIcons/monitoring.svg +4 -0
  305. package/icons/PfIcons/multicluster.svg +4 -0
  306. package/icons/PfIcons/namespaces.svg +4 -0
  307. package/icons/PfIcons/network.svg +4 -0
  308. package/icons/PfIcons/new-process.svg +4 -0
  309. package/icons/PfIcons/not-started.svg +4 -0
  310. package/icons/PfIcons/off.svg +4 -0
  311. package/icons/PfIcons/ok.svg +4 -0
  312. package/icons/PfIcons/on-running.svg +4 -0
  313. package/icons/PfIcons/on.svg +4 -0
  314. package/icons/PfIcons/open-drawer-right.svg +4 -0
  315. package/icons/PfIcons/openshift.svg +4 -0
  316. package/icons/PfIcons/openstack.svg +4 -0
  317. package/icons/PfIcons/optimize.svg +4 -0
  318. package/icons/PfIcons/orders.svg +4 -0
  319. package/icons/PfIcons/os-image.svg +4 -0
  320. package/icons/PfIcons/package.svg +4 -0
  321. package/icons/PfIcons/panel-close.svg +4 -0
  322. package/icons/PfIcons/panel-open.svg +4 -0
  323. package/icons/PfIcons/paused.svg +4 -0
  324. package/icons/PfIcons/pending.svg +4 -0
  325. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  326. package/icons/PfIcons/pficon-history.svg +4 -0
  327. package/icons/PfIcons/pficon-network-range.svg +4 -0
  328. package/icons/PfIcons/pficon-satellite.svg +4 -0
  329. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  330. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  331. package/icons/PfIcons/pficon-template.svg +4 -0
  332. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  333. package/icons/PfIcons/plugged.svg +4 -0
  334. package/icons/PfIcons/port.svg +4 -0
  335. package/icons/PfIcons/print.svg +4 -0
  336. package/icons/PfIcons/private.svg +4 -0
  337. package/icons/PfIcons/process-automation.svg +4 -0
  338. package/icons/PfIcons/project.svg +4 -0
  339. package/icons/PfIcons/rebalance.svg +4 -0
  340. package/icons/PfIcons/rebooting.svg +4 -0
  341. package/icons/PfIcons/regions.svg +4 -0
  342. package/icons/PfIcons/registry.svg +4 -0
  343. package/icons/PfIcons/remove2.svg +4 -0
  344. package/icons/PfIcons/replicator.svg +4 -0
  345. package/icons/PfIcons/repository.svg +4 -0
  346. package/icons/PfIcons/resource-pool.svg +4 -0
  347. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  348. package/icons/PfIcons/resources-almost-full.svg +4 -0
  349. package/icons/PfIcons/resources-empty.svg +4 -0
  350. package/icons/PfIcons/resources-full.svg +4 -0
  351. package/icons/PfIcons/running.svg +4 -0
  352. package/icons/PfIcons/save.svg +4 -0
  353. package/icons/PfIcons/screen.svg +4 -0
  354. package/icons/PfIcons/security.svg +4 -0
  355. package/icons/PfIcons/server-group.svg +4 -0
  356. package/icons/PfIcons/server.svg +4 -0
  357. package/icons/PfIcons/service-catalog.svg +4 -0
  358. package/icons/PfIcons/service.svg +4 -0
  359. package/icons/PfIcons/services.svg +4 -0
  360. package/icons/PfIcons/severity-critical.svg +4 -0
  361. package/icons/PfIcons/severity-important.svg +4 -0
  362. package/icons/PfIcons/severity-minor.svg +4 -0
  363. package/icons/PfIcons/severity-moderate.svg +4 -0
  364. package/icons/PfIcons/severity-none.svg +4 -0
  365. package/icons/PfIcons/severity-undefined.svg +4 -0
  366. package/icons/PfIcons/spinner.svg +4 -0
  367. package/icons/PfIcons/spinner2.svg +4 -0
  368. package/icons/PfIcons/storage-domain.svg +4 -0
  369. package/icons/PfIcons/task.svg +4 -0
  370. package/icons/PfIcons/tenant.svg +4 -0
  371. package/icons/PfIcons/thumb-tack.svg +4 -0
  372. package/icons/PfIcons/topology.svg +4 -0
  373. package/icons/PfIcons/treeview.svg +4 -0
  374. package/icons/PfIcons/trend-down.svg +4 -0
  375. package/icons/PfIcons/trend-up.svg +4 -0
  376. package/icons/PfIcons/unknown.svg +4 -0
  377. package/icons/PfIcons/unlocked.svg +4 -0
  378. package/icons/PfIcons/unplugged.svg +4 -0
  379. package/icons/PfIcons/user.svg +4 -0
  380. package/icons/PfIcons/users.svg +4 -0
  381. package/icons/PfIcons/virtual-machine.svg +4 -0
  382. package/icons/PfIcons/volume.svg +4 -0
  383. package/icons/PfIcons/warning-triangle.svg +4 -0
  384. package/icons/PfIcons/zone.svg +4 -0
  385. package/layouts/Flex/flex.scss +83 -19
  386. package/layouts/Gallery/gallery.css +6 -2
  387. package/layouts/_index.css +6 -2
  388. package/package.json +54 -16
  389. package/patternfly-base-no-globals.css +969 -489
  390. package/patternfly-base.css +976 -489
  391. package/patternfly-charts.css +3 -3
  392. package/patternfly-no-globals.css +3186 -1137
  393. package/patternfly.css +3193 -1137
  394. package/patternfly.min.css +1 -1
  395. package/patternfly.min.css.map +1 -1
  396. package/patternfly.scss +29 -0
  397. package/sass-utilities/functions.scss +32 -25
  398. package/sass-utilities/mixins.scss +52 -21
  399. package/sass-utilities/namespaces-components.scss +6 -0
  400. package/sass-utilities/scss-variables.scss +3 -0
package/docs/components/Pagination/examples/Pagination.md CHANGED
@@ -17,7 +17,6 @@ cssPrefix: pf-v6-c-pagination
17
17
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
18
18
  type="button"
19
19
  aria-expanded="false"
20
- aria-label="Menu toggle"
21
20
  id="pagination-menu-toggle-top-example"
22
21
  >
23
22
  <span class="pf-v6-c-menu-toggle__text">
@@ -26,7 +25,19 @@ cssPrefix: pf-v6-c-pagination
26
25
  </span>
27
26
  <span class="pf-v6-c-menu-toggle__controls">
28
27
  <span class="pf-v6-c-menu-toggle__toggle-icon">
29
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
28
+ <svg
29
+ class="pf-v6-svg"
30
+ viewBox="0 0 20 20"
31
+ fill="currentColor"
32
+ aria-hidden="true"
33
+ role="img"
34
+ width="1em"
35
+ height="1em"
36
+ >
37
+ <path
38
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
39
+ />
40
+ </svg>
30
41
  </span>
31
42
  </span>
32
43
  </button>
@@ -43,7 +54,19 @@ cssPrefix: pf-v6-c-pagination
43
54
  aria-label="Go to first page"
44
55
  >
45
56
  <span class="pf-v6-c-button__icon">
46
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
57
+ <svg
58
+ class="pf-v6-svg"
59
+ viewBox="0 0 448 512"
60
+ fill="currentColor"
61
+ aria-hidden="true"
62
+ role="img"
63
+ width="1em"
64
+ height="1em"
65
+ >
66
+ <path
67
+ 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"
68
+ />
69
+ </svg>
47
70
  </span>
48
71
  </button>
49
72
  </div>
@@ -55,7 +78,19 @@ cssPrefix: pf-v6-c-pagination
55
78
  aria-label="Go to previous page"
56
79
  >
57
80
  <span class="pf-v6-c-button__icon">
58
- <i class="fas fa-angle-left" aria-hidden="true"></i>
81
+ <svg
82
+ class="pf-v6-svg"
83
+ viewBox="0 0 256 512"
84
+ fill="currentColor"
85
+ aria-hidden="true"
86
+ role="img"
87
+ width="1em"
88
+ height="1em"
89
+ >
90
+ <path
91
+ 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"
92
+ />
93
+ </svg>
59
94
  </span>
60
95
  </button>
61
96
  </div>
@@ -78,7 +113,19 @@ cssPrefix: pf-v6-c-pagination
78
113
  aria-label="Go to next page"
79
114
  >
80
115
  <span class="pf-v6-c-button__icon">
81
- <i class="fas fa-angle-right" aria-hidden="true"></i>
116
+ <svg
117
+ class="pf-v6-svg"
118
+ viewBox="0 0 256 512"
119
+ fill="currentColor"
120
+ aria-hidden="true"
121
+ role="img"
122
+ width="1em"
123
+ height="1em"
124
+ >
125
+ <path
126
+ 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"
127
+ />
128
+ </svg>
82
129
  </span>
83
130
  </button>
84
131
  </div>
@@ -90,7 +137,19 @@ cssPrefix: pf-v6-c-pagination
90
137
  aria-label="Go to last page"
91
138
  >
92
139
  <span class="pf-v6-c-button__icon">
93
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
140
+ <svg
141
+ class="pf-v6-svg"
142
+ viewBox="0 0 448 512"
143
+ fill="currentColor"
144
+ aria-hidden="true"
145
+ role="img"
146
+ width="1em"
147
+ height="1em"
148
+ >
149
+ <path
150
+ 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"
151
+ />
152
+ </svg>
94
153
  </span>
95
154
  </button>
96
155
  </div>
@@ -112,7 +171,6 @@ cssPrefix: pf-v6-c-pagination
112
171
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
113
172
  type="button"
114
173
  aria-expanded="false"
115
- aria-label="Menu toggle"
116
174
  id="pagination-menu-toggle-top-sticky-example"
117
175
  >
118
176
  <span class="pf-v6-c-menu-toggle__text">
@@ -121,7 +179,19 @@ cssPrefix: pf-v6-c-pagination
121
179
  </span>
122
180
  <span class="pf-v6-c-menu-toggle__controls">
123
181
  <span class="pf-v6-c-menu-toggle__toggle-icon">
124
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
182
+ <svg
183
+ class="pf-v6-svg"
184
+ viewBox="0 0 20 20"
185
+ fill="currentColor"
186
+ aria-hidden="true"
187
+ role="img"
188
+ width="1em"
189
+ height="1em"
190
+ >
191
+ <path
192
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
193
+ />
194
+ </svg>
125
195
  </span>
126
196
  </span>
127
197
  </button>
@@ -138,7 +208,19 @@ cssPrefix: pf-v6-c-pagination
138
208
  aria-label="Go to first page"
139
209
  >
140
210
  <span class="pf-v6-c-button__icon">
141
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
211
+ <svg
212
+ class="pf-v6-svg"
213
+ viewBox="0 0 448 512"
214
+ fill="currentColor"
215
+ aria-hidden="true"
216
+ role="img"
217
+ width="1em"
218
+ height="1em"
219
+ >
220
+ <path
221
+ 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"
222
+ />
223
+ </svg>
142
224
  </span>
143
225
  </button>
144
226
  </div>
@@ -150,7 +232,19 @@ cssPrefix: pf-v6-c-pagination
150
232
  aria-label="Go to previous page"
151
233
  >
152
234
  <span class="pf-v6-c-button__icon">
153
- <i class="fas fa-angle-left" aria-hidden="true"></i>
235
+ <svg
236
+ class="pf-v6-svg"
237
+ viewBox="0 0 256 512"
238
+ fill="currentColor"
239
+ aria-hidden="true"
240
+ role="img"
241
+ width="1em"
242
+ height="1em"
243
+ >
244
+ <path
245
+ 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"
246
+ />
247
+ </svg>
154
248
  </span>
155
249
  </button>
156
250
  </div>
@@ -173,7 +267,19 @@ cssPrefix: pf-v6-c-pagination
173
267
  aria-label="Go to next page"
174
268
  >
175
269
  <span class="pf-v6-c-button__icon">
176
- <i class="fas fa-angle-right" aria-hidden="true"></i>
270
+ <svg
271
+ class="pf-v6-svg"
272
+ viewBox="0 0 256 512"
273
+ fill="currentColor"
274
+ aria-hidden="true"
275
+ role="img"
276
+ width="1em"
277
+ height="1em"
278
+ >
279
+ <path
280
+ 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"
281
+ />
282
+ </svg>
177
283
  </span>
178
284
  </button>
179
285
  </div>
@@ -185,7 +291,19 @@ cssPrefix: pf-v6-c-pagination
185
291
  aria-label="Go to last page"
186
292
  >
187
293
  <span class="pf-v6-c-button__icon">
188
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
294
+ <svg
295
+ class="pf-v6-svg"
296
+ viewBox="0 0 448 512"
297
+ fill="currentColor"
298
+ aria-hidden="true"
299
+ role="img"
300
+ width="1em"
301
+ height="1em"
302
+ >
303
+ <path
304
+ 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"
305
+ />
306
+ </svg>
189
307
  </span>
190
308
  </button>
191
309
  </div>
@@ -217,7 +335,6 @@ cssPrefix: pf-v6-c-pagination
217
335
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
218
336
  type="button"
219
337
  aria-expanded="false"
220
- aria-label="Menu toggle"
221
338
  id="pagination-menu-toggle-top-indeterminate-example"
222
339
  >
223
340
  <span class="pf-v6-c-menu-toggle__text">
@@ -226,7 +343,19 @@ cssPrefix: pf-v6-c-pagination
226
343
  </span>
227
344
  <span class="pf-v6-c-menu-toggle__controls">
228
345
  <span class="pf-v6-c-menu-toggle__toggle-icon">
229
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
346
+ <svg
347
+ class="pf-v6-svg"
348
+ viewBox="0 0 20 20"
349
+ fill="currentColor"
350
+ aria-hidden="true"
351
+ role="img"
352
+ width="1em"
353
+ height="1em"
354
+ >
355
+ <path
356
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
357
+ />
358
+ </svg>
230
359
  </span>
231
360
  </span>
232
361
  </button>
@@ -243,7 +372,19 @@ cssPrefix: pf-v6-c-pagination
243
372
  aria-label="Go to first page"
244
373
  >
245
374
  <span class="pf-v6-c-button__icon">
246
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
375
+ <svg
376
+ class="pf-v6-svg"
377
+ viewBox="0 0 448 512"
378
+ fill="currentColor"
379
+ aria-hidden="true"
380
+ role="img"
381
+ width="1em"
382
+ height="1em"
383
+ >
384
+ <path
385
+ 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"
386
+ />
387
+ </svg>
247
388
  </span>
248
389
  </button>
249
390
  </div>
@@ -255,7 +396,19 @@ cssPrefix: pf-v6-c-pagination
255
396
  aria-label="Go to previous page"
256
397
  >
257
398
  <span class="pf-v6-c-button__icon">
258
- <i class="fas fa-angle-left" aria-hidden="true"></i>
399
+ <svg
400
+ class="pf-v6-svg"
401
+ viewBox="0 0 256 512"
402
+ fill="currentColor"
403
+ aria-hidden="true"
404
+ role="img"
405
+ width="1em"
406
+ height="1em"
407
+ >
408
+ <path
409
+ 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"
410
+ />
411
+ </svg>
259
412
  </span>
260
413
  </button>
261
414
  </div>
@@ -277,7 +430,19 @@ cssPrefix: pf-v6-c-pagination
277
430
  aria-label="Go to next page"
278
431
  >
279
432
  <span class="pf-v6-c-button__icon">
280
- <i class="fas fa-angle-right" aria-hidden="true"></i>
433
+ <svg
434
+ class="pf-v6-svg"
435
+ viewBox="0 0 256 512"
436
+ fill="currentColor"
437
+ aria-hidden="true"
438
+ role="img"
439
+ width="1em"
440
+ height="1em"
441
+ >
442
+ <path
443
+ 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"
444
+ />
445
+ </svg>
281
446
  </span>
282
447
  </button>
283
448
  </div>
@@ -289,7 +454,19 @@ cssPrefix: pf-v6-c-pagination
289
454
  aria-label="Go to last page"
290
455
  >
291
456
  <span class="pf-v6-c-button__icon">
292
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
457
+ <svg
458
+ class="pf-v6-svg"
459
+ viewBox="0 0 448 512"
460
+ fill="currentColor"
461
+ aria-hidden="true"
462
+ role="img"
463
+ width="1em"
464
+ height="1em"
465
+ >
466
+ <path
467
+ 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"
468
+ />
469
+ </svg>
293
470
  </span>
294
471
  </button>
295
472
  </div>
@@ -317,7 +494,6 @@ cssPrefix: pf-v6-c-pagination
317
494
  class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
318
495
  type="button"
319
496
  aria-expanded="false"
320
- aria-label="Menu toggle"
321
497
  id="pagination-menu-toggle-bottom-example"
322
498
  >
323
499
  <span class="pf-v6-c-menu-toggle__text">
@@ -326,7 +502,19 @@ cssPrefix: pf-v6-c-pagination
326
502
  </span>
327
503
  <span class="pf-v6-c-menu-toggle__controls">
328
504
  <span class="pf-v6-c-menu-toggle__toggle-icon">
329
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
505
+ <svg
506
+ class="pf-v6-svg"
507
+ viewBox="0 0 20 20"
508
+ fill="currentColor"
509
+ aria-hidden="true"
510
+ role="img"
511
+ width="1em"
512
+ height="1em"
513
+ >
514
+ <path
515
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
516
+ />
517
+ </svg>
330
518
  </span>
331
519
  </span>
332
520
  </button>
@@ -343,7 +531,19 @@ cssPrefix: pf-v6-c-pagination
343
531
  aria-label="Go to first page"
344
532
  >
345
533
  <span class="pf-v6-c-button__icon">
346
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
534
+ <svg
535
+ class="pf-v6-svg"
536
+ viewBox="0 0 448 512"
537
+ fill="currentColor"
538
+ aria-hidden="true"
539
+ role="img"
540
+ width="1em"
541
+ height="1em"
542
+ >
543
+ <path
544
+ 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"
545
+ />
546
+ </svg>
347
547
  </span>
348
548
  </button>
349
549
  </div>
@@ -355,7 +555,19 @@ cssPrefix: pf-v6-c-pagination
355
555
  aria-label="Go to previous page"
356
556
  >
357
557
  <span class="pf-v6-c-button__icon">
358
- <i class="fas fa-angle-left" aria-hidden="true"></i>
558
+ <svg
559
+ class="pf-v6-svg"
560
+ viewBox="0 0 256 512"
561
+ fill="currentColor"
562
+ aria-hidden="true"
563
+ role="img"
564
+ width="1em"
565
+ height="1em"
566
+ >
567
+ <path
568
+ 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"
569
+ />
570
+ </svg>
359
571
  </span>
360
572
  </button>
361
573
  </div>
@@ -378,7 +590,19 @@ cssPrefix: pf-v6-c-pagination
378
590
  aria-label="Go to next page"
379
591
  >
380
592
  <span class="pf-v6-c-button__icon">
381
- <i class="fas fa-angle-right" aria-hidden="true"></i>
593
+ <svg
594
+ class="pf-v6-svg"
595
+ viewBox="0 0 256 512"
596
+ fill="currentColor"
597
+ aria-hidden="true"
598
+ role="img"
599
+ width="1em"
600
+ height="1em"
601
+ >
602
+ <path
603
+ 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"
604
+ />
605
+ </svg>
382
606
  </span>
383
607
  </button>
384
608
  </div>
@@ -390,7 +614,19 @@ cssPrefix: pf-v6-c-pagination
390
614
  aria-label="Go to last page"
391
615
  >
392
616
  <span class="pf-v6-c-button__icon">
393
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
617
+ <svg
618
+ class="pf-v6-svg"
619
+ viewBox="0 0 448 512"
620
+ fill="currentColor"
621
+ aria-hidden="true"
622
+ role="img"
623
+ width="1em"
624
+ height="1em"
625
+ >
626
+ <path
627
+ 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"
628
+ />
629
+ </svg>
394
630
  </span>
395
631
  </button>
396
632
  </div>
@@ -418,7 +654,6 @@ cssPrefix: pf-v6-c-pagination
418
654
  class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
419
655
  type="button"
420
656
  aria-expanded="false"
421
- aria-label="Menu toggle"
422
657
  id="pagination-menu-toggle-bottom-sticky-example"
423
658
  >
424
659
  <span class="pf-v6-c-menu-toggle__text">
@@ -427,7 +662,19 @@ cssPrefix: pf-v6-c-pagination
427
662
  </span>
428
663
  <span class="pf-v6-c-menu-toggle__controls">
429
664
  <span class="pf-v6-c-menu-toggle__toggle-icon">
430
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
665
+ <svg
666
+ class="pf-v6-svg"
667
+ viewBox="0 0 20 20"
668
+ fill="currentColor"
669
+ aria-hidden="true"
670
+ role="img"
671
+ width="1em"
672
+ height="1em"
673
+ >
674
+ <path
675
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
676
+ />
677
+ </svg>
431
678
  </span>
432
679
  </span>
433
680
  </button>
@@ -444,7 +691,19 @@ cssPrefix: pf-v6-c-pagination
444
691
  aria-label="Go to first page"
445
692
  >
446
693
  <span class="pf-v6-c-button__icon">
447
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
694
+ <svg
695
+ class="pf-v6-svg"
696
+ viewBox="0 0 448 512"
697
+ fill="currentColor"
698
+ aria-hidden="true"
699
+ role="img"
700
+ width="1em"
701
+ height="1em"
702
+ >
703
+ <path
704
+ 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"
705
+ />
706
+ </svg>
448
707
  </span>
449
708
  </button>
450
709
  </div>
@@ -456,7 +715,19 @@ cssPrefix: pf-v6-c-pagination
456
715
  aria-label="Go to previous page"
457
716
  >
458
717
  <span class="pf-v6-c-button__icon">
459
- <i class="fas fa-angle-left" aria-hidden="true"></i>
718
+ <svg
719
+ class="pf-v6-svg"
720
+ viewBox="0 0 256 512"
721
+ fill="currentColor"
722
+ aria-hidden="true"
723
+ role="img"
724
+ width="1em"
725
+ height="1em"
726
+ >
727
+ <path
728
+ 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"
729
+ />
730
+ </svg>
460
731
  </span>
461
732
  </button>
462
733
  </div>
@@ -479,7 +750,19 @@ cssPrefix: pf-v6-c-pagination
479
750
  aria-label="Go to next page"
480
751
  >
481
752
  <span class="pf-v6-c-button__icon">
482
- <i class="fas fa-angle-right" aria-hidden="true"></i>
753
+ <svg
754
+ class="pf-v6-svg"
755
+ viewBox="0 0 256 512"
756
+ fill="currentColor"
757
+ aria-hidden="true"
758
+ role="img"
759
+ width="1em"
760
+ height="1em"
761
+ >
762
+ <path
763
+ 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"
764
+ />
765
+ </svg>
483
766
  </span>
484
767
  </button>
485
768
  </div>
@@ -491,7 +774,19 @@ cssPrefix: pf-v6-c-pagination
491
774
  aria-label="Go to last page"
492
775
  >
493
776
  <span class="pf-v6-c-button__icon">
494
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
777
+ <svg
778
+ class="pf-v6-svg"
779
+ viewBox="0 0 448 512"
780
+ fill="currentColor"
781
+ aria-hidden="true"
782
+ role="img"
783
+ width="1em"
784
+ height="1em"
785
+ >
786
+ <path
787
+ 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"
788
+ />
789
+ </svg>
495
790
  </span>
496
791
  </button>
497
792
  </div>
@@ -519,7 +814,6 @@ cssPrefix: pf-v6-c-pagination
519
814
  class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
520
815
  type="button"
521
816
  aria-expanded="false"
522
- aria-label="Menu toggle"
523
817
  id="pagination-menu-toggle-bottom-sticky-example"
524
818
  >
525
819
  <span class="pf-v6-c-menu-toggle__text">
@@ -528,7 +822,19 @@ cssPrefix: pf-v6-c-pagination
528
822
  </span>
529
823
  <span class="pf-v6-c-menu-toggle__controls">
530
824
  <span class="pf-v6-c-menu-toggle__toggle-icon">
531
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
825
+ <svg
826
+ class="pf-v6-svg"
827
+ viewBox="0 0 20 20"
828
+ fill="currentColor"
829
+ aria-hidden="true"
830
+ role="img"
831
+ width="1em"
832
+ height="1em"
833
+ >
834
+ <path
835
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
836
+ />
837
+ </svg>
532
838
  </span>
533
839
  </span>
534
840
  </button>
@@ -545,7 +851,19 @@ cssPrefix: pf-v6-c-pagination
545
851
  aria-label="Go to first page"
546
852
  >
547
853
  <span class="pf-v6-c-button__icon">
548
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
854
+ <svg
855
+ class="pf-v6-svg"
856
+ viewBox="0 0 448 512"
857
+ fill="currentColor"
858
+ aria-hidden="true"
859
+ role="img"
860
+ width="1em"
861
+ height="1em"
862
+ >
863
+ <path
864
+ 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"
865
+ />
866
+ </svg>
549
867
  </span>
550
868
  </button>
551
869
  </div>
@@ -557,7 +875,19 @@ cssPrefix: pf-v6-c-pagination
557
875
  aria-label="Go to previous page"
558
876
  >
559
877
  <span class="pf-v6-c-button__icon">
560
- <i class="fas fa-angle-left" aria-hidden="true"></i>
878
+ <svg
879
+ class="pf-v6-svg"
880
+ viewBox="0 0 256 512"
881
+ fill="currentColor"
882
+ aria-hidden="true"
883
+ role="img"
884
+ width="1em"
885
+ height="1em"
886
+ >
887
+ <path
888
+ 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"
889
+ />
890
+ </svg>
561
891
  </span>
562
892
  </button>
563
893
  </div>
@@ -580,7 +910,19 @@ cssPrefix: pf-v6-c-pagination
580
910
  aria-label="Go to next page"
581
911
  >
582
912
  <span class="pf-v6-c-button__icon">
583
- <i class="fas fa-angle-right" aria-hidden="true"></i>
913
+ <svg
914
+ class="pf-v6-svg"
915
+ viewBox="0 0 256 512"
916
+ fill="currentColor"
917
+ aria-hidden="true"
918
+ role="img"
919
+ width="1em"
920
+ height="1em"
921
+ >
922
+ <path
923
+ 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"
924
+ />
925
+ </svg>
584
926
  </span>
585
927
  </button>
586
928
  </div>
@@ -592,7 +934,19 @@ cssPrefix: pf-v6-c-pagination
592
934
  aria-label="Go to last page"
593
935
  >
594
936
  <span class="pf-v6-c-button__icon">
595
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
937
+ <svg
938
+ class="pf-v6-svg"
939
+ viewBox="0 0 448 512"
940
+ fill="currentColor"
941
+ aria-hidden="true"
942
+ role="img"
943
+ width="1em"
944
+ height="1em"
945
+ >
946
+ <path
947
+ 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"
948
+ />
949
+ </svg>
596
950
  </span>
597
951
  </button>
598
952
  </div>
@@ -615,7 +969,6 @@ cssPrefix: pf-v6-c-pagination
615
969
  type="button"
616
970
  aria-expanded="false"
617
971
  disabled
618
- aria-label="Menu toggle"
619
972
  id="pagination-menu-toggle-top-disabled-example"
620
973
  >
621
974
  <span class="pf-v6-c-menu-toggle__text">
@@ -624,7 +977,19 @@ cssPrefix: pf-v6-c-pagination
624
977
  </span>
625
978
  <span class="pf-v6-c-menu-toggle__controls">
626
979
  <span class="pf-v6-c-menu-toggle__toggle-icon">
627
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
980
+ <svg
981
+ class="pf-v6-svg"
982
+ viewBox="0 0 20 20"
983
+ fill="currentColor"
984
+ aria-hidden="true"
985
+ role="img"
986
+ width="1em"
987
+ height="1em"
988
+ >
989
+ <path
990
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
991
+ />
992
+ </svg>
628
993
  </span>
629
994
  </span>
630
995
  </button>
@@ -641,7 +1006,19 @@ cssPrefix: pf-v6-c-pagination
641
1006
  aria-label="Go to first page"
642
1007
  >
643
1008
  <span class="pf-v6-c-button__icon">
644
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1009
+ <svg
1010
+ class="pf-v6-svg"
1011
+ viewBox="0 0 448 512"
1012
+ fill="currentColor"
1013
+ aria-hidden="true"
1014
+ role="img"
1015
+ width="1em"
1016
+ height="1em"
1017
+ >
1018
+ <path
1019
+ 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"
1020
+ />
1021
+ </svg>
645
1022
  </span>
646
1023
  </button>
647
1024
  </div>
@@ -653,7 +1030,19 @@ cssPrefix: pf-v6-c-pagination
653
1030
  aria-label="Go to previous page"
654
1031
  >
655
1032
  <span class="pf-v6-c-button__icon">
656
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1033
+ <svg
1034
+ class="pf-v6-svg"
1035
+ viewBox="0 0 256 512"
1036
+ fill="currentColor"
1037
+ aria-hidden="true"
1038
+ role="img"
1039
+ width="1em"
1040
+ height="1em"
1041
+ >
1042
+ <path
1043
+ 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"
1044
+ />
1045
+ </svg>
657
1046
  </span>
658
1047
  </button>
659
1048
  </div>
@@ -678,7 +1067,19 @@ cssPrefix: pf-v6-c-pagination
678
1067
  aria-label="Go to next page"
679
1068
  >
680
1069
  <span class="pf-v6-c-button__icon">
681
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1070
+ <svg
1071
+ class="pf-v6-svg"
1072
+ viewBox="0 0 256 512"
1073
+ fill="currentColor"
1074
+ aria-hidden="true"
1075
+ role="img"
1076
+ width="1em"
1077
+ height="1em"
1078
+ >
1079
+ <path
1080
+ 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"
1081
+ />
1082
+ </svg>
682
1083
  </span>
683
1084
  </button>
684
1085
  </div>
@@ -690,7 +1091,19 @@ cssPrefix: pf-v6-c-pagination
690
1091
  aria-label="Go to last page"
691
1092
  >
692
1093
  <span class="pf-v6-c-button__icon">
693
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1094
+ <svg
1095
+ class="pf-v6-svg"
1096
+ viewBox="0 0 448 512"
1097
+ fill="currentColor"
1098
+ aria-hidden="true"
1099
+ role="img"
1100
+ width="1em"
1101
+ height="1em"
1102
+ >
1103
+ <path
1104
+ 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"
1105
+ />
1106
+ </svg>
694
1107
  </span>
695
1108
  </button>
696
1109
  </div>
@@ -712,7 +1125,6 @@ cssPrefix: pf-v6-c-pagination
712
1125
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
713
1126
  type="button"
714
1127
  aria-expanded="false"
715
- aria-label="Menu toggle"
716
1128
  id="pagination-menu-toggle-compact-example"
717
1129
  >
718
1130
  <span class="pf-v6-c-menu-toggle__text">
@@ -721,7 +1133,19 @@ cssPrefix: pf-v6-c-pagination
721
1133
  </span>
722
1134
  <span class="pf-v6-c-menu-toggle__controls">
723
1135
  <span class="pf-v6-c-menu-toggle__toggle-icon">
724
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1136
+ <svg
1137
+ class="pf-v6-svg"
1138
+ viewBox="0 0 20 20"
1139
+ fill="currentColor"
1140
+ aria-hidden="true"
1141
+ role="img"
1142
+ width="1em"
1143
+ height="1em"
1144
+ >
1145
+ <path
1146
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
1147
+ />
1148
+ </svg>
725
1149
  </span>
726
1150
  </span>
727
1151
  </button>
@@ -738,7 +1162,19 @@ cssPrefix: pf-v6-c-pagination
738
1162
  aria-label="Go to previous page"
739
1163
  >
740
1164
  <span class="pf-v6-c-button__icon">
741
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1165
+ <svg
1166
+ class="pf-v6-svg"
1167
+ viewBox="0 0 256 512"
1168
+ fill="currentColor"
1169
+ aria-hidden="true"
1170
+ role="img"
1171
+ width="1em"
1172
+ height="1em"
1173
+ >
1174
+ <path
1175
+ 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"
1176
+ />
1177
+ </svg>
742
1178
  </span>
743
1179
  </button>
744
1180
  </div>
@@ -749,7 +1185,19 @@ cssPrefix: pf-v6-c-pagination
749
1185
  aria-label="Go to next page"
750
1186
  >
751
1187
  <span class="pf-v6-c-button__icon">
752
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1188
+ <svg
1189
+ class="pf-v6-svg"
1190
+ viewBox="0 0 256 512"
1191
+ fill="currentColor"
1192
+ aria-hidden="true"
1193
+ role="img"
1194
+ width="1em"
1195
+ height="1em"
1196
+ >
1197
+ <path
1198
+ 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"
1199
+ />
1200
+ </svg>
753
1201
  </span>
754
1202
  </button>
755
1203
  </div>
@@ -771,7 +1219,6 @@ cssPrefix: pf-v6-c-pagination
771
1219
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
772
1220
  type="button"
773
1221
  aria-expanded="false"
774
- aria-label="Menu toggle"
775
1222
  id="pagination-top-with-summary-modifier-menu-toggle"
776
1223
  >
777
1224
  <span class="pf-v6-c-menu-toggle__text">
@@ -780,7 +1227,19 @@ cssPrefix: pf-v6-c-pagination
780
1227
  </span>
781
1228
  <span class="pf-v6-c-menu-toggle__controls">
782
1229
  <span class="pf-v6-c-menu-toggle__toggle-icon">
783
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1230
+ <svg
1231
+ class="pf-v6-svg"
1232
+ viewBox="0 0 20 20"
1233
+ fill="currentColor"
1234
+ aria-hidden="true"
1235
+ role="img"
1236
+ width="1em"
1237
+ height="1em"
1238
+ >
1239
+ <path
1240
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
1241
+ />
1242
+ </svg>
784
1243
  </span>
785
1244
  </span>
786
1245
  </button>
@@ -797,7 +1256,19 @@ cssPrefix: pf-v6-c-pagination
797
1256
  aria-label="Go to first page"
798
1257
  >
799
1258
  <span class="pf-v6-c-button__icon">
800
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1259
+ <svg
1260
+ class="pf-v6-svg"
1261
+ viewBox="0 0 448 512"
1262
+ fill="currentColor"
1263
+ aria-hidden="true"
1264
+ role="img"
1265
+ width="1em"
1266
+ height="1em"
1267
+ >
1268
+ <path
1269
+ 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"
1270
+ />
1271
+ </svg>
801
1272
  </span>
802
1273
  </button>
803
1274
  </div>
@@ -809,7 +1280,19 @@ cssPrefix: pf-v6-c-pagination
809
1280
  aria-label="Go to previous page"
810
1281
  >
811
1282
  <span class="pf-v6-c-button__icon">
812
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1283
+ <svg
1284
+ class="pf-v6-svg"
1285
+ viewBox="0 0 256 512"
1286
+ fill="currentColor"
1287
+ aria-hidden="true"
1288
+ role="img"
1289
+ width="1em"
1290
+ height="1em"
1291
+ >
1292
+ <path
1293
+ 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"
1294
+ />
1295
+ </svg>
813
1296
  </span>
814
1297
  </button>
815
1298
  </div>
@@ -832,7 +1315,19 @@ cssPrefix: pf-v6-c-pagination
832
1315
  aria-label="Go to next page"
833
1316
  >
834
1317
  <span class="pf-v6-c-button__icon">
835
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1318
+ <svg
1319
+ class="pf-v6-svg"
1320
+ viewBox="0 0 256 512"
1321
+ fill="currentColor"
1322
+ aria-hidden="true"
1323
+ role="img"
1324
+ width="1em"
1325
+ height="1em"
1326
+ >
1327
+ <path
1328
+ 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"
1329
+ />
1330
+ </svg>
836
1331
  </span>
837
1332
  </button>
838
1333
  </div>
@@ -844,7 +1339,19 @@ cssPrefix: pf-v6-c-pagination
844
1339
  aria-label="Go to last page"
845
1340
  >
846
1341
  <span class="pf-v6-c-button__icon">
847
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1342
+ <svg
1343
+ class="pf-v6-svg"
1344
+ viewBox="0 0 448 512"
1345
+ fill="currentColor"
1346
+ aria-hidden="true"
1347
+ role="img"
1348
+ width="1em"
1349
+ height="1em"
1350
+ >
1351
+ <path
1352
+ 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"
1353
+ />
1354
+ </svg>
848
1355
  </span>
849
1356
  </button>
850
1357
  </div>
@@ -866,7 +1373,6 @@ cssPrefix: pf-v6-c-pagination
866
1373
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
867
1374
  type="button"
868
1375
  aria-expanded="false"
869
- aria-label="Menu toggle"
870
1376
  id="pagination-top-with-full-modifier-menu-toggle"
871
1377
  >
872
1378
  <span class="pf-v6-c-menu-toggle__text">
@@ -875,7 +1381,19 @@ cssPrefix: pf-v6-c-pagination
875
1381
  </span>
876
1382
  <span class="pf-v6-c-menu-toggle__controls">
877
1383
  <span class="pf-v6-c-menu-toggle__toggle-icon">
878
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1384
+ <svg
1385
+ class="pf-v6-svg"
1386
+ viewBox="0 0 20 20"
1387
+ fill="currentColor"
1388
+ aria-hidden="true"
1389
+ role="img"
1390
+ width="1em"
1391
+ height="1em"
1392
+ >
1393
+ <path
1394
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
1395
+ />
1396
+ </svg>
879
1397
  </span>
880
1398
  </span>
881
1399
  </button>
@@ -892,7 +1410,19 @@ cssPrefix: pf-v6-c-pagination
892
1410
  aria-label="Go to first page"
893
1411
  >
894
1412
  <span class="pf-v6-c-button__icon">
895
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1413
+ <svg
1414
+ class="pf-v6-svg"
1415
+ viewBox="0 0 448 512"
1416
+ fill="currentColor"
1417
+ aria-hidden="true"
1418
+ role="img"
1419
+ width="1em"
1420
+ height="1em"
1421
+ >
1422
+ <path
1423
+ 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"
1424
+ />
1425
+ </svg>
896
1426
  </span>
897
1427
  </button>
898
1428
  </div>
@@ -904,7 +1434,19 @@ cssPrefix: pf-v6-c-pagination
904
1434
  aria-label="Go to previous page"
905
1435
  >
906
1436
  <span class="pf-v6-c-button__icon">
907
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1437
+ <svg
1438
+ class="pf-v6-svg"
1439
+ viewBox="0 0 256 512"
1440
+ fill="currentColor"
1441
+ aria-hidden="true"
1442
+ role="img"
1443
+ width="1em"
1444
+ height="1em"
1445
+ >
1446
+ <path
1447
+ 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"
1448
+ />
1449
+ </svg>
908
1450
  </span>
909
1451
  </button>
910
1452
  </div>
@@ -927,7 +1469,19 @@ cssPrefix: pf-v6-c-pagination
927
1469
  aria-label="Go to next page"
928
1470
  >
929
1471
  <span class="pf-v6-c-button__icon">
930
- <i class="fas fa-angle-right" 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="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"
1483
+ />
1484
+ </svg>
931
1485
  </span>
932
1486
  </button>
933
1487
  </div>
@@ -939,7 +1493,19 @@ cssPrefix: pf-v6-c-pagination
939
1493
  aria-label="Go to last page"
940
1494
  >
941
1495
  <span class="pf-v6-c-button__icon">
942
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1496
+ <svg
1497
+ class="pf-v6-svg"
1498
+ viewBox="0 0 448 512"
1499
+ fill="currentColor"
1500
+ aria-hidden="true"
1501
+ role="img"
1502
+ width="1em"
1503
+ height="1em"
1504
+ >
1505
+ <path
1506
+ 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"
1507
+ />
1508
+ </svg>
943
1509
  </span>
944
1510
  </button>
945
1511
  </div>
@@ -963,7 +1529,6 @@ cssPrefix: pf-v6-c-pagination
963
1529
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
964
1530
  type="button"
965
1531
  aria-expanded="false"
966
- aria-label="Menu toggle"
967
1532
  id="pagination-top-with-responsive-summary-navigation-modifiers-menu-toggle"
968
1533
  >
969
1534
  <span class="pf-v6-c-menu-toggle__text">
@@ -972,7 +1537,19 @@ cssPrefix: pf-v6-c-pagination
972
1537
  </span>
973
1538
  <span class="pf-v6-c-menu-toggle__controls">
974
1539
  <span class="pf-v6-c-menu-toggle__toggle-icon">
975
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1540
+ <svg
1541
+ class="pf-v6-svg"
1542
+ viewBox="0 0 20 20"
1543
+ fill="currentColor"
1544
+ aria-hidden="true"
1545
+ role="img"
1546
+ width="1em"
1547
+ height="1em"
1548
+ >
1549
+ <path
1550
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
1551
+ />
1552
+ </svg>
976
1553
  </span>
977
1554
  </span>
978
1555
  </button>
@@ -989,7 +1566,19 @@ cssPrefix: pf-v6-c-pagination
989
1566
  aria-label="Go to first page"
990
1567
  >
991
1568
  <span class="pf-v6-c-button__icon">
992
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1569
+ <svg
1570
+ class="pf-v6-svg"
1571
+ viewBox="0 0 448 512"
1572
+ fill="currentColor"
1573
+ aria-hidden="true"
1574
+ role="img"
1575
+ width="1em"
1576
+ height="1em"
1577
+ >
1578
+ <path
1579
+ 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"
1580
+ />
1581
+ </svg>
993
1582
  </span>
994
1583
  </button>
995
1584
  </div>
@@ -1001,7 +1590,19 @@ cssPrefix: pf-v6-c-pagination
1001
1590
  aria-label="Go to previous page"
1002
1591
  >
1003
1592
  <span class="pf-v6-c-button__icon">
1004
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1593
+ <svg
1594
+ class="pf-v6-svg"
1595
+ viewBox="0 0 256 512"
1596
+ fill="currentColor"
1597
+ aria-hidden="true"
1598
+ role="img"
1599
+ width="1em"
1600
+ height="1em"
1601
+ >
1602
+ <path
1603
+ 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"
1604
+ />
1605
+ </svg>
1005
1606
  </span>
1006
1607
  </button>
1007
1608
  </div>
@@ -1024,7 +1625,19 @@ cssPrefix: pf-v6-c-pagination
1024
1625
  aria-label="Go to next page"
1025
1626
  >
1026
1627
  <span class="pf-v6-c-button__icon">
1027
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1628
+ <svg
1629
+ class="pf-v6-svg"
1630
+ viewBox="0 0 256 512"
1631
+ fill="currentColor"
1632
+ aria-hidden="true"
1633
+ role="img"
1634
+ width="1em"
1635
+ height="1em"
1636
+ >
1637
+ <path
1638
+ 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"
1639
+ />
1640
+ </svg>
1028
1641
  </span>
1029
1642
  </button>
1030
1643
  </div>
@@ -1036,7 +1649,19 @@ cssPrefix: pf-v6-c-pagination
1036
1649
  aria-label="Go to last page"
1037
1650
  >
1038
1651
  <span class="pf-v6-c-button__icon">
1039
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1652
+ <svg
1653
+ class="pf-v6-svg"
1654
+ viewBox="0 0 448 512"
1655
+ fill="currentColor"
1656
+ aria-hidden="true"
1657
+ role="img"
1658
+ width="1em"
1659
+ height="1em"
1660
+ >
1661
+ <path
1662
+ 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"
1663
+ />
1664
+ </svg>
1040
1665
  </span>
1041
1666
  </button>
1042
1667
  </div>
@@ -1058,7 +1683,6 @@ cssPrefix: pf-v6-c-pagination
1058
1683
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
1059
1684
  type="button"
1060
1685
  aria-expanded="false"
1061
- aria-label="Menu toggle"
1062
1686
  id="pagination-compact-with-full-modifier-menu-toggle"
1063
1687
  >
1064
1688
  <span class="pf-v6-c-menu-toggle__text">
@@ -1067,7 +1691,19 @@ cssPrefix: pf-v6-c-pagination
1067
1691
  </span>
1068
1692
  <span class="pf-v6-c-menu-toggle__controls">
1069
1693
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1070
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1694
+ <svg
1695
+ class="pf-v6-svg"
1696
+ viewBox="0 0 20 20"
1697
+ fill="currentColor"
1698
+ aria-hidden="true"
1699
+ role="img"
1700
+ width="1em"
1701
+ height="1em"
1702
+ >
1703
+ <path
1704
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
1705
+ />
1706
+ </svg>
1071
1707
  </span>
1072
1708
  </span>
1073
1709
  </button>
@@ -1084,7 +1720,19 @@ cssPrefix: pf-v6-c-pagination
1084
1720
  aria-label="Go to previous page"
1085
1721
  >
1086
1722
  <span class="pf-v6-c-button__icon">
1087
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1723
+ <svg
1724
+ class="pf-v6-svg"
1725
+ viewBox="0 0 256 512"
1726
+ fill="currentColor"
1727
+ aria-hidden="true"
1728
+ role="img"
1729
+ width="1em"
1730
+ height="1em"
1731
+ >
1732
+ <path
1733
+ 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"
1734
+ />
1735
+ </svg>
1088
1736
  </span>
1089
1737
  </button>
1090
1738
  </div>
@@ -1095,7 +1743,19 @@ cssPrefix: pf-v6-c-pagination
1095
1743
  aria-label="Go to next page"
1096
1744
  >
1097
1745
  <span class="pf-v6-c-button__icon">
1098
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1746
+ <svg
1747
+ class="pf-v6-svg"
1748
+ viewBox="0 0 256 512"
1749
+ fill="currentColor"
1750
+ aria-hidden="true"
1751
+ role="img"
1752
+ width="1em"
1753
+ height="1em"
1754
+ >
1755
+ <path
1756
+ 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"
1757
+ />
1758
+ </svg>
1099
1759
  </span>
1100
1760
  </button>
1101
1761
  </div>
@@ -1119,7 +1779,6 @@ cssPrefix: pf-v6-c-pagination
1119
1779
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
1120
1780
  type="button"
1121
1781
  aria-expanded="false"
1122
- aria-label="Menu toggle"
1123
1782
  id="pagination-inset-menu-toggle"
1124
1783
  >
1125
1784
  <span class="pf-v6-c-menu-toggle__text">
@@ -1128,7 +1787,19 @@ cssPrefix: pf-v6-c-pagination
1128
1787
  </span>
1129
1788
  <span class="pf-v6-c-menu-toggle__controls">
1130
1789
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1131
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1790
+ <svg
1791
+ class="pf-v6-svg"
1792
+ viewBox="0 0 20 20"
1793
+ fill="currentColor"
1794
+ aria-hidden="true"
1795
+ role="img"
1796
+ width="1em"
1797
+ height="1em"
1798
+ >
1799
+ <path
1800
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
1801
+ />
1802
+ </svg>
1132
1803
  </span>
1133
1804
  </span>
1134
1805
  </button>
@@ -1145,7 +1816,19 @@ cssPrefix: pf-v6-c-pagination
1145
1816
  aria-label="Go to first page"
1146
1817
  >
1147
1818
  <span class="pf-v6-c-button__icon">
1148
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1819
+ <svg
1820
+ class="pf-v6-svg"
1821
+ viewBox="0 0 448 512"
1822
+ fill="currentColor"
1823
+ aria-hidden="true"
1824
+ role="img"
1825
+ width="1em"
1826
+ height="1em"
1827
+ >
1828
+ <path
1829
+ 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"
1830
+ />
1831
+ </svg>
1149
1832
  </span>
1150
1833
  </button>
1151
1834
  </div>
@@ -1157,7 +1840,19 @@ cssPrefix: pf-v6-c-pagination
1157
1840
  aria-label="Go to previous page"
1158
1841
  >
1159
1842
  <span class="pf-v6-c-button__icon">
1160
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1843
+ <svg
1844
+ class="pf-v6-svg"
1845
+ viewBox="0 0 256 512"
1846
+ fill="currentColor"
1847
+ aria-hidden="true"
1848
+ role="img"
1849
+ width="1em"
1850
+ height="1em"
1851
+ >
1852
+ <path
1853
+ 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"
1854
+ />
1855
+ </svg>
1161
1856
  </span>
1162
1857
  </button>
1163
1858
  </div>
@@ -1180,7 +1875,19 @@ cssPrefix: pf-v6-c-pagination
1180
1875
  aria-label="Go to next page"
1181
1876
  >
1182
1877
  <span class="pf-v6-c-button__icon">
1183
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1878
+ <svg
1879
+ class="pf-v6-svg"
1880
+ viewBox="0 0 256 512"
1881
+ fill="currentColor"
1882
+ aria-hidden="true"
1883
+ role="img"
1884
+ width="1em"
1885
+ height="1em"
1886
+ >
1887
+ <path
1888
+ 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"
1889
+ />
1890
+ </svg>
1184
1891
  </span>
1185
1892
  </button>
1186
1893
  </div>
@@ -1192,7 +1899,19 @@ cssPrefix: pf-v6-c-pagination
1192
1899
  aria-label="Go to last page"
1193
1900
  >
1194
1901
  <span class="pf-v6-c-button__icon">
1195
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1902
+ <svg
1903
+ class="pf-v6-svg"
1904
+ viewBox="0 0 448 512"
1905
+ fill="currentColor"
1906
+ aria-hidden="true"
1907
+ role="img"
1908
+ width="1em"
1909
+ height="1em"
1910
+ >
1911
+ <path
1912
+ 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"
1913
+ />
1914
+ </svg>
1196
1915
  </span>
1197
1916
  </button>
1198
1917
  </div>
@@ -1224,13 +1943,13 @@ cssPrefix: pf-v6-c-pagination
1224
1943
  | `.pf-v6-c-pagination__nav` | `<nav>` | Initiates pagination nav. |
1225
1944
  | `.pf-v6-c-pagination__nav-control` | `<div>` | Initiates pagination nav control. |
1226
1945
  | `.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). |
1946
+ | `.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). |
1947
+ | `.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
1948
  | `.pf-m-bottom` | `.pf-v6-c-pagination` | Modifies for bottom pagination component styles. |
1230
1949
  | `.pf-m-compact` | `.pf-v6-c-pagination` | Modifies for compact pagination component styles. |
1231
1950
  | `.pf-m-static` | `.pf-v6-c-pagination.pf-m-bottom` | Modifies bottom pagination to not be positioned sticky on summary. |
1232
1951
  | `.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). |
1952
+ | `.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
1953
  | `.pf-m-page-insets` | `.pf-v6-c-pagination` | Modifies the pagination component padding/inset to visually match padding of page elements. |
1235
1954
  | `.pf-m-first` | `.pf-v6-c-pagination__nav-control` | Indicates the control is for the first page button. |
1236
1955
  | `.pf-m-prev` | `.pf-v6-c-pagination__nav-control` | Indicates the control is for the previous page button. |