@patternfly/patternfly 6.5.0-prerelease.6 → 6.5.0-prerelease.60

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 (392) 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 +11 -0
  21. package/base/patternfly-svg-icons.scss +14 -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 +27 -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 +4 -3
  48. package/components/Button/button.css +121 -30
  49. package/components/Button/button.scss +131 -26
  50. package/components/CalendarMonth/calendar-month.css +4 -3
  51. package/components/Card/card.css +51 -13
  52. package/components/Card/card.scss +61 -8
  53. package/components/ClipboardCopy/clipboard-copy.css +7 -6
  54. package/components/ClipboardCopy/clipboard-copy.scss +3 -3
  55. package/components/CodeEditor/code-editor.css +1 -1
  56. package/components/CodeEditor/code-editor.scss +1 -1
  57. package/components/Compass/compass.css +320 -0
  58. package/components/Compass/compass.scss +350 -0
  59. package/components/DataList/data-list.css +34 -23
  60. package/components/DataList/data-list.scss +8 -2
  61. package/components/DescriptionList/description-list-order.scss +5 -1
  62. package/components/DescriptionList/description-list.css +7 -5
  63. package/components/DescriptionList/description-list.scss +5 -1
  64. package/components/Divider/divider.css +7 -5
  65. package/components/Drawer/drawer.css +115 -56
  66. package/components/Drawer/drawer.scss +82 -9
  67. package/components/DualListSelector/dual-list-selector.css +18 -12
  68. package/components/DualListSelector/dual-list-selector.scss +1 -1
  69. package/components/ExpandableSection/expandable-section.css +21 -16
  70. package/components/ExpandableSection/expandable-section.scss +6 -3
  71. package/components/Form/form.css +2 -2
  72. package/components/Form/form.scss +2 -2
  73. package/components/FormControl/form-control.css +3 -3
  74. package/components/FormControl/form-control.scss +3 -3
  75. package/components/Hero/hero.css +74 -0
  76. package/components/Hero/hero.scss +86 -0
  77. package/components/JumpLinks/jump-links.css +16 -5
  78. package/components/JumpLinks/jump-links.scss +17 -3
  79. package/components/Label/label-group.css +2 -2
  80. package/components/Label/label-group.scss +2 -2
  81. package/components/Label/label.css +4 -3
  82. package/components/Login/login.css +58 -40
  83. package/components/Login/login.scss +7 -3
  84. package/components/Masthead/masthead.css +112 -16
  85. package/components/Masthead/masthead.scss +112 -1
  86. package/components/Menu/menu.css +23 -14
  87. package/components/MenuToggle/menu-toggle.css +26 -3
  88. package/components/MenuToggle/menu-toggle.scss +30 -3
  89. package/components/ModalBox/modal-box.css +9 -7
  90. package/components/ModalBox/modal-box.scss +2 -2
  91. package/components/Nav/nav.css +82 -11
  92. package/components/Nav/nav.scss +85 -5
  93. package/components/NotificationDrawer/notification-drawer.css +19 -9
  94. package/components/NotificationDrawer/notification-drawer.scss +14 -5
  95. package/components/Page/page.css +214 -29
  96. package/components/Page/page.scss +228 -13
  97. package/components/Pagination/pagination.scss +5 -1
  98. package/components/Panel/panel.css +14 -0
  99. package/components/Panel/panel.scss +18 -0
  100. package/components/Progress/progress.css +3 -1
  101. package/components/Progress/progress.scss +3 -1
  102. package/components/ProgressStepper/progress-stepper.scss +5 -1
  103. package/components/Sidebar/sidebar.css +1 -1
  104. package/components/Sidebar/sidebar.scss +7 -3
  105. package/components/Skeleton/skeleton.css +16 -15
  106. package/components/Slider/slider.css +32 -18
  107. package/components/Switch/switch.css +4 -2
  108. package/components/Switch/switch.scss +1 -1
  109. package/components/Table/table-grid.css +28 -36
  110. package/components/Table/table-grid.scss +4 -4
  111. package/components/Table/table-tree-view.css +4 -2
  112. package/components/Table/table.css +45 -36
  113. package/components/Table/table.scss +15 -11
  114. package/components/Tabs/tabs.css +51 -33
  115. package/components/Tabs/tabs.scss +54 -26
  116. package/components/TextInputGroup/text-input-group.css +2 -2
  117. package/components/TextInputGroup/text-input-group.scss +2 -2
  118. package/components/ToggleGroup/toggle-group.css +34 -17
  119. package/components/ToggleGroup/toggle-group.scss +36 -20
  120. package/components/Toolbar/toolbar.css +47 -15
  121. package/components/Toolbar/toolbar.scss +34 -6
  122. package/components/TreeView/tree-view.css +45 -14
  123. package/components/TreeView/tree-view.scss +32 -1
  124. package/components/Wizard/wizard.css +41 -19
  125. package/components/Wizard/wizard.scss +26 -6
  126. package/components/_index.css +1936 -700
  127. package/components/_index.scss +3 -1
  128. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
  129. package/docs/components/Accordion/examples/Accordion.md +392 -30
  130. package/docs/components/ActionList/examples/ActionList.md +143 -11
  131. package/docs/components/Alert/examples/Alert.md +678 -54
  132. package/docs/components/Avatar/examples/Avatar.md +4 -4
  133. package/docs/components/BackToTop/examples/BackToTop.md +13 -1
  134. package/docs/components/Banner/examples/Banner.md +65 -5
  135. package/docs/components/Brand/examples/Brand.md +2 -2
  136. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -24
  137. package/docs/components/Button/examples/Button.md +2362 -163
  138. package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
  139. package/docs/components/Card/examples/Card.md +207 -4
  140. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +286 -22
  141. package/docs/components/CodeBlock/examples/CodeBlock.md +104 -8
  142. package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
  143. package/docs/components/Compass/examples/Compass.css +17 -0
  144. package/docs/components/Compass/examples/Compass.md +119 -0
  145. package/docs/components/DataList/examples/DataList.md +406 -205
  146. package/docs/components/DatePicker/examples/DatePicker.md +78 -6
  147. package/docs/components/DescriptionList/examples/DescriptionList.md +327 -27
  148. package/docs/components/Divider/examples/Divider.md +2 -2
  149. package/docs/components/DragDrop/examples/DragDrop.css +1 -1
  150. package/docs/components/Drawer/examples/Drawer.md +355 -35
  151. package/docs/components/DualListSelector/examples/DualListSelector.md +1013 -143
  152. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  153. package/docs/components/Form/examples/Form.md +78 -6
  154. package/docs/components/Hero/examples/Hero.md +25 -0
  155. package/docs/components/Icon/examples/Icon.md +92 -8
  156. package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
  157. package/docs/components/InputGroup/examples/InputGroup.md +27 -3
  158. package/docs/components/JumpLinks/examples/JumpLinks.md +54 -6
  159. package/docs/components/Label/examples/Label.md +2834 -218
  160. package/docs/components/Login/examples/Login.md +26 -2
  161. package/docs/components/Masthead/examples/masthead.md +80 -1
  162. package/docs/components/Menu/examples/Menu.md +1458 -116
  163. package/docs/components/MenuToggle/examples/MenuToggle.md +14 -5
  164. package/docs/components/ModalBox/examples/ModalBox.md +289 -25
  165. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +156 -12
  166. package/docs/components/Nav/examples/Navigation.md +798 -58
  167. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +598 -46
  168. package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
  169. package/docs/components/Page/examples/Page.md +72 -11
  170. package/docs/components/Pagination/examples/Pagination.md +627 -64
  171. package/docs/components/Panel/examples/Panel.md +12 -0
  172. package/docs/components/Popover/examples/Popover.md +286 -22
  173. package/docs/components/Progress/examples/Progress.md +91 -7
  174. package/docs/components/ProgressStepper/examples/ProgressStepper.md +275 -23
  175. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  176. package/docs/components/Slider/examples/Slider.md +52 -4
  177. package/docs/components/Table/examples/Table.md +876 -70
  178. package/docs/components/Tabs/examples/Tabs.md +5908 -457
  179. package/docs/components/TextInputGroup/examples/TextInputGroup.md +600 -48
  180. package/docs/components/ToggleGroup/examples/toggle-group.md +195 -15
  181. package/docs/components/Toolbar/examples/Toolbar.md +490 -44
  182. package/docs/components/TreeView/examples/TreeView.md +1390 -130
  183. package/docs/components/Wizard/examples/Wizard.md +815 -72
  184. package/docs/demos/AboutModal/examples/AboutModal.md +98 -47
  185. package/docs/demos/Alert/examples/Alert.md +359 -146
  186. package/docs/demos/BackToTop/examples/BackToTop.md +98 -47
  187. package/docs/demos/Banner/examples/Banner.md +170 -92
  188. package/docs/demos/Button/examples/Button.md +13 -1
  189. package/docs/demos/Card/examples/Card.md +963 -128
  190. package/docs/demos/CardView/examples/CardView.md +435 -252
  191. package/docs/demos/Compass/examples/Compass.md +5930 -0
  192. package/docs/demos/Dashboard/examples/Dashboard.md +648 -164
  193. package/docs/demos/DataList/examples/DataList.md +730 -225
  194. package/docs/demos/DescriptionList/examples/DescriptionList.md +279 -141
  195. package/docs/demos/Drawer/examples/Drawer.md +421 -235
  196. package/docs/demos/Form/examples/BasicForms.md +273 -21
  197. package/docs/demos/JumpLinks/examples/JumpLinks.md +518 -287
  198. package/docs/demos/Masthead/examples/Masthead.md +787 -451
  199. package/docs/demos/Modal/examples/Modal.md +588 -285
  200. package/docs/demos/Nav/examples/Nav.md +2913 -493
  201. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1273 -310
  202. package/docs/demos/Page/examples/Page.md +1236 -689
  203. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  204. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
  205. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +978 -385
  206. package/docs/demos/Skeleton/examples/Skeleton.md +85 -46
  207. package/docs/demos/Table/examples/Table.md +4531 -838
  208. package/docs/demos/Tabs/examples/Tabs.md +653 -293
  209. package/docs/demos/Toolbar/examples/Toolbar.md +584 -136
  210. package/docs/demos/Wizard/examples/Wizard.md +1165 -472
  211. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  212. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  213. package/docs/layouts/Flex/examples/Flex.css +3 -3
  214. package/docs/layouts/Flex/examples/Flex.md +3 -2
  215. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  216. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  217. package/docs/layouts/Grid/examples/Grid.css +1 -1
  218. package/docs/layouts/Grid/examples/Grid.md +6 -5
  219. package/docs/layouts/Level/examples/Level.css +3 -3
  220. package/docs/layouts/Level/examples/Level.md +2 -1
  221. package/docs/layouts/Split/examples/Split.css +1 -1
  222. package/docs/layouts/Split/examples/Split.md +2 -1
  223. package/docs/layouts/Stack/examples/Stack.css +3 -3
  224. package/docs/layouts/Stack/examples/Stack.md +2 -1
  225. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  226. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  227. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  228. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  229. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  230. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  231. package/docs/utilities/Display/examples/Display.css +1 -1
  232. package/docs/utilities/Display/examples/Display.md +3 -2
  233. package/docs/utilities/Flex/examples/Flex.css +7 -7
  234. package/docs/utilities/Flex/examples/Flex.md +3 -2
  235. package/docs/utilities/Float/examples/Float.css +2 -2
  236. package/docs/utilities/Float/examples/Float.md +3 -2
  237. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  238. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  239. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  240. package/docs/utilities/Text/examples/Text.md +5 -4
  241. package/icons/PfIcons/add-circle-o.svg +4 -0
  242. package/icons/PfIcons/ansible-tower.svg +4 -0
  243. package/icons/PfIcons/applications.svg +4 -0
  244. package/icons/PfIcons/arrow.svg +4 -0
  245. package/icons/PfIcons/asleep.svg +4 -0
  246. package/icons/PfIcons/attention-bell.svg +4 -0
  247. package/icons/PfIcons/automation.svg +4 -0
  248. package/icons/PfIcons/bell.svg +4 -0
  249. package/icons/PfIcons/blueprint.svg +4 -0
  250. package/icons/PfIcons/build.svg +4 -0
  251. package/icons/PfIcons/builder-image.svg +4 -0
  252. package/icons/PfIcons/bundle.svg +4 -0
  253. package/icons/PfIcons/catalog.svg +4 -0
  254. package/icons/PfIcons/chat.svg +4 -0
  255. package/icons/PfIcons/close.svg +4 -0
  256. package/icons/PfIcons/cloud-security.svg +4 -0
  257. package/icons/PfIcons/cloud-tenant.svg +4 -0
  258. package/icons/PfIcons/cluster.svg +4 -0
  259. package/icons/PfIcons/connected.svg +4 -0
  260. package/icons/PfIcons/container-node.svg +4 -0
  261. package/icons/PfIcons/cpu.svg +4 -0
  262. package/icons/PfIcons/critical-risk.svg +4 -0
  263. package/icons/PfIcons/data-processor.svg +4 -0
  264. package/icons/PfIcons/data-sink.svg +4 -0
  265. package/icons/PfIcons/data-source.svg +4 -0
  266. package/icons/PfIcons/degraded.svg +4 -0
  267. package/icons/PfIcons/disconnected.svg +4 -0
  268. package/icons/PfIcons/domain.svg +4 -0
  269. package/icons/PfIcons/edit.svg +4 -0
  270. package/icons/PfIcons/enhancement.svg +4 -0
  271. package/icons/PfIcons/enterprise.svg +4 -0
  272. package/icons/PfIcons/equalizer.svg +4 -0
  273. package/icons/PfIcons/error-circle-o.svg +4 -0
  274. package/icons/PfIcons/export.svg +4 -0
  275. package/icons/PfIcons/filter.svg +4 -0
  276. package/icons/PfIcons/flavor.svg +4 -0
  277. package/icons/PfIcons/folder-close.svg +4 -0
  278. package/icons/PfIcons/folder-open.svg +4 -0
  279. package/icons/PfIcons/globe-route.svg +4 -0
  280. package/icons/PfIcons/help.svg +4 -0
  281. package/icons/PfIcons/history.svg +4 -0
  282. package/icons/PfIcons/home.svg +4 -0
  283. package/icons/PfIcons/import.svg +4 -0
  284. package/icons/PfIcons/in-progress.svg +4 -0
  285. package/icons/PfIcons/info.svg +4 -0
  286. package/icons/PfIcons/infrastructure.svg +4 -0
  287. package/icons/PfIcons/integration.svg +4 -0
  288. package/icons/PfIcons/key.svg +4 -0
  289. package/icons/PfIcons/locked.svg +4 -0
  290. package/icons/PfIcons/maintenance.svg +4 -0
  291. package/icons/PfIcons/memory.svg +4 -0
  292. package/icons/PfIcons/messages.svg +4 -0
  293. package/icons/PfIcons/middleware.svg +4 -0
  294. package/icons/PfIcons/migration.svg +4 -0
  295. package/icons/PfIcons/module.svg +4 -0
  296. package/icons/PfIcons/monitoring.svg +4 -0
  297. package/icons/PfIcons/multicluster.svg +4 -0
  298. package/icons/PfIcons/namespaces.svg +4 -0
  299. package/icons/PfIcons/network.svg +4 -0
  300. package/icons/PfIcons/new-process.svg +4 -0
  301. package/icons/PfIcons/not-started.svg +4 -0
  302. package/icons/PfIcons/off.svg +4 -0
  303. package/icons/PfIcons/ok.svg +4 -0
  304. package/icons/PfIcons/on-running.svg +4 -0
  305. package/icons/PfIcons/on.svg +4 -0
  306. package/icons/PfIcons/open-drawer-right.svg +4 -0
  307. package/icons/PfIcons/openshift.svg +4 -0
  308. package/icons/PfIcons/openstack.svg +4 -0
  309. package/icons/PfIcons/optimize.svg +4 -0
  310. package/icons/PfIcons/orders.svg +4 -0
  311. package/icons/PfIcons/os-image.svg +4 -0
  312. package/icons/PfIcons/package.svg +4 -0
  313. package/icons/PfIcons/panel-close.svg +4 -0
  314. package/icons/PfIcons/panel-open.svg +4 -0
  315. package/icons/PfIcons/paused.svg +4 -0
  316. package/icons/PfIcons/pending.svg +4 -0
  317. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  318. package/icons/PfIcons/pficon-history.svg +4 -0
  319. package/icons/PfIcons/pficon-network-range.svg +4 -0
  320. package/icons/PfIcons/pficon-satellite.svg +4 -0
  321. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  322. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  323. package/icons/PfIcons/pficon-template.svg +4 -0
  324. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  325. package/icons/PfIcons/plugged.svg +4 -0
  326. package/icons/PfIcons/port.svg +4 -0
  327. package/icons/PfIcons/print.svg +4 -0
  328. package/icons/PfIcons/private.svg +4 -0
  329. package/icons/PfIcons/process-automation.svg +4 -0
  330. package/icons/PfIcons/project.svg +4 -0
  331. package/icons/PfIcons/rebalance.svg +4 -0
  332. package/icons/PfIcons/rebooting.svg +4 -0
  333. package/icons/PfIcons/regions.svg +4 -0
  334. package/icons/PfIcons/registry.svg +4 -0
  335. package/icons/PfIcons/remove2.svg +4 -0
  336. package/icons/PfIcons/replicator.svg +4 -0
  337. package/icons/PfIcons/repository.svg +4 -0
  338. package/icons/PfIcons/resource-pool.svg +4 -0
  339. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  340. package/icons/PfIcons/resources-almost-full.svg +4 -0
  341. package/icons/PfIcons/resources-empty.svg +4 -0
  342. package/icons/PfIcons/resources-full.svg +4 -0
  343. package/icons/PfIcons/running.svg +4 -0
  344. package/icons/PfIcons/save.svg +4 -0
  345. package/icons/PfIcons/screen.svg +4 -0
  346. package/icons/PfIcons/security.svg +4 -0
  347. package/icons/PfIcons/server-group.svg +4 -0
  348. package/icons/PfIcons/server.svg +4 -0
  349. package/icons/PfIcons/service-catalog.svg +4 -0
  350. package/icons/PfIcons/service.svg +4 -0
  351. package/icons/PfIcons/services.svg +4 -0
  352. package/icons/PfIcons/severity-critical.svg +4 -0
  353. package/icons/PfIcons/severity-important.svg +4 -0
  354. package/icons/PfIcons/severity-minor.svg +4 -0
  355. package/icons/PfIcons/severity-moderate.svg +4 -0
  356. package/icons/PfIcons/severity-none.svg +4 -0
  357. package/icons/PfIcons/severity-undefined.svg +4 -0
  358. package/icons/PfIcons/spinner.svg +4 -0
  359. package/icons/PfIcons/spinner2.svg +4 -0
  360. package/icons/PfIcons/storage-domain.svg +4 -0
  361. package/icons/PfIcons/task.svg +4 -0
  362. package/icons/PfIcons/tenant.svg +4 -0
  363. package/icons/PfIcons/thumb-tack.svg +4 -0
  364. package/icons/PfIcons/topology.svg +4 -0
  365. package/icons/PfIcons/treeview.svg +4 -0
  366. package/icons/PfIcons/trend-down.svg +4 -0
  367. package/icons/PfIcons/trend-up.svg +4 -0
  368. package/icons/PfIcons/unknown.svg +4 -0
  369. package/icons/PfIcons/unlocked.svg +4 -0
  370. package/icons/PfIcons/unplugged.svg +4 -0
  371. package/icons/PfIcons/user.svg +4 -0
  372. package/icons/PfIcons/users.svg +4 -0
  373. package/icons/PfIcons/virtual-machine.svg +4 -0
  374. package/icons/PfIcons/volume.svg +4 -0
  375. package/icons/PfIcons/warning-triangle.svg +4 -0
  376. package/icons/PfIcons/zone.svg +4 -0
  377. package/layouts/Flex/flex.scss +83 -19
  378. package/layouts/Gallery/gallery.css +6 -2
  379. package/layouts/_index.css +6 -2
  380. package/package.json +34 -16
  381. package/patternfly-base-no-globals.css +965 -491
  382. package/patternfly-base.css +972 -491
  383. package/patternfly-charts.css +3 -3
  384. package/patternfly-no-globals.css +2801 -1070
  385. package/patternfly.css +2808 -1070
  386. package/patternfly.min.css +1 -1
  387. package/patternfly.min.css.map +1 -1
  388. package/patternfly.scss +27 -0
  389. package/sass-utilities/functions.scss +32 -25
  390. package/sass-utilities/mixins.scss +36 -20
  391. package/sass-utilities/namespaces-components.scss +6 -0
  392. package/sass-utilities/scss-variables.scss +3 -0
@@ -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">
@@ -43,7 +42,19 @@ cssPrefix: pf-v6-c-pagination
43
42
  aria-label="Go to first page"
44
43
  >
45
44
  <span class="pf-v6-c-button__icon">
46
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
45
+ <svg
46
+ class="pf-v6-svg"
47
+ viewBox="0 0 448 512"
48
+ fill="currentColor"
49
+ aria-hidden="true"
50
+ role="img"
51
+ width="1em"
52
+ height="1em"
53
+ >
54
+ <path
55
+ 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"
56
+ />
57
+ </svg>
47
58
  </span>
48
59
  </button>
49
60
  </div>
@@ -55,7 +66,19 @@ cssPrefix: pf-v6-c-pagination
55
66
  aria-label="Go to previous page"
56
67
  >
57
68
  <span class="pf-v6-c-button__icon">
58
- <i class="fas fa-angle-left" aria-hidden="true"></i>
69
+ <svg
70
+ class="pf-v6-svg"
71
+ viewBox="0 0 256 512"
72
+ fill="currentColor"
73
+ aria-hidden="true"
74
+ role="img"
75
+ width="1em"
76
+ height="1em"
77
+ >
78
+ <path
79
+ 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"
80
+ />
81
+ </svg>
59
82
  </span>
60
83
  </button>
61
84
  </div>
@@ -78,7 +101,19 @@ cssPrefix: pf-v6-c-pagination
78
101
  aria-label="Go to next page"
79
102
  >
80
103
  <span class="pf-v6-c-button__icon">
81
- <i class="fas fa-angle-right" aria-hidden="true"></i>
104
+ <svg
105
+ class="pf-v6-svg"
106
+ viewBox="0 0 256 512"
107
+ fill="currentColor"
108
+ aria-hidden="true"
109
+ role="img"
110
+ width="1em"
111
+ height="1em"
112
+ >
113
+ <path
114
+ 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"
115
+ />
116
+ </svg>
82
117
  </span>
83
118
  </button>
84
119
  </div>
@@ -90,7 +125,19 @@ cssPrefix: pf-v6-c-pagination
90
125
  aria-label="Go to last page"
91
126
  >
92
127
  <span class="pf-v6-c-button__icon">
93
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
128
+ <svg
129
+ class="pf-v6-svg"
130
+ viewBox="0 0 448 512"
131
+ fill="currentColor"
132
+ aria-hidden="true"
133
+ role="img"
134
+ width="1em"
135
+ height="1em"
136
+ >
137
+ <path
138
+ 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"
139
+ />
140
+ </svg>
94
141
  </span>
95
142
  </button>
96
143
  </div>
@@ -112,7 +159,6 @@ cssPrefix: pf-v6-c-pagination
112
159
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
113
160
  type="button"
114
161
  aria-expanded="false"
115
- aria-label="Menu toggle"
116
162
  id="pagination-menu-toggle-top-sticky-example"
117
163
  >
118
164
  <span class="pf-v6-c-menu-toggle__text">
@@ -138,7 +184,19 @@ cssPrefix: pf-v6-c-pagination
138
184
  aria-label="Go to first page"
139
185
  >
140
186
  <span class="pf-v6-c-button__icon">
141
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
187
+ <svg
188
+ class="pf-v6-svg"
189
+ viewBox="0 0 448 512"
190
+ fill="currentColor"
191
+ aria-hidden="true"
192
+ role="img"
193
+ width="1em"
194
+ height="1em"
195
+ >
196
+ <path
197
+ 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"
198
+ />
199
+ </svg>
142
200
  </span>
143
201
  </button>
144
202
  </div>
@@ -150,7 +208,19 @@ cssPrefix: pf-v6-c-pagination
150
208
  aria-label="Go to previous page"
151
209
  >
152
210
  <span class="pf-v6-c-button__icon">
153
- <i class="fas fa-angle-left" aria-hidden="true"></i>
211
+ <svg
212
+ class="pf-v6-svg"
213
+ viewBox="0 0 256 512"
214
+ fill="currentColor"
215
+ aria-hidden="true"
216
+ role="img"
217
+ width="1em"
218
+ height="1em"
219
+ >
220
+ <path
221
+ 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"
222
+ />
223
+ </svg>
154
224
  </span>
155
225
  </button>
156
226
  </div>
@@ -173,7 +243,19 @@ cssPrefix: pf-v6-c-pagination
173
243
  aria-label="Go to next page"
174
244
  >
175
245
  <span class="pf-v6-c-button__icon">
176
- <i class="fas fa-angle-right" aria-hidden="true"></i>
246
+ <svg
247
+ class="pf-v6-svg"
248
+ viewBox="0 0 256 512"
249
+ fill="currentColor"
250
+ aria-hidden="true"
251
+ role="img"
252
+ width="1em"
253
+ height="1em"
254
+ >
255
+ <path
256
+ 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"
257
+ />
258
+ </svg>
177
259
  </span>
178
260
  </button>
179
261
  </div>
@@ -185,7 +267,19 @@ cssPrefix: pf-v6-c-pagination
185
267
  aria-label="Go to last page"
186
268
  >
187
269
  <span class="pf-v6-c-button__icon">
188
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
270
+ <svg
271
+ class="pf-v6-svg"
272
+ viewBox="0 0 448 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 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"
281
+ />
282
+ </svg>
189
283
  </span>
190
284
  </button>
191
285
  </div>
@@ -217,7 +311,6 @@ cssPrefix: pf-v6-c-pagination
217
311
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
218
312
  type="button"
219
313
  aria-expanded="false"
220
- aria-label="Menu toggle"
221
314
  id="pagination-menu-toggle-top-indeterminate-example"
222
315
  >
223
316
  <span class="pf-v6-c-menu-toggle__text">
@@ -243,7 +336,19 @@ cssPrefix: pf-v6-c-pagination
243
336
  aria-label="Go to first page"
244
337
  >
245
338
  <span class="pf-v6-c-button__icon">
246
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
339
+ <svg
340
+ class="pf-v6-svg"
341
+ viewBox="0 0 448 512"
342
+ fill="currentColor"
343
+ aria-hidden="true"
344
+ role="img"
345
+ width="1em"
346
+ height="1em"
347
+ >
348
+ <path
349
+ 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"
350
+ />
351
+ </svg>
247
352
  </span>
248
353
  </button>
249
354
  </div>
@@ -255,7 +360,19 @@ cssPrefix: pf-v6-c-pagination
255
360
  aria-label="Go to previous page"
256
361
  >
257
362
  <span class="pf-v6-c-button__icon">
258
- <i class="fas fa-angle-left" aria-hidden="true"></i>
363
+ <svg
364
+ class="pf-v6-svg"
365
+ viewBox="0 0 256 512"
366
+ fill="currentColor"
367
+ aria-hidden="true"
368
+ role="img"
369
+ width="1em"
370
+ height="1em"
371
+ >
372
+ <path
373
+ 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"
374
+ />
375
+ </svg>
259
376
  </span>
260
377
  </button>
261
378
  </div>
@@ -277,7 +394,19 @@ cssPrefix: pf-v6-c-pagination
277
394
  aria-label="Go to next page"
278
395
  >
279
396
  <span class="pf-v6-c-button__icon">
280
- <i class="fas fa-angle-right" aria-hidden="true"></i>
397
+ <svg
398
+ class="pf-v6-svg"
399
+ viewBox="0 0 256 512"
400
+ fill="currentColor"
401
+ aria-hidden="true"
402
+ role="img"
403
+ width="1em"
404
+ height="1em"
405
+ >
406
+ <path
407
+ 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"
408
+ />
409
+ </svg>
281
410
  </span>
282
411
  </button>
283
412
  </div>
@@ -289,7 +418,19 @@ cssPrefix: pf-v6-c-pagination
289
418
  aria-label="Go to last page"
290
419
  >
291
420
  <span class="pf-v6-c-button__icon">
292
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
421
+ <svg
422
+ class="pf-v6-svg"
423
+ viewBox="0 0 448 512"
424
+ fill="currentColor"
425
+ aria-hidden="true"
426
+ role="img"
427
+ width="1em"
428
+ height="1em"
429
+ >
430
+ <path
431
+ 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"
432
+ />
433
+ </svg>
293
434
  </span>
294
435
  </button>
295
436
  </div>
@@ -317,7 +458,6 @@ cssPrefix: pf-v6-c-pagination
317
458
  class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
318
459
  type="button"
319
460
  aria-expanded="false"
320
- aria-label="Menu toggle"
321
461
  id="pagination-menu-toggle-bottom-example"
322
462
  >
323
463
  <span class="pf-v6-c-menu-toggle__text">
@@ -343,7 +483,19 @@ cssPrefix: pf-v6-c-pagination
343
483
  aria-label="Go to first page"
344
484
  >
345
485
  <span class="pf-v6-c-button__icon">
346
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
486
+ <svg
487
+ class="pf-v6-svg"
488
+ viewBox="0 0 448 512"
489
+ fill="currentColor"
490
+ aria-hidden="true"
491
+ role="img"
492
+ width="1em"
493
+ height="1em"
494
+ >
495
+ <path
496
+ 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"
497
+ />
498
+ </svg>
347
499
  </span>
348
500
  </button>
349
501
  </div>
@@ -355,7 +507,19 @@ cssPrefix: pf-v6-c-pagination
355
507
  aria-label="Go to previous page"
356
508
  >
357
509
  <span class="pf-v6-c-button__icon">
358
- <i class="fas fa-angle-left" aria-hidden="true"></i>
510
+ <svg
511
+ class="pf-v6-svg"
512
+ viewBox="0 0 256 512"
513
+ fill="currentColor"
514
+ aria-hidden="true"
515
+ role="img"
516
+ width="1em"
517
+ height="1em"
518
+ >
519
+ <path
520
+ 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"
521
+ />
522
+ </svg>
359
523
  </span>
360
524
  </button>
361
525
  </div>
@@ -378,7 +542,19 @@ cssPrefix: pf-v6-c-pagination
378
542
  aria-label="Go to next page"
379
543
  >
380
544
  <span class="pf-v6-c-button__icon">
381
- <i class="fas fa-angle-right" aria-hidden="true"></i>
545
+ <svg
546
+ class="pf-v6-svg"
547
+ viewBox="0 0 256 512"
548
+ fill="currentColor"
549
+ aria-hidden="true"
550
+ role="img"
551
+ width="1em"
552
+ height="1em"
553
+ >
554
+ <path
555
+ 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"
556
+ />
557
+ </svg>
382
558
  </span>
383
559
  </button>
384
560
  </div>
@@ -390,7 +566,19 @@ cssPrefix: pf-v6-c-pagination
390
566
  aria-label="Go to last page"
391
567
  >
392
568
  <span class="pf-v6-c-button__icon">
393
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
569
+ <svg
570
+ class="pf-v6-svg"
571
+ viewBox="0 0 448 512"
572
+ fill="currentColor"
573
+ aria-hidden="true"
574
+ role="img"
575
+ width="1em"
576
+ height="1em"
577
+ >
578
+ <path
579
+ 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"
580
+ />
581
+ </svg>
394
582
  </span>
395
583
  </button>
396
584
  </div>
@@ -418,7 +606,6 @@ cssPrefix: pf-v6-c-pagination
418
606
  class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
419
607
  type="button"
420
608
  aria-expanded="false"
421
- aria-label="Menu toggle"
422
609
  id="pagination-menu-toggle-bottom-sticky-example"
423
610
  >
424
611
  <span class="pf-v6-c-menu-toggle__text">
@@ -444,7 +631,19 @@ cssPrefix: pf-v6-c-pagination
444
631
  aria-label="Go to first page"
445
632
  >
446
633
  <span class="pf-v6-c-button__icon">
447
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
634
+ <svg
635
+ class="pf-v6-svg"
636
+ viewBox="0 0 448 512"
637
+ fill="currentColor"
638
+ aria-hidden="true"
639
+ role="img"
640
+ width="1em"
641
+ height="1em"
642
+ >
643
+ <path
644
+ 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"
645
+ />
646
+ </svg>
448
647
  </span>
449
648
  </button>
450
649
  </div>
@@ -456,7 +655,19 @@ cssPrefix: pf-v6-c-pagination
456
655
  aria-label="Go to previous page"
457
656
  >
458
657
  <span class="pf-v6-c-button__icon">
459
- <i class="fas fa-angle-left" aria-hidden="true"></i>
658
+ <svg
659
+ class="pf-v6-svg"
660
+ viewBox="0 0 256 512"
661
+ fill="currentColor"
662
+ aria-hidden="true"
663
+ role="img"
664
+ width="1em"
665
+ height="1em"
666
+ >
667
+ <path
668
+ 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"
669
+ />
670
+ </svg>
460
671
  </span>
461
672
  </button>
462
673
  </div>
@@ -479,7 +690,19 @@ cssPrefix: pf-v6-c-pagination
479
690
  aria-label="Go to next page"
480
691
  >
481
692
  <span class="pf-v6-c-button__icon">
482
- <i class="fas fa-angle-right" aria-hidden="true"></i>
693
+ <svg
694
+ class="pf-v6-svg"
695
+ viewBox="0 0 256 512"
696
+ fill="currentColor"
697
+ aria-hidden="true"
698
+ role="img"
699
+ width="1em"
700
+ height="1em"
701
+ >
702
+ <path
703
+ 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"
704
+ />
705
+ </svg>
483
706
  </span>
484
707
  </button>
485
708
  </div>
@@ -491,7 +714,19 @@ cssPrefix: pf-v6-c-pagination
491
714
  aria-label="Go to last page"
492
715
  >
493
716
  <span class="pf-v6-c-button__icon">
494
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
717
+ <svg
718
+ class="pf-v6-svg"
719
+ viewBox="0 0 448 512"
720
+ fill="currentColor"
721
+ aria-hidden="true"
722
+ role="img"
723
+ width="1em"
724
+ height="1em"
725
+ >
726
+ <path
727
+ 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"
728
+ />
729
+ </svg>
495
730
  </span>
496
731
  </button>
497
732
  </div>
@@ -519,7 +754,6 @@ cssPrefix: pf-v6-c-pagination
519
754
  class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
520
755
  type="button"
521
756
  aria-expanded="false"
522
- aria-label="Menu toggle"
523
757
  id="pagination-menu-toggle-bottom-sticky-example"
524
758
  >
525
759
  <span class="pf-v6-c-menu-toggle__text">
@@ -545,7 +779,19 @@ cssPrefix: pf-v6-c-pagination
545
779
  aria-label="Go to first page"
546
780
  >
547
781
  <span class="pf-v6-c-button__icon">
548
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
782
+ <svg
783
+ class="pf-v6-svg"
784
+ viewBox="0 0 448 512"
785
+ fill="currentColor"
786
+ aria-hidden="true"
787
+ role="img"
788
+ width="1em"
789
+ height="1em"
790
+ >
791
+ <path
792
+ 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"
793
+ />
794
+ </svg>
549
795
  </span>
550
796
  </button>
551
797
  </div>
@@ -557,7 +803,19 @@ cssPrefix: pf-v6-c-pagination
557
803
  aria-label="Go to previous page"
558
804
  >
559
805
  <span class="pf-v6-c-button__icon">
560
- <i class="fas fa-angle-left" aria-hidden="true"></i>
806
+ <svg
807
+ class="pf-v6-svg"
808
+ viewBox="0 0 256 512"
809
+ fill="currentColor"
810
+ aria-hidden="true"
811
+ role="img"
812
+ width="1em"
813
+ height="1em"
814
+ >
815
+ <path
816
+ 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"
817
+ />
818
+ </svg>
561
819
  </span>
562
820
  </button>
563
821
  </div>
@@ -580,7 +838,19 @@ cssPrefix: pf-v6-c-pagination
580
838
  aria-label="Go to next page"
581
839
  >
582
840
  <span class="pf-v6-c-button__icon">
583
- <i class="fas fa-angle-right" aria-hidden="true"></i>
841
+ <svg
842
+ class="pf-v6-svg"
843
+ viewBox="0 0 256 512"
844
+ fill="currentColor"
845
+ aria-hidden="true"
846
+ role="img"
847
+ width="1em"
848
+ height="1em"
849
+ >
850
+ <path
851
+ 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"
852
+ />
853
+ </svg>
584
854
  </span>
585
855
  </button>
586
856
  </div>
@@ -592,7 +862,19 @@ cssPrefix: pf-v6-c-pagination
592
862
  aria-label="Go to last page"
593
863
  >
594
864
  <span class="pf-v6-c-button__icon">
595
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
865
+ <svg
866
+ class="pf-v6-svg"
867
+ viewBox="0 0 448 512"
868
+ fill="currentColor"
869
+ aria-hidden="true"
870
+ role="img"
871
+ width="1em"
872
+ height="1em"
873
+ >
874
+ <path
875
+ 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"
876
+ />
877
+ </svg>
596
878
  </span>
597
879
  </button>
598
880
  </div>
@@ -615,7 +897,6 @@ cssPrefix: pf-v6-c-pagination
615
897
  type="button"
616
898
  aria-expanded="false"
617
899
  disabled
618
- aria-label="Menu toggle"
619
900
  id="pagination-menu-toggle-top-disabled-example"
620
901
  >
621
902
  <span class="pf-v6-c-menu-toggle__text">
@@ -641,7 +922,19 @@ cssPrefix: pf-v6-c-pagination
641
922
  aria-label="Go to first page"
642
923
  >
643
924
  <span class="pf-v6-c-button__icon">
644
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
925
+ <svg
926
+ class="pf-v6-svg"
927
+ viewBox="0 0 448 512"
928
+ fill="currentColor"
929
+ aria-hidden="true"
930
+ role="img"
931
+ width="1em"
932
+ height="1em"
933
+ >
934
+ <path
935
+ 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"
936
+ />
937
+ </svg>
645
938
  </span>
646
939
  </button>
647
940
  </div>
@@ -653,7 +946,19 @@ cssPrefix: pf-v6-c-pagination
653
946
  aria-label="Go to previous page"
654
947
  >
655
948
  <span class="pf-v6-c-button__icon">
656
- <i class="fas fa-angle-left" aria-hidden="true"></i>
949
+ <svg
950
+ class="pf-v6-svg"
951
+ viewBox="0 0 256 512"
952
+ fill="currentColor"
953
+ aria-hidden="true"
954
+ role="img"
955
+ width="1em"
956
+ height="1em"
957
+ >
958
+ <path
959
+ 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"
960
+ />
961
+ </svg>
657
962
  </span>
658
963
  </button>
659
964
  </div>
@@ -678,7 +983,19 @@ cssPrefix: pf-v6-c-pagination
678
983
  aria-label="Go to next page"
679
984
  >
680
985
  <span class="pf-v6-c-button__icon">
681
- <i class="fas fa-angle-right" aria-hidden="true"></i>
986
+ <svg
987
+ class="pf-v6-svg"
988
+ viewBox="0 0 256 512"
989
+ fill="currentColor"
990
+ aria-hidden="true"
991
+ role="img"
992
+ width="1em"
993
+ height="1em"
994
+ >
995
+ <path
996
+ 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"
997
+ />
998
+ </svg>
682
999
  </span>
683
1000
  </button>
684
1001
  </div>
@@ -690,7 +1007,19 @@ cssPrefix: pf-v6-c-pagination
690
1007
  aria-label="Go to last page"
691
1008
  >
692
1009
  <span class="pf-v6-c-button__icon">
693
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1010
+ <svg
1011
+ class="pf-v6-svg"
1012
+ viewBox="0 0 448 512"
1013
+ fill="currentColor"
1014
+ aria-hidden="true"
1015
+ role="img"
1016
+ width="1em"
1017
+ height="1em"
1018
+ >
1019
+ <path
1020
+ 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"
1021
+ />
1022
+ </svg>
694
1023
  </span>
695
1024
  </button>
696
1025
  </div>
@@ -712,7 +1041,6 @@ cssPrefix: pf-v6-c-pagination
712
1041
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
713
1042
  type="button"
714
1043
  aria-expanded="false"
715
- aria-label="Menu toggle"
716
1044
  id="pagination-menu-toggle-compact-example"
717
1045
  >
718
1046
  <span class="pf-v6-c-menu-toggle__text">
@@ -738,7 +1066,19 @@ cssPrefix: pf-v6-c-pagination
738
1066
  aria-label="Go to previous page"
739
1067
  >
740
1068
  <span class="pf-v6-c-button__icon">
741
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1069
+ <svg
1070
+ class="pf-v6-svg"
1071
+ viewBox="0 0 256 512"
1072
+ fill="currentColor"
1073
+ aria-hidden="true"
1074
+ role="img"
1075
+ width="1em"
1076
+ height="1em"
1077
+ >
1078
+ <path
1079
+ 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"
1080
+ />
1081
+ </svg>
742
1082
  </span>
743
1083
  </button>
744
1084
  </div>
@@ -749,7 +1089,19 @@ cssPrefix: pf-v6-c-pagination
749
1089
  aria-label="Go to next page"
750
1090
  >
751
1091
  <span class="pf-v6-c-button__icon">
752
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1092
+ <svg
1093
+ class="pf-v6-svg"
1094
+ viewBox="0 0 256 512"
1095
+ fill="currentColor"
1096
+ aria-hidden="true"
1097
+ role="img"
1098
+ width="1em"
1099
+ height="1em"
1100
+ >
1101
+ <path
1102
+ 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"
1103
+ />
1104
+ </svg>
753
1105
  </span>
754
1106
  </button>
755
1107
  </div>
@@ -771,7 +1123,6 @@ cssPrefix: pf-v6-c-pagination
771
1123
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
772
1124
  type="button"
773
1125
  aria-expanded="false"
774
- aria-label="Menu toggle"
775
1126
  id="pagination-top-with-summary-modifier-menu-toggle"
776
1127
  >
777
1128
  <span class="pf-v6-c-menu-toggle__text">
@@ -797,7 +1148,19 @@ cssPrefix: pf-v6-c-pagination
797
1148
  aria-label="Go to first page"
798
1149
  >
799
1150
  <span class="pf-v6-c-button__icon">
800
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1151
+ <svg
1152
+ class="pf-v6-svg"
1153
+ viewBox="0 0 448 512"
1154
+ fill="currentColor"
1155
+ aria-hidden="true"
1156
+ role="img"
1157
+ width="1em"
1158
+ height="1em"
1159
+ >
1160
+ <path
1161
+ 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"
1162
+ />
1163
+ </svg>
801
1164
  </span>
802
1165
  </button>
803
1166
  </div>
@@ -809,7 +1172,19 @@ cssPrefix: pf-v6-c-pagination
809
1172
  aria-label="Go to previous page"
810
1173
  >
811
1174
  <span class="pf-v6-c-button__icon">
812
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1175
+ <svg
1176
+ class="pf-v6-svg"
1177
+ viewBox="0 0 256 512"
1178
+ fill="currentColor"
1179
+ aria-hidden="true"
1180
+ role="img"
1181
+ width="1em"
1182
+ height="1em"
1183
+ >
1184
+ <path
1185
+ 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"
1186
+ />
1187
+ </svg>
813
1188
  </span>
814
1189
  </button>
815
1190
  </div>
@@ -832,7 +1207,19 @@ cssPrefix: pf-v6-c-pagination
832
1207
  aria-label="Go to next page"
833
1208
  >
834
1209
  <span class="pf-v6-c-button__icon">
835
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1210
+ <svg
1211
+ class="pf-v6-svg"
1212
+ viewBox="0 0 256 512"
1213
+ fill="currentColor"
1214
+ aria-hidden="true"
1215
+ role="img"
1216
+ width="1em"
1217
+ height="1em"
1218
+ >
1219
+ <path
1220
+ 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"
1221
+ />
1222
+ </svg>
836
1223
  </span>
837
1224
  </button>
838
1225
  </div>
@@ -844,7 +1231,19 @@ cssPrefix: pf-v6-c-pagination
844
1231
  aria-label="Go to last page"
845
1232
  >
846
1233
  <span class="pf-v6-c-button__icon">
847
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1234
+ <svg
1235
+ class="pf-v6-svg"
1236
+ viewBox="0 0 448 512"
1237
+ fill="currentColor"
1238
+ aria-hidden="true"
1239
+ role="img"
1240
+ width="1em"
1241
+ height="1em"
1242
+ >
1243
+ <path
1244
+ 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"
1245
+ />
1246
+ </svg>
848
1247
  </span>
849
1248
  </button>
850
1249
  </div>
@@ -866,7 +1265,6 @@ cssPrefix: pf-v6-c-pagination
866
1265
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
867
1266
  type="button"
868
1267
  aria-expanded="false"
869
- aria-label="Menu toggle"
870
1268
  id="pagination-top-with-full-modifier-menu-toggle"
871
1269
  >
872
1270
  <span class="pf-v6-c-menu-toggle__text">
@@ -892,7 +1290,19 @@ cssPrefix: pf-v6-c-pagination
892
1290
  aria-label="Go to first page"
893
1291
  >
894
1292
  <span class="pf-v6-c-button__icon">
895
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1293
+ <svg
1294
+ class="pf-v6-svg"
1295
+ viewBox="0 0 448 512"
1296
+ fill="currentColor"
1297
+ aria-hidden="true"
1298
+ role="img"
1299
+ width="1em"
1300
+ height="1em"
1301
+ >
1302
+ <path
1303
+ 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"
1304
+ />
1305
+ </svg>
896
1306
  </span>
897
1307
  </button>
898
1308
  </div>
@@ -904,7 +1314,19 @@ cssPrefix: pf-v6-c-pagination
904
1314
  aria-label="Go to previous page"
905
1315
  >
906
1316
  <span class="pf-v6-c-button__icon">
907
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1317
+ <svg
1318
+ class="pf-v6-svg"
1319
+ viewBox="0 0 256 512"
1320
+ fill="currentColor"
1321
+ aria-hidden="true"
1322
+ role="img"
1323
+ width="1em"
1324
+ height="1em"
1325
+ >
1326
+ <path
1327
+ 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"
1328
+ />
1329
+ </svg>
908
1330
  </span>
909
1331
  </button>
910
1332
  </div>
@@ -927,7 +1349,19 @@ cssPrefix: pf-v6-c-pagination
927
1349
  aria-label="Go to next page"
928
1350
  >
929
1351
  <span class="pf-v6-c-button__icon">
930
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1352
+ <svg
1353
+ class="pf-v6-svg"
1354
+ viewBox="0 0 256 512"
1355
+ fill="currentColor"
1356
+ aria-hidden="true"
1357
+ role="img"
1358
+ width="1em"
1359
+ height="1em"
1360
+ >
1361
+ <path
1362
+ 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"
1363
+ />
1364
+ </svg>
931
1365
  </span>
932
1366
  </button>
933
1367
  </div>
@@ -939,7 +1373,19 @@ cssPrefix: pf-v6-c-pagination
939
1373
  aria-label="Go to last page"
940
1374
  >
941
1375
  <span class="pf-v6-c-button__icon">
942
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1376
+ <svg
1377
+ class="pf-v6-svg"
1378
+ viewBox="0 0 448 512"
1379
+ fill="currentColor"
1380
+ aria-hidden="true"
1381
+ role="img"
1382
+ width="1em"
1383
+ height="1em"
1384
+ >
1385
+ <path
1386
+ 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"
1387
+ />
1388
+ </svg>
943
1389
  </span>
944
1390
  </button>
945
1391
  </div>
@@ -963,7 +1409,6 @@ cssPrefix: pf-v6-c-pagination
963
1409
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
964
1410
  type="button"
965
1411
  aria-expanded="false"
966
- aria-label="Menu toggle"
967
1412
  id="pagination-top-with-responsive-summary-navigation-modifiers-menu-toggle"
968
1413
  >
969
1414
  <span class="pf-v6-c-menu-toggle__text">
@@ -989,7 +1434,19 @@ cssPrefix: pf-v6-c-pagination
989
1434
  aria-label="Go to first page"
990
1435
  >
991
1436
  <span class="pf-v6-c-button__icon">
992
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1437
+ <svg
1438
+ class="pf-v6-svg"
1439
+ viewBox="0 0 448 512"
1440
+ fill="currentColor"
1441
+ aria-hidden="true"
1442
+ role="img"
1443
+ width="1em"
1444
+ height="1em"
1445
+ >
1446
+ <path
1447
+ 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"
1448
+ />
1449
+ </svg>
993
1450
  </span>
994
1451
  </button>
995
1452
  </div>
@@ -1001,7 +1458,19 @@ cssPrefix: pf-v6-c-pagination
1001
1458
  aria-label="Go to previous page"
1002
1459
  >
1003
1460
  <span class="pf-v6-c-button__icon">
1004
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1461
+ <svg
1462
+ class="pf-v6-svg"
1463
+ viewBox="0 0 256 512"
1464
+ fill="currentColor"
1465
+ aria-hidden="true"
1466
+ role="img"
1467
+ width="1em"
1468
+ height="1em"
1469
+ >
1470
+ <path
1471
+ 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"
1472
+ />
1473
+ </svg>
1005
1474
  </span>
1006
1475
  </button>
1007
1476
  </div>
@@ -1024,7 +1493,19 @@ cssPrefix: pf-v6-c-pagination
1024
1493
  aria-label="Go to next page"
1025
1494
  >
1026
1495
  <span class="pf-v6-c-button__icon">
1027
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1496
+ <svg
1497
+ class="pf-v6-svg"
1498
+ viewBox="0 0 256 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 34z"
1507
+ />
1508
+ </svg>
1028
1509
  </span>
1029
1510
  </button>
1030
1511
  </div>
@@ -1036,7 +1517,19 @@ cssPrefix: pf-v6-c-pagination
1036
1517
  aria-label="Go to last page"
1037
1518
  >
1038
1519
  <span class="pf-v6-c-button__icon">
1039
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1520
+ <svg
1521
+ class="pf-v6-svg"
1522
+ viewBox="0 0 448 512"
1523
+ fill="currentColor"
1524
+ aria-hidden="true"
1525
+ role="img"
1526
+ width="1em"
1527
+ height="1em"
1528
+ >
1529
+ <path
1530
+ 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"
1531
+ />
1532
+ </svg>
1040
1533
  </span>
1041
1534
  </button>
1042
1535
  </div>
@@ -1058,7 +1551,6 @@ cssPrefix: pf-v6-c-pagination
1058
1551
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
1059
1552
  type="button"
1060
1553
  aria-expanded="false"
1061
- aria-label="Menu toggle"
1062
1554
  id="pagination-compact-with-full-modifier-menu-toggle"
1063
1555
  >
1064
1556
  <span class="pf-v6-c-menu-toggle__text">
@@ -1084,7 +1576,19 @@ cssPrefix: pf-v6-c-pagination
1084
1576
  aria-label="Go to previous page"
1085
1577
  >
1086
1578
  <span class="pf-v6-c-button__icon">
1087
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1579
+ <svg
1580
+ class="pf-v6-svg"
1581
+ viewBox="0 0 256 512"
1582
+ fill="currentColor"
1583
+ aria-hidden="true"
1584
+ role="img"
1585
+ width="1em"
1586
+ height="1em"
1587
+ >
1588
+ <path
1589
+ 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"
1590
+ />
1591
+ </svg>
1088
1592
  </span>
1089
1593
  </button>
1090
1594
  </div>
@@ -1095,7 +1599,19 @@ cssPrefix: pf-v6-c-pagination
1095
1599
  aria-label="Go to next page"
1096
1600
  >
1097
1601
  <span class="pf-v6-c-button__icon">
1098
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1602
+ <svg
1603
+ class="pf-v6-svg"
1604
+ viewBox="0 0 256 512"
1605
+ fill="currentColor"
1606
+ aria-hidden="true"
1607
+ role="img"
1608
+ width="1em"
1609
+ height="1em"
1610
+ >
1611
+ <path
1612
+ 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"
1613
+ />
1614
+ </svg>
1099
1615
  </span>
1100
1616
  </button>
1101
1617
  </div>
@@ -1119,7 +1635,6 @@ cssPrefix: pf-v6-c-pagination
1119
1635
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
1120
1636
  type="button"
1121
1637
  aria-expanded="false"
1122
- aria-label="Menu toggle"
1123
1638
  id="pagination-inset-menu-toggle"
1124
1639
  >
1125
1640
  <span class="pf-v6-c-menu-toggle__text">
@@ -1145,7 +1660,19 @@ cssPrefix: pf-v6-c-pagination
1145
1660
  aria-label="Go to first page"
1146
1661
  >
1147
1662
  <span class="pf-v6-c-button__icon">
1148
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1663
+ <svg
1664
+ class="pf-v6-svg"
1665
+ viewBox="0 0 448 512"
1666
+ fill="currentColor"
1667
+ aria-hidden="true"
1668
+ role="img"
1669
+ width="1em"
1670
+ height="1em"
1671
+ >
1672
+ <path
1673
+ 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"
1674
+ />
1675
+ </svg>
1149
1676
  </span>
1150
1677
  </button>
1151
1678
  </div>
@@ -1157,7 +1684,19 @@ cssPrefix: pf-v6-c-pagination
1157
1684
  aria-label="Go to previous page"
1158
1685
  >
1159
1686
  <span class="pf-v6-c-button__icon">
1160
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1687
+ <svg
1688
+ class="pf-v6-svg"
1689
+ viewBox="0 0 256 512"
1690
+ fill="currentColor"
1691
+ aria-hidden="true"
1692
+ role="img"
1693
+ width="1em"
1694
+ height="1em"
1695
+ >
1696
+ <path
1697
+ 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"
1698
+ />
1699
+ </svg>
1161
1700
  </span>
1162
1701
  </button>
1163
1702
  </div>
@@ -1180,7 +1719,19 @@ cssPrefix: pf-v6-c-pagination
1180
1719
  aria-label="Go to next page"
1181
1720
  >
1182
1721
  <span class="pf-v6-c-button__icon">
1183
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1722
+ <svg
1723
+ class="pf-v6-svg"
1724
+ viewBox="0 0 256 512"
1725
+ fill="currentColor"
1726
+ aria-hidden="true"
1727
+ role="img"
1728
+ width="1em"
1729
+ height="1em"
1730
+ >
1731
+ <path
1732
+ 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"
1733
+ />
1734
+ </svg>
1184
1735
  </span>
1185
1736
  </button>
1186
1737
  </div>
@@ -1192,7 +1743,19 @@ cssPrefix: pf-v6-c-pagination
1192
1743
  aria-label="Go to last page"
1193
1744
  >
1194
1745
  <span class="pf-v6-c-button__icon">
1195
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1746
+ <svg
1747
+ class="pf-v6-svg"
1748
+ viewBox="0 0 448 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 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"
1757
+ />
1758
+ </svg>
1196
1759
  </span>
1197
1760
  </button>
1198
1761
  </div>
@@ -1224,13 +1787,13 @@ cssPrefix: pf-v6-c-pagination
1224
1787
  | `.pf-v6-c-pagination__nav` | `<nav>` | Initiates pagination nav. |
1225
1788
  | `.pf-v6-c-pagination__nav-control` | `<div>` | Initiates pagination nav control. |
1226
1789
  | `.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). |
1790
+ | `.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). |
1791
+ | `.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
1792
  | `.pf-m-bottom` | `.pf-v6-c-pagination` | Modifies for bottom pagination component styles. |
1230
1793
  | `.pf-m-compact` | `.pf-v6-c-pagination` | Modifies for compact pagination component styles. |
1231
1794
  | `.pf-m-static` | `.pf-v6-c-pagination.pf-m-bottom` | Modifies bottom pagination to not be positioned sticky on summary. |
1232
1795
  | `.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). |
1796
+ | `.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
1797
  | `.pf-m-page-insets` | `.pf-v6-c-pagination` | Modifies the pagination component padding/inset to visually match padding of page elements. |
1235
1798
  | `.pf-m-first` | `.pf-v6-c-pagination__nav-control` | Indicates the control is for the first page button. |
1236
1799
  | `.pf-m-prev` | `.pf-v6-c-pagination__nav-control` | Indicates the control is for the previous page button. |