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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (376) hide show
  1. package/README.md +1 -1
  2. package/assets/fontawesome/_variables.scss +2 -1
  3. package/assets/images/RHAiExperienceIcon.svg +27 -0
  4. package/assets/images/RHAutomationsLogo.svg +96 -0
  5. package/assets/images/RHServerStackIcon.svg +16 -0
  6. package/assets/images/compass--hero-bg.png +0 -0
  7. package/assets/images/compass--rh-wallpaper-dark.png +0 -0
  8. package/assets/images/compass--rh-wallpaper-light.png +0 -0
  9. package/assets/images/compass--wallpaper-dark.png +0 -0
  10. package/assets/images/compass--wallpaper-light.png +0 -0
  11. package/base/normalize.scss +7 -0
  12. package/base/patternfly-common.css +50 -0
  13. package/base/patternfly-common.scss +59 -0
  14. package/base/patternfly-svg-icons.css +11 -0
  15. package/base/patternfly-svg-icons.scss +14 -0
  16. package/base/patternfly-variables.css +345 -14
  17. package/base/patternfly-variables.scss +40 -0
  18. package/base/tokens/tokens-dark.scss +51 -3
  19. package/base/tokens/tokens-default.scss +67 -13
  20. package/base/tokens/tokens-glass-dark.scss +9 -0
  21. package/base/tokens/tokens-glass.scss +9 -0
  22. package/base/tokens/tokens-local.scss +16 -0
  23. package/base/tokens/tokens-palette.scss +3 -1
  24. package/base/tokens/tokens-redhat-dark.scss +14 -0
  25. package/base/tokens/tokens-redhat-glass-dark.scss +16 -0
  26. package/base/tokens/tokens-redhat-glass.scss +15 -0
  27. package/base/tokens/tokens-redhat-highcontrast-dark.scss +47 -0
  28. package/base/tokens/tokens-redhat-highcontrast.scss +127 -0
  29. package/base/tokens/tokens-redhat.scss +15 -0
  30. package/components/AboutModalBox/about-modal-box.css +36 -26
  31. package/components/Accordion/accordion.css +17 -14
  32. package/components/Accordion/accordion.scss +1 -2
  33. package/components/ActionList/action-list.css +2 -0
  34. package/components/ActionList/action-list.scss +2 -0
  35. package/components/Alert/alert.css +7 -5
  36. package/components/Alert/alert.scss +2 -1
  37. package/components/Avatar/avatar.css +12 -4
  38. package/components/BackgroundImage/background-image.css +6 -3
  39. package/components/Banner/banner.css +8 -6
  40. package/components/Brand/brand.css +3 -1
  41. package/components/Breadcrumb/breadcrumb.css +4 -3
  42. package/components/Button/button.css +117 -14
  43. package/components/Button/button.scss +127 -10
  44. package/components/CalendarMonth/calendar-month.css +4 -3
  45. package/components/Card/card.css +20 -7
  46. package/components/Card/card.scss +16 -2
  47. package/components/ClipboardCopy/clipboard-copy.css +7 -6
  48. package/components/ClipboardCopy/clipboard-copy.scss +3 -3
  49. package/components/CodeEditor/code-editor.css +1 -1
  50. package/components/CodeEditor/code-editor.scss +1 -1
  51. package/components/Compass/compass.css +320 -0
  52. package/components/Compass/compass.scss +350 -0
  53. package/components/DataList/data-list.css +34 -23
  54. package/components/DataList/data-list.scss +7 -2
  55. package/components/DescriptionList/description-list-order.scss +5 -1
  56. package/components/DescriptionList/description-list.css +7 -5
  57. package/components/DescriptionList/description-list.scss +5 -1
  58. package/components/Divider/divider.css +7 -5
  59. package/components/Drawer/drawer.css +110 -56
  60. package/components/Drawer/drawer.scss +69 -9
  61. package/components/DualListSelector/dual-list-selector.css +18 -12
  62. package/components/DualListSelector/dual-list-selector.scss +1 -1
  63. package/components/ExpandableSection/expandable-section.css +21 -16
  64. package/components/ExpandableSection/expandable-section.scss +6 -3
  65. package/components/Form/form.css +2 -2
  66. package/components/Form/form.scss +2 -2
  67. package/components/FormControl/form-control.css +3 -3
  68. package/components/FormControl/form-control.scss +3 -3
  69. package/components/Hero/hero.css +74 -0
  70. package/components/Hero/hero.scss +86 -0
  71. package/components/JumpLinks/jump-links.css +5 -4
  72. package/components/JumpLinks/jump-links.scss +6 -2
  73. package/components/Label/label-group.css +2 -2
  74. package/components/Label/label-group.scss +2 -2
  75. package/components/Label/label.css +4 -3
  76. package/components/Login/login.css +51 -37
  77. package/components/Masthead/masthead.css +70 -16
  78. package/components/Masthead/masthead.scss +54 -1
  79. package/components/Menu/menu.css +23 -14
  80. package/components/MenuToggle/menu-toggle.css +5 -1
  81. package/components/MenuToggle/menu-toggle.scss +6 -1
  82. package/components/ModalBox/modal-box.css +9 -7
  83. package/components/ModalBox/modal-box.scss +2 -2
  84. package/components/Nav/nav.css +74 -11
  85. package/components/Nav/nav.scss +77 -5
  86. package/components/NotificationDrawer/notification-drawer.css +19 -9
  87. package/components/NotificationDrawer/notification-drawer.scss +14 -5
  88. package/components/Page/page.css +55 -29
  89. package/components/Page/page.scss +44 -5
  90. package/components/Pagination/pagination.scss +5 -1
  91. package/components/ProgressStepper/progress-stepper.scss +5 -1
  92. package/components/Sidebar/sidebar.css +1 -1
  93. package/components/Sidebar/sidebar.scss +7 -3
  94. package/components/Skeleton/skeleton.css +16 -15
  95. package/components/Slider/slider.css +32 -18
  96. package/components/Switch/switch.css +4 -2
  97. package/components/Switch/switch.scss +1 -1
  98. package/components/Table/table-grid.css +28 -36
  99. package/components/Table/table-grid.scss +4 -4
  100. package/components/Table/table-tree-view.css +4 -2
  101. package/components/Table/table.css +33 -29
  102. package/components/Table/table.scss +2 -2
  103. package/components/Tabs/tabs.css +35 -18
  104. package/components/Tabs/tabs.scss +35 -7
  105. package/components/TextInputGroup/text-input-group.css +2 -2
  106. package/components/TextInputGroup/text-input-group.scss +2 -2
  107. package/components/ToggleGroup/toggle-group.css +34 -17
  108. package/components/ToggleGroup/toggle-group.scss +36 -20
  109. package/components/Toolbar/toolbar.css +47 -15
  110. package/components/Toolbar/toolbar.scss +34 -6
  111. package/components/TreeView/tree-view.css +45 -14
  112. package/components/TreeView/tree-view.scss +32 -1
  113. package/components/Wizard/wizard.css +21 -17
  114. package/components/Wizard/wizard.scss +4 -4
  115. package/components/_index.css +1602 -676
  116. package/components/_index.scss +3 -1
  117. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
  118. package/docs/components/Accordion/examples/Accordion.md +390 -30
  119. package/docs/components/ActionList/examples/ActionList.md +143 -11
  120. package/docs/components/Alert/examples/Alert.md +678 -54
  121. package/docs/components/Avatar/examples/Avatar.md +4 -4
  122. package/docs/components/BackToTop/examples/BackToTop.md +13 -1
  123. package/docs/components/Banner/examples/Banner.md +65 -5
  124. package/docs/components/Brand/examples/Brand.md +2 -2
  125. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
  126. package/docs/components/Button/examples/Button.md +2217 -241
  127. package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
  128. package/docs/components/Card/examples/Card.md +206 -4
  129. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +286 -22
  130. package/docs/components/CodeBlock/examples/CodeBlock.md +104 -8
  131. package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
  132. package/docs/components/Compass/examples/Compass.css +17 -0
  133. package/docs/components/Compass/examples/Compass.md +119 -0
  134. package/docs/components/DataList/examples/DataList.md +405 -205
  135. package/docs/components/DatePicker/examples/DatePicker.md +78 -6
  136. package/docs/components/DescriptionList/examples/DescriptionList.md +327 -27
  137. package/docs/components/Divider/examples/Divider.md +2 -2
  138. package/docs/components/Drawer/examples/Drawer.md +353 -35
  139. package/docs/components/DualListSelector/examples/DualListSelector.md +1013 -143
  140. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  141. package/docs/components/Form/examples/Form.md +78 -6
  142. package/docs/components/Hero/examples/Hero.md +25 -0
  143. package/docs/components/Icon/examples/Icon.md +92 -8
  144. package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
  145. package/docs/components/InputGroup/examples/InputGroup.md +27 -3
  146. package/docs/components/JumpLinks/examples/JumpLinks.md +54 -6
  147. package/docs/components/Label/examples/Label.md +2834 -218
  148. package/docs/components/Login/examples/Login.md +26 -2
  149. package/docs/components/Masthead/examples/masthead.md +80 -1
  150. package/docs/components/Menu/examples/Menu.md +1458 -114
  151. package/docs/components/MenuToggle/examples/MenuToggle.md +53 -1
  152. package/docs/components/ModalBox/examples/ModalBox.md +287 -23
  153. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +156 -12
  154. package/docs/components/Nav/examples/Navigation.md +798 -58
  155. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +598 -46
  156. package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
  157. package/docs/components/Page/examples/Page.md +51 -2
  158. package/docs/components/Pagination/examples/Pagination.md +627 -51
  159. package/docs/components/Popover/examples/Popover.md +286 -22
  160. package/docs/components/ProgressStepper/examples/ProgressStepper.md +275 -23
  161. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  162. package/docs/components/Slider/examples/Slider.md +52 -4
  163. package/docs/components/Table/examples/Table.md +875 -70
  164. package/docs/components/Tabs/examples/Tabs.md +4127 -320
  165. package/docs/components/TextInputGroup/examples/TextInputGroup.md +600 -48
  166. package/docs/components/ToggleGroup/examples/toggle-group.md +195 -15
  167. package/docs/components/Toolbar/examples/Toolbar.md +490 -42
  168. package/docs/components/TreeView/examples/TreeView.md +1390 -130
  169. package/docs/components/Wizard/examples/Wizard.md +492 -72
  170. package/docs/demos/AboutModal/examples/AboutModal.md +57 -9
  171. package/docs/demos/Alert/examples/Alert.md +236 -32
  172. package/docs/demos/BackToTop/examples/BackToTop.md +57 -9
  173. package/docs/demos/Banner/examples/Banner.md +88 -16
  174. package/docs/demos/Button/examples/Button.md +13 -1
  175. package/docs/demos/Card/examples/Card.md +399 -42
  176. package/docs/demos/CardView/examples/CardView.md +161 -17
  177. package/docs/demos/Compass/examples/Compass.md +6836 -0
  178. package/docs/demos/Dashboard/examples/Dashboard.md +173 -26
  179. package/docs/demos/DataList/examples/DataList.md +566 -65
  180. package/docs/demos/DescriptionList/examples/DescriptionList.md +156 -27
  181. package/docs/demos/Drawer/examples/Drawer.md +216 -45
  182. package/docs/demos/Form/examples/BasicForms.md +273 -21
  183. package/docs/demos/JumpLinks/examples/JumpLinks.md +272 -59
  184. package/docs/demos/Masthead/examples/Masthead.md +458 -89
  185. package/docs/demos/Modal/examples/Modal.md +342 -57
  186. package/docs/demos/Nav/examples/Nav.md +660 -87
  187. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1088 -140
  188. package/docs/demos/Page/examples/Page.md +618 -123
  189. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  190. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
  191. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +691 -113
  192. package/docs/demos/Skeleton/examples/Skeleton.md +44 -8
  193. package/docs/demos/Table/examples/Table.md +3924 -256
  194. package/docs/demos/Tabs/examples/Tabs.md +407 -65
  195. package/docs/demos/Toolbar/examples/Toolbar.md +502 -52
  196. package/docs/demos/Wizard/examples/Wizard.md +796 -130
  197. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  198. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  199. package/docs/layouts/Flex/examples/Flex.css +3 -3
  200. package/docs/layouts/Flex/examples/Flex.md +3 -2
  201. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  202. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  203. package/docs/layouts/Grid/examples/Grid.css +1 -1
  204. package/docs/layouts/Grid/examples/Grid.md +6 -5
  205. package/docs/layouts/Level/examples/Level.css +3 -3
  206. package/docs/layouts/Level/examples/Level.md +2 -1
  207. package/docs/layouts/Split/examples/Split.css +1 -1
  208. package/docs/layouts/Split/examples/Split.md +2 -1
  209. package/docs/layouts/Stack/examples/Stack.css +3 -3
  210. package/docs/layouts/Stack/examples/Stack.md +2 -1
  211. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  212. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  213. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  214. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  215. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  216. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  217. package/docs/utilities/Display/examples/Display.css +1 -1
  218. package/docs/utilities/Display/examples/Display.md +3 -2
  219. package/docs/utilities/Flex/examples/Flex.css +7 -7
  220. package/docs/utilities/Flex/examples/Flex.md +3 -2
  221. package/docs/utilities/Float/examples/Float.css +2 -2
  222. package/docs/utilities/Float/examples/Float.md +3 -2
  223. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  224. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  225. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  226. package/docs/utilities/Text/examples/Text.md +5 -4
  227. package/icons/PfIcons/add-circle-o.svg +4 -0
  228. package/icons/PfIcons/ansible-tower.svg +4 -0
  229. package/icons/PfIcons/applications.svg +4 -0
  230. package/icons/PfIcons/arrow.svg +4 -0
  231. package/icons/PfIcons/asleep.svg +4 -0
  232. package/icons/PfIcons/attention-bell.svg +4 -0
  233. package/icons/PfIcons/automation.svg +4 -0
  234. package/icons/PfIcons/bell.svg +4 -0
  235. package/icons/PfIcons/blueprint.svg +4 -0
  236. package/icons/PfIcons/build.svg +4 -0
  237. package/icons/PfIcons/builder-image.svg +4 -0
  238. package/icons/PfIcons/bundle.svg +4 -0
  239. package/icons/PfIcons/catalog.svg +4 -0
  240. package/icons/PfIcons/chat.svg +4 -0
  241. package/icons/PfIcons/close.svg +4 -0
  242. package/icons/PfIcons/cloud-security.svg +4 -0
  243. package/icons/PfIcons/cloud-tenant.svg +4 -0
  244. package/icons/PfIcons/cluster.svg +4 -0
  245. package/icons/PfIcons/connected.svg +4 -0
  246. package/icons/PfIcons/container-node.svg +4 -0
  247. package/icons/PfIcons/cpu.svg +4 -0
  248. package/icons/PfIcons/critical-risk.svg +4 -0
  249. package/icons/PfIcons/data-processor.svg +4 -0
  250. package/icons/PfIcons/data-sink.svg +4 -0
  251. package/icons/PfIcons/data-source.svg +4 -0
  252. package/icons/PfIcons/degraded.svg +4 -0
  253. package/icons/PfIcons/disconnected.svg +4 -0
  254. package/icons/PfIcons/domain.svg +4 -0
  255. package/icons/PfIcons/edit.svg +4 -0
  256. package/icons/PfIcons/enhancement.svg +4 -0
  257. package/icons/PfIcons/enterprise.svg +4 -0
  258. package/icons/PfIcons/equalizer.svg +4 -0
  259. package/icons/PfIcons/error-circle-o.svg +4 -0
  260. package/icons/PfIcons/export.svg +4 -0
  261. package/icons/PfIcons/filter.svg +4 -0
  262. package/icons/PfIcons/flavor.svg +4 -0
  263. package/icons/PfIcons/folder-close.svg +4 -0
  264. package/icons/PfIcons/folder-open.svg +4 -0
  265. package/icons/PfIcons/globe-route.svg +4 -0
  266. package/icons/PfIcons/help.svg +4 -0
  267. package/icons/PfIcons/history.svg +4 -0
  268. package/icons/PfIcons/home.svg +4 -0
  269. package/icons/PfIcons/import.svg +4 -0
  270. package/icons/PfIcons/in-progress.svg +4 -0
  271. package/icons/PfIcons/info.svg +4 -0
  272. package/icons/PfIcons/infrastructure.svg +4 -0
  273. package/icons/PfIcons/integration.svg +4 -0
  274. package/icons/PfIcons/key.svg +4 -0
  275. package/icons/PfIcons/locked.svg +4 -0
  276. package/icons/PfIcons/maintenance.svg +4 -0
  277. package/icons/PfIcons/memory.svg +4 -0
  278. package/icons/PfIcons/messages.svg +4 -0
  279. package/icons/PfIcons/middleware.svg +4 -0
  280. package/icons/PfIcons/migration.svg +4 -0
  281. package/icons/PfIcons/module.svg +4 -0
  282. package/icons/PfIcons/monitoring.svg +4 -0
  283. package/icons/PfIcons/multicluster.svg +4 -0
  284. package/icons/PfIcons/namespaces.svg +4 -0
  285. package/icons/PfIcons/network.svg +4 -0
  286. package/icons/PfIcons/new-process.svg +4 -0
  287. package/icons/PfIcons/not-started.svg +4 -0
  288. package/icons/PfIcons/off.svg +4 -0
  289. package/icons/PfIcons/ok.svg +4 -0
  290. package/icons/PfIcons/on-running.svg +4 -0
  291. package/icons/PfIcons/on.svg +4 -0
  292. package/icons/PfIcons/open-drawer-right.svg +4 -0
  293. package/icons/PfIcons/openshift.svg +4 -0
  294. package/icons/PfIcons/openstack.svg +4 -0
  295. package/icons/PfIcons/optimize.svg +4 -0
  296. package/icons/PfIcons/orders.svg +4 -0
  297. package/icons/PfIcons/os-image.svg +4 -0
  298. package/icons/PfIcons/package.svg +4 -0
  299. package/icons/PfIcons/panel-close.svg +4 -0
  300. package/icons/PfIcons/panel-open.svg +4 -0
  301. package/icons/PfIcons/paused.svg +4 -0
  302. package/icons/PfIcons/pending.svg +4 -0
  303. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  304. package/icons/PfIcons/pficon-history.svg +4 -0
  305. package/icons/PfIcons/pficon-network-range.svg +4 -0
  306. package/icons/PfIcons/pficon-satellite.svg +4 -0
  307. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  308. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  309. package/icons/PfIcons/pficon-template.svg +4 -0
  310. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  311. package/icons/PfIcons/plugged.svg +4 -0
  312. package/icons/PfIcons/port.svg +4 -0
  313. package/icons/PfIcons/print.svg +4 -0
  314. package/icons/PfIcons/private.svg +4 -0
  315. package/icons/PfIcons/process-automation.svg +4 -0
  316. package/icons/PfIcons/project.svg +4 -0
  317. package/icons/PfIcons/rebalance.svg +4 -0
  318. package/icons/PfIcons/rebooting.svg +4 -0
  319. package/icons/PfIcons/regions.svg +4 -0
  320. package/icons/PfIcons/registry.svg +4 -0
  321. package/icons/PfIcons/remove2.svg +4 -0
  322. package/icons/PfIcons/replicator.svg +4 -0
  323. package/icons/PfIcons/repository.svg +4 -0
  324. package/icons/PfIcons/resource-pool.svg +4 -0
  325. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  326. package/icons/PfIcons/resources-almost-full.svg +4 -0
  327. package/icons/PfIcons/resources-empty.svg +4 -0
  328. package/icons/PfIcons/resources-full.svg +4 -0
  329. package/icons/PfIcons/running.svg +4 -0
  330. package/icons/PfIcons/save.svg +4 -0
  331. package/icons/PfIcons/screen.svg +4 -0
  332. package/icons/PfIcons/security.svg +4 -0
  333. package/icons/PfIcons/server-group.svg +4 -0
  334. package/icons/PfIcons/server.svg +4 -0
  335. package/icons/PfIcons/service-catalog.svg +4 -0
  336. package/icons/PfIcons/service.svg +4 -0
  337. package/icons/PfIcons/services.svg +4 -0
  338. package/icons/PfIcons/severity-critical.svg +4 -0
  339. package/icons/PfIcons/severity-important.svg +4 -0
  340. package/icons/PfIcons/severity-minor.svg +4 -0
  341. package/icons/PfIcons/severity-moderate.svg +4 -0
  342. package/icons/PfIcons/severity-none.svg +4 -0
  343. package/icons/PfIcons/severity-undefined.svg +4 -0
  344. package/icons/PfIcons/spinner.svg +4 -0
  345. package/icons/PfIcons/spinner2.svg +4 -0
  346. package/icons/PfIcons/storage-domain.svg +4 -0
  347. package/icons/PfIcons/task.svg +4 -0
  348. package/icons/PfIcons/tenant.svg +4 -0
  349. package/icons/PfIcons/thumb-tack.svg +4 -0
  350. package/icons/PfIcons/topology.svg +4 -0
  351. package/icons/PfIcons/treeview.svg +4 -0
  352. package/icons/PfIcons/trend-down.svg +4 -0
  353. package/icons/PfIcons/trend-up.svg +4 -0
  354. package/icons/PfIcons/unknown.svg +4 -0
  355. package/icons/PfIcons/unlocked.svg +4 -0
  356. package/icons/PfIcons/unplugged.svg +4 -0
  357. package/icons/PfIcons/user.svg +4 -0
  358. package/icons/PfIcons/users.svg +4 -0
  359. package/icons/PfIcons/virtual-machine.svg +4 -0
  360. package/icons/PfIcons/volume.svg +4 -0
  361. package/icons/PfIcons/warning-triangle.svg +4 -0
  362. package/icons/PfIcons/zone.svg +4 -0
  363. package/layouts/Flex/flex.scss +83 -19
  364. package/layouts/Gallery/gallery.css +6 -2
  365. package/layouts/_index.css +6 -2
  366. package/package.json +34 -16
  367. package/patternfly-base-no-globals.css +406 -14
  368. package/patternfly-base.css +413 -14
  369. package/patternfly-charts.css +3 -3
  370. package/patternfly-no-globals.css +1947 -625
  371. package/patternfly.css +1954 -625
  372. package/patternfly.min.css +1 -1
  373. package/patternfly.min.css.map +1 -1
  374. package/sass-utilities/functions.scss +32 -25
  375. package/sass-utilities/mixins.scss +36 -20
  376. package/sass-utilities/namespaces-components.scss +6 -0
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -140,7 +140,19 @@ section: components
140
140
  aria-label="Go to previous page"
141
141
  >
142
142
  <span class="pf-v6-c-button__icon">
143
- <i class="fas fa-angle-left" aria-hidden="true"></i>
143
+ <svg
144
+ class="pf-v6-svg"
145
+ viewBox="0 0 256 512"
146
+ fill="currentColor"
147
+ aria-hidden="true"
148
+ role="img"
149
+ width="1em"
150
+ height="1em"
151
+ >
152
+ <path
153
+ 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"
154
+ />
155
+ </svg>
144
156
  </span>
145
157
  </button>
146
158
  </div>
@@ -151,7 +163,19 @@ section: components
151
163
  aria-label="Go to next page"
152
164
  >
153
165
  <span class="pf-v6-c-button__icon">
154
- <i class="fas fa-angle-right" aria-hidden="true"></i>
166
+ <svg
167
+ class="pf-v6-svg"
168
+ viewBox="0 0 256 512"
169
+ fill="currentColor"
170
+ aria-hidden="true"
171
+ role="img"
172
+ width="1em"
173
+ height="1em"
174
+ >
175
+ <path
176
+ 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"
177
+ />
178
+ </svg>
155
179
  </span>
156
180
  </button>
157
181
  </div>
@@ -185,7 +209,7 @@ section: components
185
209
  </div>
186
210
  <header
187
211
  class="pf-v6-c-masthead"
188
- id="toolbar-pagination-management-example-masthead"
212
+ id="toolbar-pagination-management-example-docked"
189
213
  >
190
214
  <div class="pf-v6-c-masthead__main">
191
215
  <span class="pf-v6-c-masthead__toggle">
@@ -228,7 +252,7 @@ section: components
228
252
  y1="2.25860997e-13%"
229
253
  x2="32%"
230
254
  y2="100%"
231
- id="linearGradient-toolbar-pagination-management-example-masthead"
255
+ id="linearGradient-toolbar-pagination-management-example-docked"
232
256
  >
233
257
  <stop stop-color="#2B9AF3" offset="0%" />
234
258
  <stop
@@ -282,11 +306,11 @@ section: components
282
306
  />
283
307
  <path
284
308
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
285
- fill="url(#linearGradient-toolbar-pagination-management-example-masthead)"
309
+ fill="url(#linearGradient-toolbar-pagination-management-example-docked)"
286
310
  />
287
311
  <path
288
312
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
289
- fill="url(#linearGradient-toolbar-pagination-management-example-masthead)"
313
+ fill="url(#linearGradient-toolbar-pagination-management-example-docked)"
290
314
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
291
315
  />
292
316
  </g>
@@ -298,7 +322,7 @@ section: components
298
322
  <div class="pf-v6-c-masthead__content">
299
323
  <div
300
324
  class="pf-v6-c-toolbar pf-m-static"
301
- id="toolbar-pagination-management-example-masthead-toolbar"
325
+ id="toolbar-pagination-management-example-docked-toolbar"
302
326
  >
303
327
  <div class="pf-v6-c-toolbar__content">
304
328
  <div class="pf-v6-c-toolbar__content-section">
@@ -420,21 +444,57 @@ section: components
420
444
  </li>
421
445
  <li class="pf-v6-c-breadcrumb__item">
422
446
  <span class="pf-v6-c-breadcrumb__item-divider">
423
- <i class="fas fa-angle-right" aria-hidden="true"></i>
447
+ <svg
448
+ class="pf-v6-svg"
449
+ viewBox="0 0 20 20"
450
+ fill="currentColor"
451
+ aria-hidden="true"
452
+ role="img"
453
+ width="1em"
454
+ height="1em"
455
+ >
456
+ <path
457
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
458
+ />
459
+ </svg>
424
460
  </span>
425
461
 
426
462
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
427
463
  </li>
428
464
  <li class="pf-v6-c-breadcrumb__item">
429
465
  <span class="pf-v6-c-breadcrumb__item-divider">
430
- <i class="fas fa-angle-right" aria-hidden="true"></i>
466
+ <svg
467
+ class="pf-v6-svg"
468
+ viewBox="0 0 20 20"
469
+ fill="currentColor"
470
+ aria-hidden="true"
471
+ role="img"
472
+ width="1em"
473
+ height="1em"
474
+ >
475
+ <path
476
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
477
+ />
478
+ </svg>
431
479
  </span>
432
480
 
433
481
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
434
482
  </li>
435
483
  <li class="pf-v6-c-breadcrumb__item">
436
484
  <span class="pf-v6-c-breadcrumb__item-divider">
437
- <i class="fas fa-angle-right" aria-hidden="true"></i>
485
+ <svg
486
+ class="pf-v6-svg"
487
+ viewBox="0 0 20 20"
488
+ fill="currentColor"
489
+ aria-hidden="true"
490
+ role="img"
491
+ width="1em"
492
+ height="1em"
493
+ >
494
+ <path
495
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
496
+ />
497
+ </svg>
438
498
  </span>
439
499
 
440
500
  <a
@@ -525,10 +585,19 @@ section: components
525
585
  aria-label="Toggle date picker"
526
586
  >
527
587
  <span class="pf-v6-c-button__icon">
528
- <i
529
- class="fas fa-calendar-alt"
588
+ <svg
589
+ class="pf-v6-svg"
590
+ viewBox="0 0 448 512"
591
+ fill="currentColor"
530
592
  aria-hidden="true"
531
- ></i>
593
+ role="img"
594
+ width="1em"
595
+ height="1em"
596
+ >
597
+ <path
598
+ d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"
599
+ />
600
+ </svg>
532
601
  </span>
533
602
  </button>
534
603
  </div>
@@ -578,10 +647,19 @@ section: components
578
647
  aria-label="Toggle date picker"
579
648
  >
580
649
  <span class="pf-v6-c-button__icon">
581
- <i
582
- class="fas fa-calendar-alt"
650
+ <svg
651
+ class="pf-v6-svg"
652
+ viewBox="0 0 448 512"
653
+ fill="currentColor"
583
654
  aria-hidden="true"
584
- ></i>
655
+ role="img"
656
+ width="1em"
657
+ height="1em"
658
+ >
659
+ <path
660
+ d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"
661
+ />
662
+ </svg>
585
663
  </span>
586
664
  </button>
587
665
  </div>
@@ -1269,7 +1347,19 @@ section: components
1269
1347
  aria-label="Go to previous page"
1270
1348
  >
1271
1349
  <span class="pf-v6-c-button__icon">
1272
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1350
+ <svg
1351
+ class="pf-v6-svg"
1352
+ viewBox="0 0 256 512"
1353
+ fill="currentColor"
1354
+ aria-hidden="true"
1355
+ role="img"
1356
+ width="1em"
1357
+ height="1em"
1358
+ >
1359
+ <path
1360
+ 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"
1361
+ />
1362
+ </svg>
1273
1363
  </span>
1274
1364
  </button>
1275
1365
  </div>
@@ -1280,7 +1370,19 @@ section: components
1280
1370
  aria-label="Go to next page"
1281
1371
  >
1282
1372
  <span class="pf-v6-c-button__icon">
1283
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1373
+ <svg
1374
+ class="pf-v6-svg"
1375
+ viewBox="0 0 256 512"
1376
+ fill="currentColor"
1377
+ aria-hidden="true"
1378
+ role="img"
1379
+ width="1em"
1380
+ height="1em"
1381
+ >
1382
+ <path
1383
+ 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"
1384
+ />
1385
+ </svg>
1284
1386
  </span>
1285
1387
  </button>
1286
1388
  </div>
@@ -1452,7 +1554,19 @@ section: components
1452
1554
  aria-label="Go to previous page"
1453
1555
  >
1454
1556
  <span class="pf-v6-c-button__icon">
1455
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1557
+ <svg
1558
+ class="pf-v6-svg"
1559
+ viewBox="0 0 256 512"
1560
+ fill="currentColor"
1561
+ aria-hidden="true"
1562
+ role="img"
1563
+ width="1em"
1564
+ height="1em"
1565
+ >
1566
+ <path
1567
+ 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"
1568
+ />
1569
+ </svg>
1456
1570
  </span>
1457
1571
  </button>
1458
1572
  </div>
@@ -1463,7 +1577,19 @@ section: components
1463
1577
  aria-label="Go to next page"
1464
1578
  >
1465
1579
  <span class="pf-v6-c-button__icon">
1466
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1580
+ <svg
1581
+ class="pf-v6-svg"
1582
+ viewBox="0 0 256 512"
1583
+ fill="currentColor"
1584
+ aria-hidden="true"
1585
+ role="img"
1586
+ width="1em"
1587
+ height="1em"
1588
+ >
1589
+ <path
1590
+ 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"
1591
+ />
1592
+ </svg>
1467
1593
  </span>
1468
1594
  </button>
1469
1595
  </div>
@@ -1637,7 +1763,19 @@ section: components
1637
1763
  aria-label="Go to previous page"
1638
1764
  >
1639
1765
  <span class="pf-v6-c-button__icon">
1640
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1766
+ <svg
1767
+ class="pf-v6-svg"
1768
+ viewBox="0 0 256 512"
1769
+ fill="currentColor"
1770
+ aria-hidden="true"
1771
+ role="img"
1772
+ width="1em"
1773
+ height="1em"
1774
+ >
1775
+ <path
1776
+ 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"
1777
+ />
1778
+ </svg>
1641
1779
  </span>
1642
1780
  </button>
1643
1781
  </div>
@@ -1648,7 +1786,19 @@ section: components
1648
1786
  aria-label="Go to next page"
1649
1787
  >
1650
1788
  <span class="pf-v6-c-button__icon">
1651
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1789
+ <svg
1790
+ class="pf-v6-svg"
1791
+ viewBox="0 0 256 512"
1792
+ fill="currentColor"
1793
+ aria-hidden="true"
1794
+ role="img"
1795
+ width="1em"
1796
+ height="1em"
1797
+ >
1798
+ <path
1799
+ 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"
1800
+ />
1801
+ </svg>
1652
1802
  </span>
1653
1803
  </button>
1654
1804
  </div>
@@ -1811,7 +1961,19 @@ section: components
1811
1961
  aria-label="Go to previous page"
1812
1962
  >
1813
1963
  <span class="pf-v6-c-button__icon">
1814
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1964
+ <svg
1965
+ class="pf-v6-svg"
1966
+ viewBox="0 0 256 512"
1967
+ fill="currentColor"
1968
+ aria-hidden="true"
1969
+ role="img"
1970
+ width="1em"
1971
+ height="1em"
1972
+ >
1973
+ <path
1974
+ 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"
1975
+ />
1976
+ </svg>
1815
1977
  </span>
1816
1978
  </button>
1817
1979
  </div>
@@ -1822,7 +1984,19 @@ section: components
1822
1984
  aria-label="Go to next page"
1823
1985
  >
1824
1986
  <span class="pf-v6-c-button__icon">
1825
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1987
+ <svg
1988
+ class="pf-v6-svg"
1989
+ viewBox="0 0 256 512"
1990
+ fill="currentColor"
1991
+ aria-hidden="true"
1992
+ role="img"
1993
+ width="1em"
1994
+ height="1em"
1995
+ >
1996
+ <path
1997
+ 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"
1998
+ />
1999
+ </svg>
1826
2000
  </span>
1827
2001
  </button>
1828
2002
  </div>
@@ -1872,7 +2046,19 @@ section: components
1872
2046
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statusremove-label-one"
1873
2047
  >
1874
2048
  <span class="pf-v6-c-button__icon">
1875
- <i class="fas fa-times" aria-hidden="true"></i>
2049
+ <svg
2050
+ class="pf-v6-svg"
2051
+ viewBox="0 0 20 20"
2052
+ fill="currentColor"
2053
+ aria-hidden="true"
2054
+ role="img"
2055
+ width="1em"
2056
+ height="1em"
2057
+ >
2058
+ <path
2059
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2060
+ />
2061
+ </svg>
1876
2062
  </span>
1877
2063
  </button>
1878
2064
  </span>
@@ -1897,7 +2083,19 @@ section: components
1897
2083
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statusremove-label-two"
1898
2084
  >
1899
2085
  <span class="pf-v6-c-button__icon">
1900
- <i class="fas fa-times" aria-hidden="true"></i>
2086
+ <svg
2087
+ class="pf-v6-svg"
2088
+ viewBox="0 0 20 20"
2089
+ fill="currentColor"
2090
+ aria-hidden="true"
2091
+ role="img"
2092
+ width="1em"
2093
+ height="1em"
2094
+ >
2095
+ <path
2096
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2097
+ />
2098
+ </svg>
1901
2099
  </span>
1902
2100
  </button>
1903
2101
  </span>
@@ -1922,7 +2120,19 @@ section: components
1922
2120
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statusremove-label-three"
1923
2121
  >
1924
2122
  <span class="pf-v6-c-button__icon">
1925
- <i class="fas fa-times" aria-hidden="true"></i>
2123
+ <svg
2124
+ class="pf-v6-svg"
2125
+ viewBox="0 0 20 20"
2126
+ fill="currentColor"
2127
+ aria-hidden="true"
2128
+ role="img"
2129
+ width="1em"
2130
+ height="1em"
2131
+ >
2132
+ <path
2133
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2134
+ />
2135
+ </svg>
1926
2136
  </span>
1927
2137
  </button>
1928
2138
  </span>
@@ -1964,7 +2174,19 @@ section: components
1964
2174
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-riskremove-label-one"
1965
2175
  >
1966
2176
  <span class="pf-v6-c-button__icon">
1967
- <i class="fas fa-times" aria-hidden="true"></i>
2177
+ <svg
2178
+ class="pf-v6-svg"
2179
+ viewBox="0 0 20 20"
2180
+ fill="currentColor"
2181
+ aria-hidden="true"
2182
+ role="img"
2183
+ width="1em"
2184
+ height="1em"
2185
+ >
2186
+ <path
2187
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2188
+ />
2189
+ </svg>
1968
2190
  </span>
1969
2191
  </button>
1970
2192
  </span>
@@ -1989,7 +2211,19 @@ section: components
1989
2211
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-riskremove-label-two"
1990
2212
  >
1991
2213
  <span class="pf-v6-c-button__icon">
1992
- <i class="fas fa-times" aria-hidden="true"></i>
2214
+ <svg
2215
+ class="pf-v6-svg"
2216
+ viewBox="0 0 20 20"
2217
+ fill="currentColor"
2218
+ aria-hidden="true"
2219
+ role="img"
2220
+ width="1em"
2221
+ height="1em"
2222
+ >
2223
+ <path
2224
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2225
+ />
2226
+ </svg>
1993
2227
  </span>
1994
2228
  </button>
1995
2229
  </span>
@@ -2014,7 +2248,19 @@ section: components
2014
2248
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-riskremove-label-three"
2015
2249
  >
2016
2250
  <span class="pf-v6-c-button__icon">
2017
- <i class="fas fa-times" aria-hidden="true"></i>
2251
+ <svg
2252
+ class="pf-v6-svg"
2253
+ viewBox="0 0 20 20"
2254
+ fill="currentColor"
2255
+ aria-hidden="true"
2256
+ role="img"
2257
+ width="1em"
2258
+ height="1em"
2259
+ >
2260
+ <path
2261
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2262
+ />
2263
+ </svg>
2018
2264
  </span>
2019
2265
  </button>
2020
2266
  </span>
@@ -2200,7 +2446,19 @@ section: components
2200
2446
  aria-label="Go to previous page"
2201
2447
  >
2202
2448
  <span class="pf-v6-c-button__icon">
2203
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2449
+ <svg
2450
+ class="pf-v6-svg"
2451
+ viewBox="0 0 256 512"
2452
+ fill="currentColor"
2453
+ aria-hidden="true"
2454
+ role="img"
2455
+ width="1em"
2456
+ height="1em"
2457
+ >
2458
+ <path
2459
+ 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"
2460
+ />
2461
+ </svg>
2204
2462
  </span>
2205
2463
  </button>
2206
2464
  </div>
@@ -2211,7 +2469,19 @@ section: components
2211
2469
  aria-label="Go to next page"
2212
2470
  >
2213
2471
  <span class="pf-v6-c-button__icon">
2214
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2472
+ <svg
2473
+ class="pf-v6-svg"
2474
+ viewBox="0 0 256 512"
2475
+ fill="currentColor"
2476
+ aria-hidden="true"
2477
+ role="img"
2478
+ width="1em"
2479
+ height="1em"
2480
+ >
2481
+ <path
2482
+ 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"
2483
+ />
2484
+ </svg>
2215
2485
  </span>
2216
2486
  </button>
2217
2487
  </div>
@@ -2291,7 +2561,19 @@ section: components
2291
2561
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statusremove-label-one"
2292
2562
  >
2293
2563
  <span class="pf-v6-c-button__icon">
2294
- <i class="fas fa-times" aria-hidden="true"></i>
2564
+ <svg
2565
+ class="pf-v6-svg"
2566
+ viewBox="0 0 20 20"
2567
+ fill="currentColor"
2568
+ aria-hidden="true"
2569
+ role="img"
2570
+ width="1em"
2571
+ height="1em"
2572
+ >
2573
+ <path
2574
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2575
+ />
2576
+ </svg>
2295
2577
  </span>
2296
2578
  </button>
2297
2579
  </span>
@@ -2316,7 +2598,19 @@ section: components
2316
2598
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statusremove-label-two"
2317
2599
  >
2318
2600
  <span class="pf-v6-c-button__icon">
2319
- <i class="fas fa-times" aria-hidden="true"></i>
2601
+ <svg
2602
+ class="pf-v6-svg"
2603
+ viewBox="0 0 20 20"
2604
+ fill="currentColor"
2605
+ aria-hidden="true"
2606
+ role="img"
2607
+ width="1em"
2608
+ height="1em"
2609
+ >
2610
+ <path
2611
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2612
+ />
2613
+ </svg>
2320
2614
  </span>
2321
2615
  </button>
2322
2616
  </span>
@@ -2341,7 +2635,19 @@ section: components
2341
2635
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statusremove-label-three"
2342
2636
  >
2343
2637
  <span class="pf-v6-c-button__icon">
2344
- <i class="fas fa-times" aria-hidden="true"></i>
2638
+ <svg
2639
+ class="pf-v6-svg"
2640
+ viewBox="0 0 20 20"
2641
+ fill="currentColor"
2642
+ aria-hidden="true"
2643
+ role="img"
2644
+ width="1em"
2645
+ height="1em"
2646
+ >
2647
+ <path
2648
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2649
+ />
2650
+ </svg>
2345
2651
  </span>
2346
2652
  </button>
2347
2653
  </span>
@@ -2383,7 +2689,19 @@ section: components
2383
2689
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-riskremove-label-one"
2384
2690
  >
2385
2691
  <span class="pf-v6-c-button__icon">
2386
- <i class="fas fa-times" aria-hidden="true"></i>
2692
+ <svg
2693
+ class="pf-v6-svg"
2694
+ viewBox="0 0 20 20"
2695
+ fill="currentColor"
2696
+ aria-hidden="true"
2697
+ role="img"
2698
+ width="1em"
2699
+ height="1em"
2700
+ >
2701
+ <path
2702
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2703
+ />
2704
+ </svg>
2387
2705
  </span>
2388
2706
  </button>
2389
2707
  </span>
@@ -2408,7 +2726,19 @@ section: components
2408
2726
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-riskremove-label-two"
2409
2727
  >
2410
2728
  <span class="pf-v6-c-button__icon">
2411
- <i class="fas fa-times" aria-hidden="true"></i>
2729
+ <svg
2730
+ class="pf-v6-svg"
2731
+ viewBox="0 0 20 20"
2732
+ fill="currentColor"
2733
+ aria-hidden="true"
2734
+ role="img"
2735
+ width="1em"
2736
+ height="1em"
2737
+ >
2738
+ <path
2739
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2740
+ />
2741
+ </svg>
2412
2742
  </span>
2413
2743
  </button>
2414
2744
  </span>
@@ -2433,7 +2763,19 @@ section: components
2433
2763
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-riskremove-label-three"
2434
2764
  >
2435
2765
  <span class="pf-v6-c-button__icon">
2436
- <i class="fas fa-times" aria-hidden="true"></i>
2766
+ <svg
2767
+ class="pf-v6-svg"
2768
+ viewBox="0 0 20 20"
2769
+ fill="currentColor"
2770
+ aria-hidden="true"
2771
+ role="img"
2772
+ width="1em"
2773
+ height="1em"
2774
+ >
2775
+ <path
2776
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2777
+ />
2778
+ </svg>
2437
2779
  </span>
2438
2780
  </button>
2439
2781
  </span>
@@ -2480,7 +2822,7 @@ section: components
2480
2822
  </div>
2481
2823
  <header
2482
2824
  class="pf-v6-c-masthead"
2483
- id="toolbar-pagination-management-example-masthead"
2825
+ id="toolbar-pagination-management-example-docked"
2484
2826
  >
2485
2827
  <div class="pf-v6-c-masthead__main">
2486
2828
  <span class="pf-v6-c-masthead__toggle">
@@ -2523,7 +2865,7 @@ section: components
2523
2865
  y1="2.25860997e-13%"
2524
2866
  x2="32%"
2525
2867
  y2="100%"
2526
- id="linearGradient-toolbar-pagination-management-example-masthead"
2868
+ id="linearGradient-toolbar-pagination-management-example-docked"
2527
2869
  >
2528
2870
  <stop stop-color="#2B9AF3" offset="0%" />
2529
2871
  <stop
@@ -2577,11 +2919,11 @@ section: components
2577
2919
  />
2578
2920
  <path
2579
2921
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2580
- fill="url(#linearGradient-toolbar-pagination-management-example-masthead)"
2922
+ fill="url(#linearGradient-toolbar-pagination-management-example-docked)"
2581
2923
  />
2582
2924
  <path
2583
2925
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
2584
- fill="url(#linearGradient-toolbar-pagination-management-example-masthead)"
2926
+ fill="url(#linearGradient-toolbar-pagination-management-example-docked)"
2585
2927
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2586
2928
  />
2587
2929
  </g>
@@ -2593,7 +2935,7 @@ section: components
2593
2935
  <div class="pf-v6-c-masthead__content">
2594
2936
  <div
2595
2937
  class="pf-v6-c-toolbar pf-m-static"
2596
- id="toolbar-pagination-management-example-masthead-toolbar"
2938
+ id="toolbar-pagination-management-example-docked-toolbar"
2597
2939
  >
2598
2940
  <div class="pf-v6-c-toolbar__content">
2599
2941
  <div class="pf-v6-c-toolbar__content-section">
@@ -2715,21 +3057,57 @@ section: components
2715
3057
  </li>
2716
3058
  <li class="pf-v6-c-breadcrumb__item">
2717
3059
  <span class="pf-v6-c-breadcrumb__item-divider">
2718
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3060
+ <svg
3061
+ class="pf-v6-svg"
3062
+ viewBox="0 0 20 20"
3063
+ fill="currentColor"
3064
+ aria-hidden="true"
3065
+ role="img"
3066
+ width="1em"
3067
+ height="1em"
3068
+ >
3069
+ <path
3070
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3071
+ />
3072
+ </svg>
2719
3073
  </span>
2720
3074
 
2721
3075
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2722
3076
  </li>
2723
3077
  <li class="pf-v6-c-breadcrumb__item">
2724
3078
  <span class="pf-v6-c-breadcrumb__item-divider">
2725
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3079
+ <svg
3080
+ class="pf-v6-svg"
3081
+ viewBox="0 0 20 20"
3082
+ fill="currentColor"
3083
+ aria-hidden="true"
3084
+ role="img"
3085
+ width="1em"
3086
+ height="1em"
3087
+ >
3088
+ <path
3089
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3090
+ />
3091
+ </svg>
2726
3092
  </span>
2727
3093
 
2728
3094
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2729
3095
  </li>
2730
3096
  <li class="pf-v6-c-breadcrumb__item">
2731
3097
  <span class="pf-v6-c-breadcrumb__item-divider">
2732
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3098
+ <svg
3099
+ class="pf-v6-svg"
3100
+ viewBox="0 0 20 20"
3101
+ fill="currentColor"
3102
+ aria-hidden="true"
3103
+ role="img"
3104
+ width="1em"
3105
+ height="1em"
3106
+ >
3107
+ <path
3108
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3109
+ />
3110
+ </svg>
2733
3111
  </span>
2734
3112
 
2735
3113
  <a
@@ -2879,7 +3257,19 @@ section: components
2879
3257
  aria-label="Go to previous page"
2880
3258
  >
2881
3259
  <span class="pf-v6-c-button__icon">
2882
- <i class="fas fa-angle-left" aria-hidden="true"></i>
3260
+ <svg
3261
+ class="pf-v6-svg"
3262
+ viewBox="0 0 256 512"
3263
+ fill="currentColor"
3264
+ aria-hidden="true"
3265
+ role="img"
3266
+ width="1em"
3267
+ height="1em"
3268
+ >
3269
+ <path
3270
+ 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"
3271
+ />
3272
+ </svg>
2883
3273
  </span>
2884
3274
  </button>
2885
3275
  </div>
@@ -2890,7 +3280,19 @@ section: components
2890
3280
  aria-label="Go to next page"
2891
3281
  >
2892
3282
  <span class="pf-v6-c-button__icon">
2893
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3283
+ <svg
3284
+ class="pf-v6-svg"
3285
+ viewBox="0 0 256 512"
3286
+ fill="currentColor"
3287
+ aria-hidden="true"
3288
+ role="img"
3289
+ width="1em"
3290
+ height="1em"
3291
+ >
3292
+ <path
3293
+ 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"
3294
+ />
3295
+ </svg>
2894
3296
  </span>
2895
3297
  </button>
2896
3298
  </div>
@@ -3393,7 +3795,19 @@ section: components
3393
3795
  aria-label="Go to first page"
3394
3796
  >
3395
3797
  <span class="pf-v6-c-button__icon">
3396
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
3798
+ <svg
3799
+ class="pf-v6-svg"
3800
+ viewBox="0 0 448 512"
3801
+ fill="currentColor"
3802
+ aria-hidden="true"
3803
+ role="img"
3804
+ width="1em"
3805
+ height="1em"
3806
+ >
3807
+ <path
3808
+ 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"
3809
+ />
3810
+ </svg>
3397
3811
  </span>
3398
3812
  </button>
3399
3813
  </div>
@@ -3405,7 +3819,19 @@ section: components
3405
3819
  aria-label="Go to previous page"
3406
3820
  >
3407
3821
  <span class="pf-v6-c-button__icon">
3408
- <i class="fas fa-angle-left" aria-hidden="true"></i>
3822
+ <svg
3823
+ class="pf-v6-svg"
3824
+ viewBox="0 0 256 512"
3825
+ fill="currentColor"
3826
+ aria-hidden="true"
3827
+ role="img"
3828
+ width="1em"
3829
+ height="1em"
3830
+ >
3831
+ <path
3832
+ 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"
3833
+ />
3834
+ </svg>
3409
3835
  </span>
3410
3836
  </button>
3411
3837
  </div>
@@ -3428,7 +3854,19 @@ section: components
3428
3854
  aria-label="Go to next page"
3429
3855
  >
3430
3856
  <span class="pf-v6-c-button__icon">
3431
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3857
+ <svg
3858
+ class="pf-v6-svg"
3859
+ viewBox="0 0 256 512"
3860
+ fill="currentColor"
3861
+ aria-hidden="true"
3862
+ role="img"
3863
+ width="1em"
3864
+ height="1em"
3865
+ >
3866
+ <path
3867
+ 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"
3868
+ />
3869
+ </svg>
3432
3870
  </span>
3433
3871
  </button>
3434
3872
  </div>
@@ -3440,7 +3878,19 @@ section: components
3440
3878
  aria-label="Go to last page"
3441
3879
  >
3442
3880
  <span class="pf-v6-c-button__icon">
3443
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
3881
+ <svg
3882
+ class="pf-v6-svg"
3883
+ viewBox="0 0 448 512"
3884
+ fill="currentColor"
3885
+ aria-hidden="true"
3886
+ role="img"
3887
+ width="1em"
3888
+ height="1em"
3889
+ >
3890
+ <path
3891
+ 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"
3892
+ />
3893
+ </svg>
3444
3894
  </span>
3445
3895
  </button>
3446
3896
  </div>