@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/components/DualListSelector/examples/DualListSelector.md CHANGED
@@ -38,11 +38,24 @@ cssPrefix: pf-v6-c-dual-list-selector
38
38
  type="button"
39
39
  aria-label="Sort"
40
40
  >
41
- <span class="pf-v6-c-button__icon pf-m-start">
42
- <i
43
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
44
- aria-hidden="true"
45
- ></i>
41
+ <span class="pf-v6-c-button__icon">
42
+ <span class="pf-v6-c-icon">
43
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
44
+ <svg
45
+ class="pf-v6-svg"
46
+ viewBox="0 0 512 512"
47
+ fill="currentColor"
48
+ aria-hidden="true"
49
+ role="img"
50
+ width="1em"
51
+ height="1em"
52
+ >
53
+ <path
54
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
55
+ />
56
+ </svg>
57
+ </span>
58
+ </span>
46
59
  </span>
47
60
  </button>
48
61
  <button
@@ -134,7 +147,19 @@ cssPrefix: pf-v6-c-dual-list-selector
134
147
  aria-label="Add selected"
135
148
  >
136
149
  <span class="pf-v6-c-button__icon">
137
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
150
+ <svg
151
+ class="pf-v6-svg"
152
+ viewBox="0 0 256 512"
153
+ fill="currentColor"
154
+ aria-hidden="true"
155
+ role="img"
156
+ width="1em"
157
+ height="1em"
158
+ >
159
+ <path
160
+ 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"
161
+ />
162
+ </svg>
138
163
  </span>
139
164
  </button>
140
165
  </div>
@@ -145,7 +170,19 @@ cssPrefix: pf-v6-c-dual-list-selector
145
170
  aria-label="Add all"
146
171
  >
147
172
  <span class="pf-v6-c-button__icon">
148
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
173
+ <svg
174
+ class="pf-v6-svg"
175
+ viewBox="0 0 448 512"
176
+ fill="currentColor"
177
+ aria-hidden="true"
178
+ role="img"
179
+ width="1em"
180
+ height="1em"
181
+ >
182
+ <path
183
+ 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"
184
+ />
185
+ </svg>
149
186
  </span>
150
187
  </button>
151
188
  </div>
@@ -157,7 +194,19 @@ cssPrefix: pf-v6-c-dual-list-selector
157
194
  aria-label="Remove all"
158
195
  >
159
196
  <span class="pf-v6-c-button__icon">
160
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
197
+ <svg
198
+ class="pf-v6-svg"
199
+ viewBox="0 0 448 512"
200
+ fill="currentColor"
201
+ aria-hidden="true"
202
+ role="img"
203
+ width="1em"
204
+ height="1em"
205
+ >
206
+ <path
207
+ 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"
208
+ />
209
+ </svg>
161
210
  </span>
162
211
  </button>
163
212
  </div>
@@ -169,7 +218,19 @@ cssPrefix: pf-v6-c-dual-list-selector
169
218
  aria-label="Remove selected"
170
219
  >
171
220
  <span class="pf-v6-c-button__icon">
172
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
221
+ <svg
222
+ class="pf-v6-svg"
223
+ viewBox="0 0 256 512"
224
+ fill="currentColor"
225
+ aria-hidden="true"
226
+ role="img"
227
+ width="1em"
228
+ height="1em"
229
+ >
230
+ <path
231
+ 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"
232
+ />
233
+ </svg>
173
234
  </span>
174
235
  </button>
175
236
  </div>
@@ -204,11 +265,24 @@ cssPrefix: pf-v6-c-dual-list-selector
204
265
  type="button"
205
266
  aria-label="Sort"
206
267
  >
207
- <span class="pf-v6-c-button__icon pf-m-start">
208
- <i
209
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
210
- aria-hidden="true"
211
- ></i>
268
+ <span class="pf-v6-c-button__icon">
269
+ <span class="pf-v6-c-icon">
270
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
271
+ <svg
272
+ class="pf-v6-svg"
273
+ viewBox="0 0 512 512"
274
+ fill="currentColor"
275
+ aria-hidden="true"
276
+ role="img"
277
+ width="1em"
278
+ height="1em"
279
+ >
280
+ <path
281
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
282
+ />
283
+ </svg>
284
+ </span>
285
+ </span>
212
286
  </span>
213
287
  </button>
214
288
  <button
@@ -278,11 +352,24 @@ cssPrefix: pf-v6-c-dual-list-selector
278
352
  type="button"
279
353
  aria-label="Sort"
280
354
  >
281
- <span class="pf-v6-c-button__icon pf-m-start">
282
- <i
283
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
284
- aria-hidden="true"
285
- ></i>
355
+ <span class="pf-v6-c-button__icon">
356
+ <span class="pf-v6-c-icon">
357
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
358
+ <svg
359
+ class="pf-v6-svg"
360
+ viewBox="0 0 512 512"
361
+ fill="currentColor"
362
+ aria-hidden="true"
363
+ role="img"
364
+ width="1em"
365
+ height="1em"
366
+ >
367
+ <path
368
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
369
+ />
370
+ </svg>
371
+ </span>
372
+ </span>
286
373
  </span>
287
374
  </button>
288
375
  <button
@@ -368,7 +455,19 @@ cssPrefix: pf-v6-c-dual-list-selector
368
455
  aria-label="Add selected"
369
456
  >
370
457
  <span class="pf-v6-c-button__icon">
371
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
458
+ <svg
459
+ class="pf-v6-svg"
460
+ viewBox="0 0 256 512"
461
+ fill="currentColor"
462
+ aria-hidden="true"
463
+ role="img"
464
+ width="1em"
465
+ height="1em"
466
+ >
467
+ <path
468
+ 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"
469
+ />
470
+ </svg>
372
471
  </span>
373
472
  </button>
374
473
  </div>
@@ -379,7 +478,19 @@ cssPrefix: pf-v6-c-dual-list-selector
379
478
  aria-label="Add all"
380
479
  >
381
480
  <span class="pf-v6-c-button__icon">
382
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
481
+ <svg
482
+ class="pf-v6-svg"
483
+ viewBox="0 0 448 512"
484
+ fill="currentColor"
485
+ aria-hidden="true"
486
+ role="img"
487
+ width="1em"
488
+ height="1em"
489
+ >
490
+ <path
491
+ 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"
492
+ />
493
+ </svg>
383
494
  </span>
384
495
  </button>
385
496
  </div>
@@ -391,7 +502,19 @@ cssPrefix: pf-v6-c-dual-list-selector
391
502
  aria-label="Remove all"
392
503
  >
393
504
  <span class="pf-v6-c-button__icon">
394
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
505
+ <svg
506
+ class="pf-v6-svg"
507
+ viewBox="0 0 448 512"
508
+ fill="currentColor"
509
+ aria-hidden="true"
510
+ role="img"
511
+ width="1em"
512
+ height="1em"
513
+ >
514
+ <path
515
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
516
+ />
517
+ </svg>
395
518
  </span>
396
519
  </button>
397
520
  </div>
@@ -403,7 +526,19 @@ cssPrefix: pf-v6-c-dual-list-selector
403
526
  aria-label="Remove selected"
404
527
  >
405
528
  <span class="pf-v6-c-button__icon">
406
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
529
+ <svg
530
+ class="pf-v6-svg"
531
+ viewBox="0 0 256 512"
532
+ fill="currentColor"
533
+ aria-hidden="true"
534
+ role="img"
535
+ width="1em"
536
+ height="1em"
537
+ >
538
+ <path
539
+ 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"
540
+ />
541
+ </svg>
407
542
  </span>
408
543
  </button>
409
544
  </div>
@@ -438,11 +573,24 @@ cssPrefix: pf-v6-c-dual-list-selector
438
573
  type="button"
439
574
  aria-label="Sort"
440
575
  >
441
- <span class="pf-v6-c-button__icon pf-m-start">
442
- <i
443
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
444
- aria-hidden="true"
445
- ></i>
576
+ <span class="pf-v6-c-button__icon">
577
+ <span class="pf-v6-c-icon">
578
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
579
+ <svg
580
+ class="pf-v6-svg"
581
+ viewBox="0 0 512 512"
582
+ fill="currentColor"
583
+ aria-hidden="true"
584
+ role="img"
585
+ width="1em"
586
+ height="1em"
587
+ >
588
+ <path
589
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
590
+ />
591
+ </svg>
592
+ </span>
593
+ </span>
446
594
  </span>
447
595
  </button>
448
596
  <button
@@ -512,11 +660,24 @@ cssPrefix: pf-v6-c-dual-list-selector
512
660
  type="button"
513
661
  aria-label="Sort"
514
662
  >
515
- <span class="pf-v6-c-button__icon pf-m-start">
516
- <i
517
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
518
- aria-hidden="true"
519
- ></i>
663
+ <span class="pf-v6-c-button__icon">
664
+ <span class="pf-v6-c-icon">
665
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
666
+ <svg
667
+ class="pf-v6-svg"
668
+ viewBox="0 0 512 512"
669
+ fill="currentColor"
670
+ aria-hidden="true"
671
+ role="img"
672
+ width="1em"
673
+ height="1em"
674
+ >
675
+ <path
676
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
677
+ />
678
+ </svg>
679
+ </span>
680
+ </span>
520
681
  </span>
521
682
  </button>
522
683
  <button
@@ -602,7 +763,19 @@ cssPrefix: pf-v6-c-dual-list-selector
602
763
  aria-label="Add selected"
603
764
  >
604
765
  <span class="pf-v6-c-button__icon">
605
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
766
+ <svg
767
+ class="pf-v6-svg"
768
+ viewBox="0 0 256 512"
769
+ fill="currentColor"
770
+ aria-hidden="true"
771
+ role="img"
772
+ width="1em"
773
+ height="1em"
774
+ >
775
+ <path
776
+ 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"
777
+ />
778
+ </svg>
606
779
  </span>
607
780
  </button>
608
781
  </div>
@@ -613,7 +786,19 @@ cssPrefix: pf-v6-c-dual-list-selector
613
786
  aria-label="Add all"
614
787
  >
615
788
  <span class="pf-v6-c-button__icon">
616
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
789
+ <svg
790
+ class="pf-v6-svg"
791
+ viewBox="0 0 448 512"
792
+ fill="currentColor"
793
+ aria-hidden="true"
794
+ role="img"
795
+ width="1em"
796
+ height="1em"
797
+ >
798
+ <path
799
+ 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"
800
+ />
801
+ </svg>
617
802
  </span>
618
803
  </button>
619
804
  </div>
@@ -625,7 +810,19 @@ cssPrefix: pf-v6-c-dual-list-selector
625
810
  aria-label="Remove all"
626
811
  >
627
812
  <span class="pf-v6-c-button__icon">
628
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
813
+ <svg
814
+ class="pf-v6-svg"
815
+ viewBox="0 0 448 512"
816
+ fill="currentColor"
817
+ aria-hidden="true"
818
+ role="img"
819
+ width="1em"
820
+ height="1em"
821
+ >
822
+ <path
823
+ 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"
824
+ />
825
+ </svg>
629
826
  </span>
630
827
  </button>
631
828
  </div>
@@ -637,7 +834,19 @@ cssPrefix: pf-v6-c-dual-list-selector
637
834
  aria-label="Remove selected"
638
835
  >
639
836
  <span class="pf-v6-c-button__icon">
640
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
837
+ <svg
838
+ class="pf-v6-svg"
839
+ viewBox="0 0 256 512"
840
+ fill="currentColor"
841
+ aria-hidden="true"
842
+ role="img"
843
+ width="1em"
844
+ height="1em"
845
+ >
846
+ <path
847
+ 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"
848
+ />
849
+ </svg>
641
850
  </span>
642
851
  </button>
643
852
  </div>
@@ -672,11 +881,24 @@ cssPrefix: pf-v6-c-dual-list-selector
672
881
  type="button"
673
882
  aria-label="Sort"
674
883
  >
675
- <span class="pf-v6-c-button__icon pf-m-start">
676
- <i
677
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
678
- aria-hidden="true"
679
- ></i>
884
+ <span class="pf-v6-c-button__icon">
885
+ <span class="pf-v6-c-icon">
886
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
887
+ <svg
888
+ class="pf-v6-svg"
889
+ viewBox="0 0 512 512"
890
+ fill="currentColor"
891
+ aria-hidden="true"
892
+ role="img"
893
+ width="1em"
894
+ height="1em"
895
+ >
896
+ <path
897
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
898
+ />
899
+ </svg>
900
+ </span>
901
+ </span>
680
902
  </span>
681
903
  </button>
682
904
  <button
@@ -746,11 +968,24 @@ cssPrefix: pf-v6-c-dual-list-selector
746
968
  type="button"
747
969
  aria-label="Sort"
748
970
  >
749
- <span class="pf-v6-c-button__icon pf-m-start">
750
- <i
751
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
752
- aria-hidden="true"
753
- ></i>
971
+ <span class="pf-v6-c-button__icon">
972
+ <span class="pf-v6-c-icon">
973
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
974
+ <svg
975
+ class="pf-v6-svg"
976
+ viewBox="0 0 512 512"
977
+ fill="currentColor"
978
+ aria-hidden="true"
979
+ role="img"
980
+ width="1em"
981
+ height="1em"
982
+ >
983
+ <path
984
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
985
+ />
986
+ </svg>
987
+ </span>
988
+ </span>
754
989
  </span>
755
990
  </button>
756
991
  <button
@@ -837,7 +1072,19 @@ cssPrefix: pf-v6-c-dual-list-selector
837
1072
  aria-label="Add selected"
838
1073
  >
839
1074
  <span class="pf-v6-c-button__icon">
840
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
1075
+ <svg
1076
+ class="pf-v6-svg"
1077
+ viewBox="0 0 256 512"
1078
+ fill="currentColor"
1079
+ aria-hidden="true"
1080
+ role="img"
1081
+ width="1em"
1082
+ height="1em"
1083
+ >
1084
+ <path
1085
+ 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"
1086
+ />
1087
+ </svg>
841
1088
  </span>
842
1089
  </button>
843
1090
  </div>
@@ -848,7 +1095,19 @@ cssPrefix: pf-v6-c-dual-list-selector
848
1095
  aria-label="Add all"
849
1096
  >
850
1097
  <span class="pf-v6-c-button__icon">
851
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
1098
+ <svg
1099
+ class="pf-v6-svg"
1100
+ viewBox="0 0 448 512"
1101
+ fill="currentColor"
1102
+ aria-hidden="true"
1103
+ role="img"
1104
+ width="1em"
1105
+ height="1em"
1106
+ >
1107
+ <path
1108
+ 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"
1109
+ />
1110
+ </svg>
852
1111
  </span>
853
1112
  </button>
854
1113
  </div>
@@ -859,7 +1118,19 @@ cssPrefix: pf-v6-c-dual-list-selector
859
1118
  aria-label="Remove all"
860
1119
  >
861
1120
  <span class="pf-v6-c-button__icon">
862
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
1121
+ <svg
1122
+ class="pf-v6-svg"
1123
+ viewBox="0 0 448 512"
1124
+ fill="currentColor"
1125
+ aria-hidden="true"
1126
+ role="img"
1127
+ width="1em"
1128
+ height="1em"
1129
+ >
1130
+ <path
1131
+ 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"
1132
+ />
1133
+ </svg>
863
1134
  </span>
864
1135
  </button>
865
1136
  </div>
@@ -871,7 +1142,19 @@ cssPrefix: pf-v6-c-dual-list-selector
871
1142
  aria-label="Remove selected"
872
1143
  >
873
1144
  <span class="pf-v6-c-button__icon">
874
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
1145
+ <svg
1146
+ class="pf-v6-svg"
1147
+ viewBox="0 0 256 512"
1148
+ fill="currentColor"
1149
+ aria-hidden="true"
1150
+ role="img"
1151
+ width="1em"
1152
+ height="1em"
1153
+ >
1154
+ <path
1155
+ 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"
1156
+ />
1157
+ </svg>
875
1158
  </span>
876
1159
  </button>
877
1160
  </div>
@@ -906,11 +1189,24 @@ cssPrefix: pf-v6-c-dual-list-selector
906
1189
  type="button"
907
1190
  aria-label="Sort"
908
1191
  >
909
- <span class="pf-v6-c-button__icon pf-m-start">
910
- <i
911
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
912
- aria-hidden="true"
913
- ></i>
1192
+ <span class="pf-v6-c-button__icon">
1193
+ <span class="pf-v6-c-icon">
1194
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
1195
+ <svg
1196
+ class="pf-v6-svg"
1197
+ viewBox="0 0 512 512"
1198
+ fill="currentColor"
1199
+ aria-hidden="true"
1200
+ role="img"
1201
+ width="1em"
1202
+ height="1em"
1203
+ >
1204
+ <path
1205
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
1206
+ />
1207
+ </svg>
1208
+ </span>
1209
+ </span>
914
1210
  </span>
915
1211
  </button>
916
1212
  <button
@@ -990,11 +1286,24 @@ cssPrefix: pf-v6-c-dual-list-selector
990
1286
  type="button"
991
1287
  aria-label="Sort"
992
1288
  >
993
- <span class="pf-v6-c-button__icon pf-m-start">
994
- <i
995
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
996
- aria-hidden="true"
997
- ></i>
1289
+ <span class="pf-v6-c-button__icon">
1290
+ <span class="pf-v6-c-icon">
1291
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
1292
+ <svg
1293
+ class="pf-v6-svg"
1294
+ viewBox="0 0 512 512"
1295
+ fill="currentColor"
1296
+ aria-hidden="true"
1297
+ role="img"
1298
+ width="1em"
1299
+ height="1em"
1300
+ >
1301
+ <path
1302
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
1303
+ />
1304
+ </svg>
1305
+ </span>
1306
+ </span>
998
1307
  </span>
999
1308
  </button>
1000
1309
  <button
@@ -1081,7 +1390,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1081
1390
  aria-label="Add selected"
1082
1391
  >
1083
1392
  <span class="pf-v6-c-button__icon">
1084
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
1393
+ <svg
1394
+ class="pf-v6-svg"
1395
+ viewBox="0 0 256 512"
1396
+ fill="currentColor"
1397
+ aria-hidden="true"
1398
+ role="img"
1399
+ width="1em"
1400
+ height="1em"
1401
+ >
1402
+ <path
1403
+ 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"
1404
+ />
1405
+ </svg>
1085
1406
  </span>
1086
1407
  </button>
1087
1408
  </div>
@@ -1092,7 +1413,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1092
1413
  aria-label="Add all"
1093
1414
  >
1094
1415
  <span class="pf-v6-c-button__icon">
1095
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
1416
+ <svg
1417
+ class="pf-v6-svg"
1418
+ viewBox="0 0 448 512"
1419
+ fill="currentColor"
1420
+ aria-hidden="true"
1421
+ role="img"
1422
+ width="1em"
1423
+ height="1em"
1424
+ >
1425
+ <path
1426
+ 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"
1427
+ />
1428
+ </svg>
1096
1429
  </span>
1097
1430
  </button>
1098
1431
  </div>
@@ -1103,7 +1436,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1103
1436
  aria-label="Remove all"
1104
1437
  >
1105
1438
  <span class="pf-v6-c-button__icon">
1106
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
1439
+ <svg
1440
+ class="pf-v6-svg"
1441
+ viewBox="0 0 448 512"
1442
+ fill="currentColor"
1443
+ aria-hidden="true"
1444
+ role="img"
1445
+ width="1em"
1446
+ height="1em"
1447
+ >
1448
+ <path
1449
+ 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"
1450
+ />
1451
+ </svg>
1107
1452
  </span>
1108
1453
  </button>
1109
1454
  </div>
@@ -1114,7 +1459,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1114
1459
  aria-label="Remove selected"
1115
1460
  >
1116
1461
  <span class="pf-v6-c-button__icon">
1117
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
1462
+ <svg
1463
+ class="pf-v6-svg"
1464
+ viewBox="0 0 256 512"
1465
+ fill="currentColor"
1466
+ aria-hidden="true"
1467
+ role="img"
1468
+ width="1em"
1469
+ height="1em"
1470
+ >
1471
+ <path
1472
+ 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"
1473
+ />
1474
+ </svg>
1118
1475
  </span>
1119
1476
  </button>
1120
1477
  </div>
@@ -1149,11 +1506,24 @@ cssPrefix: pf-v6-c-dual-list-selector
1149
1506
  type="button"
1150
1507
  aria-label="Sort"
1151
1508
  >
1152
- <span class="pf-v6-c-button__icon pf-m-start">
1153
- <i
1154
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1155
- aria-hidden="true"
1156
- ></i>
1509
+ <span class="pf-v6-c-button__icon">
1510
+ <span class="pf-v6-c-icon">
1511
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
1512
+ <svg
1513
+ class="pf-v6-svg"
1514
+ viewBox="0 0 512 512"
1515
+ fill="currentColor"
1516
+ aria-hidden="true"
1517
+ role="img"
1518
+ width="1em"
1519
+ height="1em"
1520
+ >
1521
+ <path
1522
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
1523
+ />
1524
+ </svg>
1525
+ </span>
1526
+ </span>
1157
1527
  </span>
1158
1528
  </button>
1159
1529
  <button
@@ -1233,11 +1603,24 @@ cssPrefix: pf-v6-c-dual-list-selector
1233
1603
  type="button"
1234
1604
  aria-label="Sort"
1235
1605
  >
1236
- <span class="pf-v6-c-button__icon pf-m-start">
1237
- <i
1238
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1239
- aria-hidden="true"
1240
- ></i>
1606
+ <span class="pf-v6-c-button__icon">
1607
+ <span class="pf-v6-c-icon">
1608
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
1609
+ <svg
1610
+ class="pf-v6-svg"
1611
+ viewBox="0 0 512 512"
1612
+ fill="currentColor"
1613
+ aria-hidden="true"
1614
+ role="img"
1615
+ width="1em"
1616
+ height="1em"
1617
+ >
1618
+ <path
1619
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
1620
+ />
1621
+ </svg>
1622
+ </span>
1623
+ </span>
1241
1624
  </span>
1242
1625
  </button>
1243
1626
  <button
@@ -1277,7 +1660,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1277
1660
  <span class="pf-v6-c-dual-list-selector__item-main">
1278
1661
  <div class="pf-v6-c-dual-list-selector__item-toggle">
1279
1662
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
1280
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1663
+ <svg
1664
+ class="pf-v6-svg"
1665
+ viewBox="0 0 20 20"
1666
+ fill="currentColor"
1667
+ aria-hidden="true"
1668
+ role="img"
1669
+ width="1em"
1670
+ height="1em"
1671
+ >
1672
+ <path
1673
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
1674
+ />
1675
+ </svg>
1281
1676
  </span>
1282
1677
  </div>
1283
1678
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1375,7 +1770,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1375
1770
  <span
1376
1771
  class="pf-v6-c-dual-list-selector__item-toggle-icon"
1377
1772
  >
1378
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1773
+ <svg
1774
+ class="pf-v6-svg"
1775
+ viewBox="0 0 20 20"
1776
+ fill="currentColor"
1777
+ aria-hidden="true"
1778
+ role="img"
1779
+ width="1em"
1780
+ height="1em"
1781
+ >
1782
+ <path
1783
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
1784
+ />
1785
+ </svg>
1379
1786
  </span>
1380
1787
  </div>
1381
1788
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1491,7 +1898,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1491
1898
  <span class="pf-v6-c-dual-list-selector__item-main">
1492
1899
  <div class="pf-v6-c-dual-list-selector__item-toggle">
1493
1900
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
1494
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1901
+ <svg
1902
+ class="pf-v6-svg"
1903
+ viewBox="0 0 20 20"
1904
+ fill="currentColor"
1905
+ aria-hidden="true"
1906
+ role="img"
1907
+ width="1em"
1908
+ height="1em"
1909
+ >
1910
+ <path
1911
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
1912
+ />
1913
+ </svg>
1495
1914
  </span>
1496
1915
  </div>
1497
1916
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1544,7 +1963,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1544
1963
  <span class="pf-v6-c-dual-list-selector__item-main">
1545
1964
  <div class="pf-v6-c-dual-list-selector__item-toggle">
1546
1965
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
1547
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1966
+ <svg
1967
+ class="pf-v6-svg"
1968
+ viewBox="0 0 20 20"
1969
+ fill="currentColor"
1970
+ aria-hidden="true"
1971
+ role="img"
1972
+ width="1em"
1973
+ height="1em"
1974
+ >
1975
+ <path
1976
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
1977
+ />
1978
+ </svg>
1548
1979
  </span>
1549
1980
  </div>
1550
1981
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1576,7 +2007,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1576
2007
  aria-label="Add selected"
1577
2008
  >
1578
2009
  <span class="pf-v6-c-button__icon">
1579
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
2010
+ <svg
2011
+ class="pf-v6-svg"
2012
+ viewBox="0 0 256 512"
2013
+ fill="currentColor"
2014
+ aria-hidden="true"
2015
+ role="img"
2016
+ width="1em"
2017
+ height="1em"
2018
+ >
2019
+ <path
2020
+ 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"
2021
+ />
2022
+ </svg>
1580
2023
  </span>
1581
2024
  </button>
1582
2025
  </div>
@@ -1587,7 +2030,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1587
2030
  aria-label="Add all"
1588
2031
  >
1589
2032
  <span class="pf-v6-c-button__icon">
1590
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
2033
+ <svg
2034
+ class="pf-v6-svg"
2035
+ viewBox="0 0 448 512"
2036
+ fill="currentColor"
2037
+ aria-hidden="true"
2038
+ role="img"
2039
+ width="1em"
2040
+ height="1em"
2041
+ >
2042
+ <path
2043
+ 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"
2044
+ />
2045
+ </svg>
1591
2046
  </span>
1592
2047
  </button>
1593
2048
  </div>
@@ -1599,7 +2054,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1599
2054
  aria-label="Remove all"
1600
2055
  >
1601
2056
  <span class="pf-v6-c-button__icon">
1602
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
2057
+ <svg
2058
+ class="pf-v6-svg"
2059
+ viewBox="0 0 448 512"
2060
+ fill="currentColor"
2061
+ aria-hidden="true"
2062
+ role="img"
2063
+ width="1em"
2064
+ height="1em"
2065
+ >
2066
+ <path
2067
+ 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"
2068
+ />
2069
+ </svg>
1603
2070
  </span>
1604
2071
  </button>
1605
2072
  </div>
@@ -1611,7 +2078,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1611
2078
  aria-label="Remove selected"
1612
2079
  >
1613
2080
  <span class="pf-v6-c-button__icon">
1614
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
2081
+ <svg
2082
+ class="pf-v6-svg"
2083
+ viewBox="0 0 256 512"
2084
+ fill="currentColor"
2085
+ aria-hidden="true"
2086
+ role="img"
2087
+ width="1em"
2088
+ height="1em"
2089
+ >
2090
+ <path
2091
+ 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"
2092
+ />
2093
+ </svg>
1615
2094
  </span>
1616
2095
  </button>
1617
2096
  </div>
@@ -1646,11 +2125,24 @@ cssPrefix: pf-v6-c-dual-list-selector
1646
2125
  type="button"
1647
2126
  aria-label="Sort"
1648
2127
  >
1649
- <span class="pf-v6-c-button__icon pf-m-start">
1650
- <i
1651
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1652
- aria-hidden="true"
1653
- ></i>
2128
+ <span class="pf-v6-c-button__icon">
2129
+ <span class="pf-v6-c-icon">
2130
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
2131
+ <svg
2132
+ class="pf-v6-svg"
2133
+ viewBox="0 0 512 512"
2134
+ fill="currentColor"
2135
+ aria-hidden="true"
2136
+ role="img"
2137
+ width="1em"
2138
+ height="1em"
2139
+ >
2140
+ <path
2141
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
2142
+ />
2143
+ </svg>
2144
+ </span>
2145
+ </span>
1654
2146
  </span>
1655
2147
  </button>
1656
2148
  <button
@@ -1720,11 +2212,24 @@ cssPrefix: pf-v6-c-dual-list-selector
1720
2212
  type="button"
1721
2213
  aria-label="Sort"
1722
2214
  >
1723
- <span class="pf-v6-c-button__icon pf-m-start">
1724
- <i
1725
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1726
- aria-hidden="true"
1727
- ></i>
2215
+ <span class="pf-v6-c-button__icon">
2216
+ <span class="pf-v6-c-icon">
2217
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
2218
+ <svg
2219
+ class="pf-v6-svg"
2220
+ viewBox="0 0 512 512"
2221
+ fill="currentColor"
2222
+ aria-hidden="true"
2223
+ role="img"
2224
+ width="1em"
2225
+ height="1em"
2226
+ >
2227
+ <path
2228
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
2229
+ />
2230
+ </svg>
2231
+ </span>
2232
+ </span>
1728
2233
  </span>
1729
2234
  </button>
1730
2235
  <button
@@ -1764,7 +2269,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1764
2269
  <span class="pf-v6-c-dual-list-selector__item-main">
1765
2270
  <div class="pf-v6-c-dual-list-selector__item-toggle">
1766
2271
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
1767
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2272
+ <svg
2273
+ class="pf-v6-svg"
2274
+ viewBox="0 0 20 20"
2275
+ fill="currentColor"
2276
+ aria-hidden="true"
2277
+ role="img"
2278
+ width="1em"
2279
+ height="1em"
2280
+ >
2281
+ <path
2282
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2283
+ />
2284
+ </svg>
1768
2285
  </span>
1769
2286
  </div>
1770
2287
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1843,7 +2360,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1843
2360
  <span
1844
2361
  class="pf-v6-c-dual-list-selector__item-toggle-icon"
1845
2362
  >
1846
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2363
+ <svg
2364
+ class="pf-v6-svg"
2365
+ viewBox="0 0 20 20"
2366
+ fill="currentColor"
2367
+ aria-hidden="true"
2368
+ role="img"
2369
+ width="1em"
2370
+ height="1em"
2371
+ >
2372
+ <path
2373
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2374
+ />
2375
+ </svg>
1847
2376
  </span>
1848
2377
  </div>
1849
2378
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1964,7 +2493,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1964
2493
  <span class="pf-v6-c-dual-list-selector__item-main">
1965
2494
  <div class="pf-v6-c-dual-list-selector__item-toggle">
1966
2495
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
1967
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2496
+ <svg
2497
+ class="pf-v6-svg"
2498
+ viewBox="0 0 20 20"
2499
+ fill="currentColor"
2500
+ aria-hidden="true"
2501
+ role="img"
2502
+ width="1em"
2503
+ height="1em"
2504
+ >
2505
+ <path
2506
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2507
+ />
2508
+ </svg>
1968
2509
  </span>
1969
2510
  </div>
1970
2511
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2015,7 +2556,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2015
2556
  <span class="pf-v6-c-dual-list-selector__item-main">
2016
2557
  <div class="pf-v6-c-dual-list-selector__item-toggle">
2017
2558
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
2018
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2559
+ <svg
2560
+ class="pf-v6-svg"
2561
+ viewBox="0 0 20 20"
2562
+ fill="currentColor"
2563
+ aria-hidden="true"
2564
+ role="img"
2565
+ width="1em"
2566
+ height="1em"
2567
+ >
2568
+ <path
2569
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2570
+ />
2571
+ </svg>
2019
2572
  </span>
2020
2573
  </div>
2021
2574
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2047,7 +2600,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2047
2600
  aria-label="Add selected"
2048
2601
  >
2049
2602
  <span class="pf-v6-c-button__icon">
2050
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
2603
+ <svg
2604
+ class="pf-v6-svg"
2605
+ viewBox="0 0 256 512"
2606
+ fill="currentColor"
2607
+ aria-hidden="true"
2608
+ role="img"
2609
+ width="1em"
2610
+ height="1em"
2611
+ >
2612
+ <path
2613
+ 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"
2614
+ />
2615
+ </svg>
2051
2616
  </span>
2052
2617
  </button>
2053
2618
  </div>
@@ -2058,7 +2623,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2058
2623
  aria-label="Add all"
2059
2624
  >
2060
2625
  <span class="pf-v6-c-button__icon">
2061
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
2626
+ <svg
2627
+ class="pf-v6-svg"
2628
+ viewBox="0 0 448 512"
2629
+ fill="currentColor"
2630
+ aria-hidden="true"
2631
+ role="img"
2632
+ width="1em"
2633
+ height="1em"
2634
+ >
2635
+ <path
2636
+ 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"
2637
+ />
2638
+ </svg>
2062
2639
  </span>
2063
2640
  </button>
2064
2641
  </div>
@@ -2070,7 +2647,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2070
2647
  aria-label="Remove all"
2071
2648
  >
2072
2649
  <span class="pf-v6-c-button__icon">
2073
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
2650
+ <svg
2651
+ class="pf-v6-svg"
2652
+ viewBox="0 0 448 512"
2653
+ fill="currentColor"
2654
+ aria-hidden="true"
2655
+ role="img"
2656
+ width="1em"
2657
+ height="1em"
2658
+ >
2659
+ <path
2660
+ 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"
2661
+ />
2662
+ </svg>
2074
2663
  </span>
2075
2664
  </button>
2076
2665
  </div>
@@ -2082,7 +2671,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2082
2671
  aria-label="Remove selected"
2083
2672
  >
2084
2673
  <span class="pf-v6-c-button__icon">
2085
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
2674
+ <svg
2675
+ class="pf-v6-svg"
2676
+ viewBox="0 0 256 512"
2677
+ fill="currentColor"
2678
+ aria-hidden="true"
2679
+ role="img"
2680
+ width="1em"
2681
+ height="1em"
2682
+ >
2683
+ <path
2684
+ 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"
2685
+ />
2686
+ </svg>
2086
2687
  </span>
2087
2688
  </button>
2088
2689
  </div>
@@ -2117,11 +2718,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2117
2718
  type="button"
2118
2719
  aria-label="Sort"
2119
2720
  >
2120
- <span class="pf-v6-c-button__icon pf-m-start">
2121
- <i
2122
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
2123
- aria-hidden="true"
2124
- ></i>
2721
+ <span class="pf-v6-c-button__icon">
2722
+ <span class="pf-v6-c-icon">
2723
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
2724
+ <svg
2725
+ class="pf-v6-svg"
2726
+ viewBox="0 0 512 512"
2727
+ fill="currentColor"
2728
+ aria-hidden="true"
2729
+ role="img"
2730
+ width="1em"
2731
+ height="1em"
2732
+ >
2733
+ <path
2734
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
2735
+ />
2736
+ </svg>
2737
+ </span>
2738
+ </span>
2125
2739
  </span>
2126
2740
  </button>
2127
2741
  <button
@@ -2161,7 +2775,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2161
2775
  <span class="pf-v6-c-dual-list-selector__item-main">
2162
2776
  <div class="pf-v6-c-dual-list-selector__item-toggle">
2163
2777
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
2164
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2778
+ <svg
2779
+ class="pf-v6-svg"
2780
+ viewBox="0 0 20 20"
2781
+ fill="currentColor"
2782
+ aria-hidden="true"
2783
+ role="img"
2784
+ width="1em"
2785
+ height="1em"
2786
+ >
2787
+ <path
2788
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2789
+ />
2790
+ </svg>
2165
2791
  </span>
2166
2792
  </div>
2167
2793
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2249,11 +2875,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2249
2875
  type="button"
2250
2876
  aria-label="Sort"
2251
2877
  >
2252
- <span class="pf-v6-c-button__icon pf-m-start">
2253
- <i
2254
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
2255
- aria-hidden="true"
2256
- ></i>
2878
+ <span class="pf-v6-c-button__icon">
2879
+ <span class="pf-v6-c-icon">
2880
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
2881
+ <svg
2882
+ class="pf-v6-svg"
2883
+ viewBox="0 0 512 512"
2884
+ fill="currentColor"
2885
+ aria-hidden="true"
2886
+ role="img"
2887
+ width="1em"
2888
+ height="1em"
2889
+ >
2890
+ <path
2891
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
2892
+ />
2893
+ </svg>
2894
+ </span>
2895
+ </span>
2257
2896
  </span>
2258
2897
  </button>
2259
2898
  <button
@@ -2293,7 +2932,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2293
2932
  <span class="pf-v6-c-dual-list-selector__item-main">
2294
2933
  <div class="pf-v6-c-dual-list-selector__item-toggle">
2295
2934
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
2296
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2935
+ <svg
2936
+ class="pf-v6-svg"
2937
+ viewBox="0 0 20 20"
2938
+ fill="currentColor"
2939
+ aria-hidden="true"
2940
+ role="img"
2941
+ width="1em"
2942
+ height="1em"
2943
+ >
2944
+ <path
2945
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2946
+ />
2947
+ </svg>
2297
2948
  </span>
2298
2949
  </div>
2299
2950
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2391,7 +3042,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2391
3042
  <span
2392
3043
  class="pf-v6-c-dual-list-selector__item-toggle-icon"
2393
3044
  >
2394
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3045
+ <svg
3046
+ class="pf-v6-svg"
3047
+ viewBox="0 0 20 20"
3048
+ fill="currentColor"
3049
+ aria-hidden="true"
3050
+ role="img"
3051
+ width="1em"
3052
+ height="1em"
3053
+ >
3054
+ <path
3055
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
3056
+ />
3057
+ </svg>
2395
3058
  </span>
2396
3059
  </div>
2397
3060
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2507,7 +3170,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2507
3170
  <span class="pf-v6-c-dual-list-selector__item-main">
2508
3171
  <div class="pf-v6-c-dual-list-selector__item-toggle">
2509
3172
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
2510
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3173
+ <svg
3174
+ class="pf-v6-svg"
3175
+ viewBox="0 0 20 20"
3176
+ fill="currentColor"
3177
+ aria-hidden="true"
3178
+ role="img"
3179
+ width="1em"
3180
+ height="1em"
3181
+ >
3182
+ <path
3183
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
3184
+ />
3185
+ </svg>
2511
3186
  </span>
2512
3187
  </div>
2513
3188
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2560,7 +3235,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2560
3235
  <span class="pf-v6-c-dual-list-selector__item-main">
2561
3236
  <div class="pf-v6-c-dual-list-selector__item-toggle">
2562
3237
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
2563
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3238
+ <svg
3239
+ class="pf-v6-svg"
3240
+ viewBox="0 0 20 20"
3241
+ fill="currentColor"
3242
+ aria-hidden="true"
3243
+ role="img"
3244
+ width="1em"
3245
+ height="1em"
3246
+ >
3247
+ <path
3248
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
3249
+ />
3250
+ </svg>
2564
3251
  </span>
2565
3252
  </div>
2566
3253
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2592,7 +3279,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2592
3279
  aria-label="Add selected"
2593
3280
  >
2594
3281
  <span class="pf-v6-c-button__icon">
2595
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
3282
+ <svg
3283
+ class="pf-v6-svg"
3284
+ viewBox="0 0 256 512"
3285
+ fill="currentColor"
3286
+ aria-hidden="true"
3287
+ role="img"
3288
+ width="1em"
3289
+ height="1em"
3290
+ >
3291
+ <path
3292
+ 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"
3293
+ />
3294
+ </svg>
2596
3295
  </span>
2597
3296
  </button>
2598
3297
  </div>
@@ -2603,7 +3302,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2603
3302
  aria-label="Add all"
2604
3303
  >
2605
3304
  <span class="pf-v6-c-button__icon">
2606
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
3305
+ <svg
3306
+ class="pf-v6-svg"
3307
+ viewBox="0 0 448 512"
3308
+ fill="currentColor"
3309
+ aria-hidden="true"
3310
+ role="img"
3311
+ width="1em"
3312
+ height="1em"
3313
+ >
3314
+ <path
3315
+ 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"
3316
+ />
3317
+ </svg>
2607
3318
  </span>
2608
3319
  </button>
2609
3320
  </div>
@@ -2615,7 +3326,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2615
3326
  aria-label="Remove all"
2616
3327
  >
2617
3328
  <span class="pf-v6-c-button__icon">
2618
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
3329
+ <svg
3330
+ class="pf-v6-svg"
3331
+ viewBox="0 0 448 512"
3332
+ fill="currentColor"
3333
+ aria-hidden="true"
3334
+ role="img"
3335
+ width="1em"
3336
+ height="1em"
3337
+ >
3338
+ <path
3339
+ 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"
3340
+ />
3341
+ </svg>
2619
3342
  </span>
2620
3343
  </button>
2621
3344
  </div>
@@ -2627,7 +3350,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2627
3350
  aria-label="Remove selected"
2628
3351
  >
2629
3352
  <span class="pf-v6-c-button__icon">
2630
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
3353
+ <svg
3354
+ class="pf-v6-svg"
3355
+ viewBox="0 0 256 512"
3356
+ fill="currentColor"
3357
+ aria-hidden="true"
3358
+ role="img"
3359
+ width="1em"
3360
+ height="1em"
3361
+ >
3362
+ <path
3363
+ 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"
3364
+ />
3365
+ </svg>
2631
3366
  </span>
2632
3367
  </button>
2633
3368
  </div>
@@ -2662,11 +3397,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2662
3397
  type="button"
2663
3398
  aria-label="Sort"
2664
3399
  >
2665
- <span class="pf-v6-c-button__icon pf-m-start">
2666
- <i
2667
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
2668
- aria-hidden="true"
2669
- ></i>
3400
+ <span class="pf-v6-c-button__icon">
3401
+ <span class="pf-v6-c-icon">
3402
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
3403
+ <svg
3404
+ class="pf-v6-svg"
3405
+ viewBox="0 0 512 512"
3406
+ fill="currentColor"
3407
+ aria-hidden="true"
3408
+ role="img"
3409
+ width="1em"
3410
+ height="1em"
3411
+ >
3412
+ <path
3413
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
3414
+ />
3415
+ </svg>
3416
+ </span>
3417
+ </span>
2670
3418
  </span>
2671
3419
  </button>
2672
3420
  <button
@@ -2739,11 +3487,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2739
3487
  type="button"
2740
3488
  aria-label="Sort"
2741
3489
  >
2742
- <span class="pf-v6-c-button__icon pf-m-start">
2743
- <i
2744
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
2745
- aria-hidden="true"
2746
- ></i>
3490
+ <span class="pf-v6-c-button__icon">
3491
+ <span class="pf-v6-c-icon">
3492
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
3493
+ <svg
3494
+ class="pf-v6-svg"
3495
+ viewBox="0 0 512 512"
3496
+ fill="currentColor"
3497
+ aria-hidden="true"
3498
+ role="img"
3499
+ width="1em"
3500
+ height="1em"
3501
+ >
3502
+ <path
3503
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
3504
+ />
3505
+ </svg>
3506
+ </span>
3507
+ </span>
2747
3508
  </span>
2748
3509
  </button>
2749
3510
  <button
@@ -2812,7 +3573,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2812
3573
  aria-label="Add selected"
2813
3574
  >
2814
3575
  <span class="pf-v6-c-button__icon">
2815
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
3576
+ <svg
3577
+ class="pf-v6-svg"
3578
+ viewBox="0 0 256 512"
3579
+ fill="currentColor"
3580
+ aria-hidden="true"
3581
+ role="img"
3582
+ width="1em"
3583
+ height="1em"
3584
+ >
3585
+ <path
3586
+ 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"
3587
+ />
3588
+ </svg>
2816
3589
  </span>
2817
3590
  </button>
2818
3591
  </div>
@@ -2823,7 +3596,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2823
3596
  aria-label="Add all"
2824
3597
  >
2825
3598
  <span class="pf-v6-c-button__icon">
2826
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
3599
+ <svg
3600
+ class="pf-v6-svg"
3601
+ viewBox="0 0 448 512"
3602
+ fill="currentColor"
3603
+ aria-hidden="true"
3604
+ role="img"
3605
+ width="1em"
3606
+ height="1em"
3607
+ >
3608
+ <path
3609
+ 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"
3610
+ />
3611
+ </svg>
2827
3612
  </span>
2828
3613
  </button>
2829
3614
  </div>
@@ -2835,7 +3620,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2835
3620
  aria-label="Remove all"
2836
3621
  >
2837
3622
  <span class="pf-v6-c-button__icon">
2838
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
3623
+ <svg
3624
+ class="pf-v6-svg"
3625
+ viewBox="0 0 448 512"
3626
+ fill="currentColor"
3627
+ aria-hidden="true"
3628
+ role="img"
3629
+ width="1em"
3630
+ height="1em"
3631
+ >
3632
+ <path
3633
+ 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"
3634
+ />
3635
+ </svg>
2839
3636
  </span>
2840
3637
  </button>
2841
3638
  </div>
@@ -2847,7 +3644,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2847
3644
  aria-label="Remove selected"
2848
3645
  >
2849
3646
  <span class="pf-v6-c-button__icon">
2850
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
3647
+ <svg
3648
+ class="pf-v6-svg"
3649
+ viewBox="0 0 256 512"
3650
+ fill="currentColor"
3651
+ aria-hidden="true"
3652
+ role="img"
3653
+ width="1em"
3654
+ height="1em"
3655
+ >
3656
+ <path
3657
+ 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"
3658
+ />
3659
+ </svg>
2851
3660
  </span>
2852
3661
  </button>
2853
3662
  </div>
@@ -2882,11 +3691,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2882
3691
  type="button"
2883
3692
  aria-label="Sort"
2884
3693
  >
2885
- <span class="pf-v6-c-button__icon pf-m-start">
2886
- <i
2887
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
2888
- aria-hidden="true"
2889
- ></i>
3694
+ <span class="pf-v6-c-button__icon">
3695
+ <span class="pf-v6-c-icon">
3696
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
3697
+ <svg
3698
+ class="pf-v6-svg"
3699
+ viewBox="0 0 512 512"
3700
+ fill="currentColor"
3701
+ aria-hidden="true"
3702
+ role="img"
3703
+ width="1em"
3704
+ height="1em"
3705
+ >
3706
+ <path
3707
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
3708
+ />
3709
+ </svg>
3710
+ </span>
3711
+ </span>
2890
3712
  </span>
2891
3713
  </button>
2892
3714
  <button
@@ -2921,7 +3743,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2921
3743
  <div class="pf-v6-c-dual-list-selector__draggable">
2922
3744
  <span class="pf-v6-c-button pf-m-plain pf-m-disabled">
2923
3745
  <span class="pf-v6-c-button__icon">
2924
- <i class="fas fa-grip-vertical" aria-hidden="true"></i>
3746
+ <svg
3747
+ class="pf-v6-svg"
3748
+ viewBox="0 0 320 512"
3749
+ fill="currentColor"
3750
+ aria-hidden="true"
3751
+ role="img"
3752
+ width="1em"
3753
+ height="1em"
3754
+ >
3755
+ <path
3756
+ d="M96 32H32C14.33 32 0 46.33 0 64v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zm0 160H32c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zm0 160H32c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zM288 32h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zm0 160h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zm0 160h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32z"
3757
+ />
3758
+ </svg>
2925
3759
  </span>
2926
3760
  </span>
2927
3761
  </div>
@@ -2940,7 +3774,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2940
3774
  <div class="pf-v6-c-dual-list-selector__draggable">
2941
3775
  <span class="pf-v6-c-button pf-m-plain">
2942
3776
  <span class="pf-v6-c-button__icon">
2943
- <i class="fas fa-grip-vertical" aria-hidden="true"></i>
3777
+ <svg
3778
+ class="pf-v6-svg"
3779
+ viewBox="0 0 320 512"
3780
+ fill="currentColor"
3781
+ aria-hidden="true"
3782
+ role="img"
3783
+ width="1em"
3784
+ height="1em"
3785
+ >
3786
+ <path
3787
+ d="M96 32H32C14.33 32 0 46.33 0 64v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zm0 160H32c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zm0 160H32c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zM288 32h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zm0 160h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zm0 160h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32z"
3788
+ />
3789
+ </svg>
2944
3790
  </span>
2945
3791
  </span>
2946
3792
  </div>
@@ -2959,7 +3805,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2959
3805
  <div class="pf-v6-c-dual-list-selector__draggable">
2960
3806
  <span class="pf-v6-c-button pf-m-plain pf-m-disabled">
2961
3807
  <span class="pf-v6-c-button__icon">
2962
- <i class="fas fa-grip-vertical" aria-hidden="true"></i>
3808
+ <svg
3809
+ class="pf-v6-svg"
3810
+ viewBox="0 0 320 512"
3811
+ fill="currentColor"
3812
+ aria-hidden="true"
3813
+ role="img"
3814
+ width="1em"
3815
+ height="1em"
3816
+ >
3817
+ <path
3818
+ d="M96 32H32C14.33 32 0 46.33 0 64v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zm0 160H32c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zm0 160H32c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zM288 32h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zm0 160h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zm0 160h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32z"
3819
+ />
3820
+ </svg>
2963
3821
  </span>
2964
3822
  </span>
2965
3823
  </div>
@@ -2978,7 +3836,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2978
3836
  <div class="pf-v6-c-dual-list-selector__draggable">
2979
3837
  <span class="pf-v6-c-button pf-m-plain">
2980
3838
  <span class="pf-v6-c-button__icon">
2981
- <i class="fas fa-grip-vertical" aria-hidden="true"></i>
3839
+ <svg
3840
+ class="pf-v6-svg"
3841
+ viewBox="0 0 320 512"
3842
+ fill="currentColor"
3843
+ aria-hidden="true"
3844
+ role="img"
3845
+ width="1em"
3846
+ height="1em"
3847
+ >
3848
+ <path
3849
+ d="M96 32H32C14.33 32 0 46.33 0 64v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zm0 160H32c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zm0 160H32c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zM288 32h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V64c0-17.67-14.33-32-32-32zm0 160h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32zm0 160h-64c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32v-64c0-17.67-14.33-32-32-32z"
3850
+ />
3851
+ </svg>
2982
3852
  </span>
2983
3853
  </span>
2984
3854
  </div>