@patternfly/patternfly 6.5.0-prerelease.8 → 6.5.0-prerelease.81

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 (410) hide show
  1. package/README.md +2 -2
  2. package/assets/fontawesome/_variables.scss +2 -1
  3. package/assets/images/Felt-Bkg-Generic-Dark.svg +82 -0
  4. package/assets/images/Felt-Bkg-Generic-Light.svg +82 -0
  5. package/assets/images/PF-Bkg-Generic-Dark.svg +76 -0
  6. package/assets/images/PF-Bkg-Generic-Light.svg +74 -0
  7. package/assets/images/RHAiExperienceIcon.svg +27 -0
  8. package/assets/images/RHAutomationsLogo.svg +96 -0
  9. package/assets/images/RHServerStackIcon.svg +16 -0
  10. package/assets/images/compass--hero-bg.png +0 -0
  11. package/assets/images/compass--rh-wallpaper-dark.png +0 -0
  12. package/assets/images/compass--rh-wallpaper-light.png +0 -0
  13. package/assets/images/compass--wallpaper-dark.jpg +0 -0
  14. package/assets/images/compass--wallpaper-dark.png +0 -0
  15. package/assets/images/compass--wallpaper-light.jpg +0 -0
  16. package/assets/images/compass--wallpaper-light.png +0 -0
  17. package/assets/images/glass-brand-dark.jpg +0 -0
  18. package/assets/images/glass-brand-dark.png +0 -0
  19. package/assets/images/glass-brand-light.jpg +0 -0
  20. package/assets/images/glass-brand-light.png +0 -0
  21. package/base/normalize.scss +7 -0
  22. package/base/patternfly-common.css +50 -0
  23. package/base/patternfly-common.scss +59 -0
  24. package/base/patternfly-svg-icons.css +17 -0
  25. package/base/patternfly-svg-icons.scss +20 -0
  26. package/base/patternfly-variables.css +926 -513
  27. package/base/patternfly-variables.scss +46 -4
  28. package/base/tokens/tokens-dark.scss +56 -8
  29. package/base/tokens/tokens-default.scss +69 -14
  30. package/base/tokens/tokens-glass-dark.scss +26 -0
  31. package/base/tokens/tokens-glass.scss +22 -0
  32. package/base/tokens/tokens-local.scss +17 -0
  33. package/base/tokens/tokens-palette.scss +3 -1
  34. package/base/tokens/tokens-redhat-dark.scss +21 -0
  35. package/base/tokens/tokens-redhat-glass-dark.scss +40 -0
  36. package/base/tokens/tokens-redhat-glass.scss +30 -0
  37. package/base/tokens/tokens-redhat-highcontrast-dark.scss +50 -0
  38. package/base/tokens/tokens-redhat-highcontrast.scss +128 -0
  39. package/base/tokens/tokens-redhat.scss +15 -0
  40. package/components/AboutModalBox/about-modal-box.css +36 -26
  41. package/components/Accordion/accordion.css +26 -14
  42. package/components/Accordion/accordion.scss +12 -2
  43. package/components/ActionList/action-list.css +2 -0
  44. package/components/ActionList/action-list.scss +2 -0
  45. package/components/Alert/alert.css +7 -5
  46. package/components/Alert/alert.scss +2 -1
  47. package/components/Avatar/avatar.css +12 -4
  48. package/components/BackgroundImage/background-image.css +6 -3
  49. package/components/Banner/banner.css +12 -6
  50. package/components/Banner/banner.scss +7 -0
  51. package/components/Brand/brand.css +3 -1
  52. package/components/Breadcrumb/breadcrumb.css +10 -5
  53. package/components/Breadcrumb/breadcrumb.scss +6 -2
  54. package/components/Button/button.css +173 -71
  55. package/components/Button/button.scss +188 -72
  56. package/components/CalendarMonth/calendar-month.css +4 -3
  57. package/components/Card/card.css +51 -15
  58. package/components/Card/card.scss +65 -9
  59. package/components/ClipboardCopy/clipboard-copy.css +14 -7
  60. package/components/ClipboardCopy/clipboard-copy.scss +13 -4
  61. package/components/CodeEditor/code-editor.css +2 -2
  62. package/components/CodeEditor/code-editor.scss +2 -2
  63. package/components/Compass/compass.css +399 -0
  64. package/components/Compass/compass.scss +413 -0
  65. package/components/DataList/data-list.css +30 -23
  66. package/components/DataList/data-list.scss +3 -2
  67. package/components/DescriptionList/description-list-order.scss +5 -1
  68. package/components/DescriptionList/description-list.css +7 -5
  69. package/components/DescriptionList/description-list.scss +5 -1
  70. package/components/Divider/divider.css +7 -5
  71. package/components/Drawer/drawer.css +224 -75
  72. package/components/Drawer/drawer.scss +194 -27
  73. package/components/DualListSelector/dual-list-selector.css +18 -12
  74. package/components/DualListSelector/dual-list-selector.scss +1 -1
  75. package/components/ExpandableSection/expandable-section.css +21 -16
  76. package/components/ExpandableSection/expandable-section.scss +6 -3
  77. package/components/Form/form.css +2 -2
  78. package/components/Form/form.scss +2 -2
  79. package/components/FormControl/form-control.css +3 -3
  80. package/components/FormControl/form-control.scss +3 -3
  81. package/components/Hero/hero.css +74 -0
  82. package/components/Hero/hero.scss +86 -0
  83. package/components/JumpLinks/jump-links.css +16 -5
  84. package/components/JumpLinks/jump-links.scss +17 -3
  85. package/components/Label/label-group.css +2 -2
  86. package/components/Label/label-group.scss +2 -2
  87. package/components/Label/label.css +4 -3
  88. package/components/Login/login.css +58 -40
  89. package/components/Login/login.scss +7 -3
  90. package/components/Masthead/masthead.css +111 -16
  91. package/components/Masthead/masthead.scss +111 -1
  92. package/components/Menu/menu.css +49 -33
  93. package/components/Menu/menu.scss +26 -19
  94. package/components/MenuToggle/menu-toggle.css +35 -8
  95. package/components/MenuToggle/menu-toggle.scss +42 -8
  96. package/components/ModalBox/modal-box.css +9 -7
  97. package/components/ModalBox/modal-box.scss +2 -2
  98. package/components/Nav/nav.css +82 -11
  99. package/components/Nav/nav.scss +85 -5
  100. package/components/NotificationDrawer/notification-drawer.css +19 -9
  101. package/components/NotificationDrawer/notification-drawer.scss +14 -5
  102. package/components/OverflowMenu/overflow-menu.css +16 -0
  103. package/components/OverflowMenu/overflow-menu.scss +20 -1
  104. package/components/Page/page.css +421 -32
  105. package/components/Page/page.scss +397 -15
  106. package/components/Pagination/pagination.css +56 -4
  107. package/components/Pagination/pagination.scss +71 -6
  108. package/components/Panel/panel.css +41 -3
  109. package/components/Panel/panel.scss +56 -3
  110. package/components/Progress/progress.css +3 -1
  111. package/components/Progress/progress.scss +3 -1
  112. package/components/ProgressStepper/progress-stepper.scss +5 -1
  113. package/components/Sidebar/sidebar.css +1 -1
  114. package/components/Sidebar/sidebar.scss +7 -3
  115. package/components/Skeleton/skeleton.css +16 -15
  116. package/components/Slider/slider.css +32 -18
  117. package/components/Switch/switch.css +4 -2
  118. package/components/Switch/switch.scss +1 -1
  119. package/components/Table/table-grid.css +28 -36
  120. package/components/Table/table-grid.scss +4 -4
  121. package/components/Table/table-scrollable.css +1 -1
  122. package/components/Table/table-scrollable.scss +1 -1
  123. package/components/Table/table-tree-view.css +4 -2
  124. package/components/Table/table.css +104 -57
  125. package/components/Table/table.scss +92 -37
  126. package/components/Tabs/tabs.css +39 -33
  127. package/components/Tabs/tabs.scss +38 -26
  128. package/components/TextInputGroup/text-input-group.css +2 -2
  129. package/components/TextInputGroup/text-input-group.scss +2 -2
  130. package/components/ToggleGroup/toggle-group.css +44 -19
  131. package/components/ToggleGroup/toggle-group.scss +51 -22
  132. package/components/Toolbar/toolbar.css +195 -16
  133. package/components/Toolbar/toolbar.scss +89 -9
  134. package/components/TreeView/tree-view.css +45 -14
  135. package/components/TreeView/tree-view.scss +32 -1
  136. package/components/Wizard/wizard.css +41 -19
  137. package/components/Wizard/wizard.scss +26 -6
  138. package/components/_index.css +2740 -829
  139. package/components/_index.scss +3 -1
  140. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
  141. package/docs/components/Accordion/examples/Accordion.md +392 -30
  142. package/docs/components/ActionList/examples/ActionList.md +143 -11
  143. package/docs/components/Alert/examples/Alert.md +678 -54
  144. package/docs/components/Avatar/examples/Avatar.md +4 -4
  145. package/docs/components/BackToTop/examples/BackToTop.md +13 -1
  146. package/docs/components/Banner/examples/Banner.md +196 -5
  147. package/docs/components/Brand/examples/Brand.md +2 -2
  148. package/docs/components/Breadcrumb/examples/Breadcrumb.md +313 -26
  149. package/docs/components/Button/examples/Button.md +2829 -333
  150. package/docs/components/CalendarMonth/examples/CalendarMonth.md +156 -12
  151. package/docs/components/Card/examples/Card.md +335 -12
  152. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +293 -28
  153. package/docs/components/CodeBlock/examples/CodeBlock.md +104 -8
  154. package/docs/components/CodeEditor/examples/CodeEditor.md +234 -18
  155. package/docs/components/Compass/examples/Compass.css +8 -0
  156. package/docs/components/Compass/examples/Compass.md +109 -0
  157. package/docs/components/DataList/examples/DataList.md +468 -78
  158. package/docs/components/DatePicker/examples/DatePicker.md +78 -6
  159. package/docs/components/DescriptionList/examples/DescriptionList.md +327 -27
  160. package/docs/components/Divider/examples/Divider.md +2 -2
  161. package/docs/components/DragDrop/examples/DragDrop.css +1 -1
  162. package/docs/components/Drawer/examples/Drawer.md +415 -35
  163. package/docs/components/DualListSelector/examples/DualListSelector.md +1247 -161
  164. package/docs/components/EmptyState/examples/EmptyState.md +78 -6
  165. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  166. package/docs/components/Form/examples/Form.md +78 -6
  167. package/docs/components/Hero/examples/Hero.md +25 -0
  168. package/docs/components/Hint/examples/Hint.md +39 -3
  169. package/docs/components/Icon/examples/Icon.md +105 -9
  170. package/docs/components/InlineEdit/examples/InlineEdit.md +338 -26
  171. package/docs/components/InputGroup/examples/InputGroup.md +40 -4
  172. package/docs/components/JumpLinks/examples/JumpLinks.md +54 -6
  173. package/docs/components/Label/examples/Label.md +2834 -218
  174. package/docs/components/Login/examples/Login.md +39 -3
  175. package/docs/components/Masthead/examples/masthead.md +80 -1
  176. package/docs/components/Menu/examples/Menu.md +1679 -133
  177. package/docs/components/MenuToggle/examples/MenuToggle.md +1514 -118
  178. package/docs/components/ModalBox/examples/ModalBox.md +289 -25
  179. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +156 -12
  180. package/docs/components/Nav/examples/Navigation.md +898 -62
  181. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +1079 -83
  182. package/docs/components/OverflowMenu/examples/overflow-menu.css +6 -3
  183. package/docs/components/OverflowMenu/examples/overflow-menu.md +164 -11
  184. package/docs/components/Page/examples/Page.md +211 -25
  185. package/docs/components/Pagination/examples/Pagination.md +1291 -80
  186. package/docs/components/Panel/examples/Panel.css +3 -0
  187. package/docs/components/Panel/examples/Panel.md +71 -4
  188. package/docs/components/Popover/examples/Popover.md +286 -22
  189. package/docs/components/Progress/examples/Progress.md +91 -7
  190. package/docs/components/ProgressStepper/examples/ProgressStepper.md +275 -23
  191. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  192. package/docs/components/Slider/examples/Slider.md +52 -4
  193. package/docs/components/Table/examples/Table.css +2 -1
  194. package/docs/components/Table/examples/Table.md +7543 -653
  195. package/docs/components/Tabs/examples/Tabs.md +5734 -471
  196. package/docs/components/TextInputGroup/examples/TextInputGroup.md +600 -48
  197. package/docs/components/ToggleGroup/examples/toggle-group.md +261 -15
  198. package/docs/components/Toolbar/examples/Toolbar.css +1 -1
  199. package/docs/components/Toolbar/examples/Toolbar.md +1145 -88
  200. package/docs/components/TreeView/examples/TreeView.md +1390 -130
  201. package/docs/components/Wizard/examples/Wizard.md +828 -73
  202. package/docs/demos/AboutModal/examples/AboutModal.md +158 -53
  203. package/docs/demos/Alert/examples/Alert.md +539 -164
  204. package/docs/demos/BackToTop/examples/BackToTop.md +158 -53
  205. package/docs/demos/Banner/examples/Banner.md +290 -104
  206. package/docs/demos/Button/examples/Button.md +13 -1
  207. package/docs/demos/Card/examples/Card.md +1041 -134
  208. package/docs/demos/CardView/examples/CardView.md +570 -171
  209. package/docs/demos/Compass/examples/Compass.md +10005 -0
  210. package/docs/demos/Dashboard/examples/Dashboard.md +745 -177
  211. package/docs/demos/DataList/examples/DataList.md +1301 -292
  212. package/docs/demos/DescriptionList/examples/DescriptionList.md +472 -160
  213. package/docs/demos/Drawer/examples/Drawer.md +718 -262
  214. package/docs/demos/Form/examples/BasicForms.md +273 -21
  215. package/docs/demos/JumpLinks/examples/JumpLinks.md +862 -319
  216. package/docs/demos/Masthead/examples/Masthead.md +1119 -489
  217. package/docs/demos/Modal/examples/Modal.md +948 -321
  218. package/docs/demos/Nav/examples/Nav.md +3449 -499
  219. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +2418 -405
  220. package/docs/demos/Page/examples/Page.md +2137 -773
  221. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  222. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
  223. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1913 -504
  224. package/docs/demos/Skeleton/examples/Skeleton.md +145 -52
  225. package/docs/demos/Table/examples/Table.md +11807 -2275
  226. package/docs/demos/Tabs/examples/Tabs.md +1117 -337
  227. package/docs/demos/Toolbar/examples/Toolbar.md +1818 -286
  228. package/docs/demos/Wizard/examples/Wizard.md +1705 -526
  229. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  230. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  231. package/docs/layouts/Flex/examples/Flex.css +3 -3
  232. package/docs/layouts/Flex/examples/Flex.md +3 -2
  233. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  234. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  235. package/docs/layouts/Grid/examples/Grid.css +1 -1
  236. package/docs/layouts/Grid/examples/Grid.md +6 -5
  237. package/docs/layouts/Level/examples/Level.css +3 -3
  238. package/docs/layouts/Level/examples/Level.md +2 -1
  239. package/docs/layouts/Split/examples/Split.css +1 -1
  240. package/docs/layouts/Split/examples/Split.md +2 -1
  241. package/docs/layouts/Stack/examples/Stack.css +3 -3
  242. package/docs/layouts/Stack/examples/Stack.md +2 -1
  243. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  244. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  245. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  246. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  247. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  248. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  249. package/docs/utilities/Display/examples/Display.css +1 -1
  250. package/docs/utilities/Display/examples/Display.md +3 -2
  251. package/docs/utilities/Flex/examples/Flex.css +7 -7
  252. package/docs/utilities/Flex/examples/Flex.md +3 -2
  253. package/docs/utilities/Float/examples/Float.css +2 -2
  254. package/docs/utilities/Float/examples/Float.md +3 -2
  255. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  256. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  257. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  258. package/docs/utilities/Text/examples/Text.md +5 -4
  259. package/icons/PfIcons/add-circle-o.svg +4 -0
  260. package/icons/PfIcons/ansible-tower.svg +4 -0
  261. package/icons/PfIcons/applications.svg +4 -0
  262. package/icons/PfIcons/arrow.svg +4 -0
  263. package/icons/PfIcons/asleep.svg +4 -0
  264. package/icons/PfIcons/attention-bell.svg +4 -0
  265. package/icons/PfIcons/automation.svg +4 -0
  266. package/icons/PfIcons/bell.svg +4 -0
  267. package/icons/PfIcons/blueprint.svg +4 -0
  268. package/icons/PfIcons/build.svg +4 -0
  269. package/icons/PfIcons/builder-image.svg +4 -0
  270. package/icons/PfIcons/bundle.svg +4 -0
  271. package/icons/PfIcons/catalog.svg +4 -0
  272. package/icons/PfIcons/chat.svg +4 -0
  273. package/icons/PfIcons/close.svg +4 -0
  274. package/icons/PfIcons/cloud-security.svg +4 -0
  275. package/icons/PfIcons/cloud-tenant.svg +4 -0
  276. package/icons/PfIcons/cluster.svg +4 -0
  277. package/icons/PfIcons/connected.svg +4 -0
  278. package/icons/PfIcons/container-node.svg +4 -0
  279. package/icons/PfIcons/cpu.svg +4 -0
  280. package/icons/PfIcons/critical-risk.svg +4 -0
  281. package/icons/PfIcons/data-processor.svg +4 -0
  282. package/icons/PfIcons/data-sink.svg +4 -0
  283. package/icons/PfIcons/data-source.svg +4 -0
  284. package/icons/PfIcons/degraded.svg +4 -0
  285. package/icons/PfIcons/disconnected.svg +4 -0
  286. package/icons/PfIcons/domain.svg +4 -0
  287. package/icons/PfIcons/edit.svg +4 -0
  288. package/icons/PfIcons/enhancement.svg +4 -0
  289. package/icons/PfIcons/enterprise.svg +4 -0
  290. package/icons/PfIcons/equalizer.svg +4 -0
  291. package/icons/PfIcons/error-circle-o.svg +4 -0
  292. package/icons/PfIcons/export.svg +4 -0
  293. package/icons/PfIcons/filter.svg +4 -0
  294. package/icons/PfIcons/flavor.svg +4 -0
  295. package/icons/PfIcons/folder-close.svg +4 -0
  296. package/icons/PfIcons/folder-open.svg +4 -0
  297. package/icons/PfIcons/globe-route.svg +4 -0
  298. package/icons/PfIcons/help.svg +4 -0
  299. package/icons/PfIcons/history.svg +4 -0
  300. package/icons/PfIcons/home.svg +4 -0
  301. package/icons/PfIcons/import.svg +4 -0
  302. package/icons/PfIcons/in-progress.svg +4 -0
  303. package/icons/PfIcons/info.svg +4 -0
  304. package/icons/PfIcons/infrastructure.svg +4 -0
  305. package/icons/PfIcons/integration.svg +4 -0
  306. package/icons/PfIcons/key.svg +4 -0
  307. package/icons/PfIcons/locked.svg +4 -0
  308. package/icons/PfIcons/maintenance.svg +4 -0
  309. package/icons/PfIcons/memory.svg +4 -0
  310. package/icons/PfIcons/messages.svg +4 -0
  311. package/icons/PfIcons/middleware.svg +4 -0
  312. package/icons/PfIcons/migration.svg +4 -0
  313. package/icons/PfIcons/module.svg +4 -0
  314. package/icons/PfIcons/monitoring.svg +4 -0
  315. package/icons/PfIcons/multicluster.svg +4 -0
  316. package/icons/PfIcons/namespaces.svg +4 -0
  317. package/icons/PfIcons/network.svg +4 -0
  318. package/icons/PfIcons/new-process.svg +4 -0
  319. package/icons/PfIcons/not-started.svg +4 -0
  320. package/icons/PfIcons/off.svg +4 -0
  321. package/icons/PfIcons/ok.svg +4 -0
  322. package/icons/PfIcons/on-running.svg +4 -0
  323. package/icons/PfIcons/on.svg +4 -0
  324. package/icons/PfIcons/open-drawer-right.svg +4 -0
  325. package/icons/PfIcons/openshift.svg +4 -0
  326. package/icons/PfIcons/openstack.svg +4 -0
  327. package/icons/PfIcons/optimize.svg +4 -0
  328. package/icons/PfIcons/orders.svg +4 -0
  329. package/icons/PfIcons/os-image.svg +4 -0
  330. package/icons/PfIcons/package.svg +4 -0
  331. package/icons/PfIcons/panel-close.svg +4 -0
  332. package/icons/PfIcons/panel-open.svg +4 -0
  333. package/icons/PfIcons/paused.svg +4 -0
  334. package/icons/PfIcons/pending.svg +4 -0
  335. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  336. package/icons/PfIcons/pficon-history.svg +4 -0
  337. package/icons/PfIcons/pficon-network-range.svg +4 -0
  338. package/icons/PfIcons/pficon-satellite.svg +4 -0
  339. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  340. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  341. package/icons/PfIcons/pficon-template.svg +4 -0
  342. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  343. package/icons/PfIcons/plugged.svg +4 -0
  344. package/icons/PfIcons/port.svg +4 -0
  345. package/icons/PfIcons/print.svg +4 -0
  346. package/icons/PfIcons/private.svg +4 -0
  347. package/icons/PfIcons/process-automation.svg +4 -0
  348. package/icons/PfIcons/project.svg +4 -0
  349. package/icons/PfIcons/rebalance.svg +4 -0
  350. package/icons/PfIcons/rebooting.svg +4 -0
  351. package/icons/PfIcons/regions.svg +4 -0
  352. package/icons/PfIcons/registry.svg +4 -0
  353. package/icons/PfIcons/remove2.svg +4 -0
  354. package/icons/PfIcons/replicator.svg +4 -0
  355. package/icons/PfIcons/repository.svg +4 -0
  356. package/icons/PfIcons/resource-pool.svg +4 -0
  357. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  358. package/icons/PfIcons/resources-almost-full.svg +4 -0
  359. package/icons/PfIcons/resources-empty.svg +4 -0
  360. package/icons/PfIcons/resources-full.svg +4 -0
  361. package/icons/PfIcons/running.svg +4 -0
  362. package/icons/PfIcons/save.svg +4 -0
  363. package/icons/PfIcons/screen.svg +4 -0
  364. package/icons/PfIcons/security.svg +4 -0
  365. package/icons/PfIcons/server-group.svg +4 -0
  366. package/icons/PfIcons/server.svg +4 -0
  367. package/icons/PfIcons/service-catalog.svg +4 -0
  368. package/icons/PfIcons/service.svg +4 -0
  369. package/icons/PfIcons/services.svg +4 -0
  370. package/icons/PfIcons/severity-critical.svg +4 -0
  371. package/icons/PfIcons/severity-important.svg +4 -0
  372. package/icons/PfIcons/severity-minor.svg +4 -0
  373. package/icons/PfIcons/severity-moderate.svg +4 -0
  374. package/icons/PfIcons/severity-none.svg +4 -0
  375. package/icons/PfIcons/severity-undefined.svg +4 -0
  376. package/icons/PfIcons/spinner.svg +4 -0
  377. package/icons/PfIcons/spinner2.svg +4 -0
  378. package/icons/PfIcons/storage-domain.svg +4 -0
  379. package/icons/PfIcons/task.svg +4 -0
  380. package/icons/PfIcons/tenant.svg +4 -0
  381. package/icons/PfIcons/thumb-tack.svg +4 -0
  382. package/icons/PfIcons/topology.svg +4 -0
  383. package/icons/PfIcons/treeview.svg +4 -0
  384. package/icons/PfIcons/trend-down.svg +4 -0
  385. package/icons/PfIcons/trend-up.svg +4 -0
  386. package/icons/PfIcons/unknown.svg +4 -0
  387. package/icons/PfIcons/unlocked.svg +4 -0
  388. package/icons/PfIcons/unplugged.svg +4 -0
  389. package/icons/PfIcons/user.svg +4 -0
  390. package/icons/PfIcons/users.svg +4 -0
  391. package/icons/PfIcons/virtual-machine.svg +4 -0
  392. package/icons/PfIcons/volume.svg +4 -0
  393. package/icons/PfIcons/warning-triangle.svg +4 -0
  394. package/icons/PfIcons/zone.svg +4 -0
  395. package/layouts/Flex/flex.scss +83 -19
  396. package/layouts/Gallery/gallery.css +6 -2
  397. package/layouts/_index.css +6 -2
  398. package/package.json +55 -17
  399. package/patternfly-base-no-globals.css +969 -489
  400. package/patternfly-base.css +976 -489
  401. package/patternfly-charts.css +3 -3
  402. package/patternfly-no-globals.css +3623 -1194
  403. package/patternfly.css +3630 -1194
  404. package/patternfly.min.css +1 -1
  405. package/patternfly.min.css.map +1 -1
  406. package/patternfly.scss +48 -0
  407. package/sass-utilities/functions.scss +32 -25
  408. package/sass-utilities/mixins.scss +54 -23
  409. package/sass-utilities/namespaces-components.scss +6 -0
  410. package/sass-utilities/scss-variables.scss +3 -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
@@ -53,7 +66,19 @@ cssPrefix: pf-v6-c-dual-list-selector
53
66
  id="basic-available-menu-toggle"
54
67
  >
55
68
  <span class="pf-v6-c-menu-toggle__icon">
56
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
69
+ <svg
70
+ class="pf-v6-svg"
71
+ viewBox="0 0 32 32"
72
+ fill="currentColor"
73
+ aria-hidden="true"
74
+ role="img"
75
+ width="1em"
76
+ height="1em"
77
+ >
78
+ <path
79
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
80
+ />
81
+ </svg>
57
82
  </span>
58
83
  </button>
59
84
  </div>
@@ -134,7 +159,19 @@ cssPrefix: pf-v6-c-dual-list-selector
134
159
  aria-label="Add selected"
135
160
  >
136
161
  <span class="pf-v6-c-button__icon">
137
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
162
+ <svg
163
+ class="pf-v6-svg"
164
+ viewBox="0 0 256 512"
165
+ fill="currentColor"
166
+ aria-hidden="true"
167
+ role="img"
168
+ width="1em"
169
+ height="1em"
170
+ >
171
+ <path
172
+ 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"
173
+ />
174
+ </svg>
138
175
  </span>
139
176
  </button>
140
177
  </div>
@@ -145,7 +182,19 @@ cssPrefix: pf-v6-c-dual-list-selector
145
182
  aria-label="Add all"
146
183
  >
147
184
  <span class="pf-v6-c-button__icon">
148
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
185
+ <svg
186
+ class="pf-v6-svg"
187
+ viewBox="0 0 448 512"
188
+ fill="currentColor"
189
+ aria-hidden="true"
190
+ role="img"
191
+ width="1em"
192
+ height="1em"
193
+ >
194
+ <path
195
+ 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"
196
+ />
197
+ </svg>
149
198
  </span>
150
199
  </button>
151
200
  </div>
@@ -157,7 +206,19 @@ cssPrefix: pf-v6-c-dual-list-selector
157
206
  aria-label="Remove all"
158
207
  >
159
208
  <span class="pf-v6-c-button__icon">
160
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
209
+ <svg
210
+ class="pf-v6-svg"
211
+ viewBox="0 0 448 512"
212
+ fill="currentColor"
213
+ aria-hidden="true"
214
+ role="img"
215
+ width="1em"
216
+ height="1em"
217
+ >
218
+ <path
219
+ 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"
220
+ />
221
+ </svg>
161
222
  </span>
162
223
  </button>
163
224
  </div>
@@ -169,7 +230,19 @@ cssPrefix: pf-v6-c-dual-list-selector
169
230
  aria-label="Remove selected"
170
231
  >
171
232
  <span class="pf-v6-c-button__icon">
172
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
233
+ <svg
234
+ class="pf-v6-svg"
235
+ viewBox="0 0 256 512"
236
+ fill="currentColor"
237
+ aria-hidden="true"
238
+ role="img"
239
+ width="1em"
240
+ height="1em"
241
+ >
242
+ <path
243
+ 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"
244
+ />
245
+ </svg>
173
246
  </span>
174
247
  </button>
175
248
  </div>
@@ -204,11 +277,24 @@ cssPrefix: pf-v6-c-dual-list-selector
204
277
  type="button"
205
278
  aria-label="Sort"
206
279
  >
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>
280
+ <span class="pf-v6-c-button__icon">
281
+ <span class="pf-v6-c-icon">
282
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
283
+ <svg
284
+ class="pf-v6-svg"
285
+ viewBox="0 0 512 512"
286
+ fill="currentColor"
287
+ aria-hidden="true"
288
+ role="img"
289
+ width="1em"
290
+ height="1em"
291
+ >
292
+ <path
293
+ 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"
294
+ />
295
+ </svg>
296
+ </span>
297
+ </span>
212
298
  </span>
213
299
  </button>
214
300
  <button
@@ -219,7 +305,19 @@ cssPrefix: pf-v6-c-dual-list-selector
219
305
  id="basic-chosen-menu-toggle"
220
306
  >
221
307
  <span class="pf-v6-c-menu-toggle__icon">
222
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
308
+ <svg
309
+ class="pf-v6-svg"
310
+ viewBox="0 0 32 32"
311
+ fill="currentColor"
312
+ aria-hidden="true"
313
+ role="img"
314
+ width="1em"
315
+ height="1em"
316
+ >
317
+ <path
318
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
319
+ />
320
+ </svg>
223
321
  </span>
224
322
  </button>
225
323
  </div>
@@ -278,11 +376,24 @@ cssPrefix: pf-v6-c-dual-list-selector
278
376
  type="button"
279
377
  aria-label="Sort"
280
378
  >
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>
379
+ <span class="pf-v6-c-button__icon">
380
+ <span class="pf-v6-c-icon">
381
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
382
+ <svg
383
+ class="pf-v6-svg"
384
+ viewBox="0 0 512 512"
385
+ fill="currentColor"
386
+ aria-hidden="true"
387
+ role="img"
388
+ width="1em"
389
+ height="1em"
390
+ >
391
+ <path
392
+ 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"
393
+ />
394
+ </svg>
395
+ </span>
396
+ </span>
286
397
  </span>
287
398
  </button>
288
399
  <button
@@ -293,7 +404,19 @@ cssPrefix: pf-v6-c-dual-list-selector
293
404
  id="available-item-selected-available-menu-toggle"
294
405
  >
295
406
  <span class="pf-v6-c-menu-toggle__icon">
296
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
407
+ <svg
408
+ class="pf-v6-svg"
409
+ viewBox="0 0 32 32"
410
+ fill="currentColor"
411
+ aria-hidden="true"
412
+ role="img"
413
+ width="1em"
414
+ height="1em"
415
+ >
416
+ <path
417
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
418
+ />
419
+ </svg>
297
420
  </span>
298
421
  </button>
299
422
  </div>
@@ -368,7 +491,19 @@ cssPrefix: pf-v6-c-dual-list-selector
368
491
  aria-label="Add selected"
369
492
  >
370
493
  <span class="pf-v6-c-button__icon">
371
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
494
+ <svg
495
+ class="pf-v6-svg"
496
+ viewBox="0 0 256 512"
497
+ fill="currentColor"
498
+ aria-hidden="true"
499
+ role="img"
500
+ width="1em"
501
+ height="1em"
502
+ >
503
+ <path
504
+ 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"
505
+ />
506
+ </svg>
372
507
  </span>
373
508
  </button>
374
509
  </div>
@@ -379,7 +514,19 @@ cssPrefix: pf-v6-c-dual-list-selector
379
514
  aria-label="Add all"
380
515
  >
381
516
  <span class="pf-v6-c-button__icon">
382
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
517
+ <svg
518
+ class="pf-v6-svg"
519
+ viewBox="0 0 448 512"
520
+ fill="currentColor"
521
+ aria-hidden="true"
522
+ role="img"
523
+ width="1em"
524
+ height="1em"
525
+ >
526
+ <path
527
+ 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"
528
+ />
529
+ </svg>
383
530
  </span>
384
531
  </button>
385
532
  </div>
@@ -391,7 +538,19 @@ cssPrefix: pf-v6-c-dual-list-selector
391
538
  aria-label="Remove all"
392
539
  >
393
540
  <span class="pf-v6-c-button__icon">
394
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
541
+ <svg
542
+ class="pf-v6-svg"
543
+ viewBox="0 0 448 512"
544
+ fill="currentColor"
545
+ aria-hidden="true"
546
+ role="img"
547
+ width="1em"
548
+ height="1em"
549
+ >
550
+ <path
551
+ 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"
552
+ />
553
+ </svg>
395
554
  </span>
396
555
  </button>
397
556
  </div>
@@ -403,7 +562,19 @@ cssPrefix: pf-v6-c-dual-list-selector
403
562
  aria-label="Remove selected"
404
563
  >
405
564
  <span class="pf-v6-c-button__icon">
406
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
565
+ <svg
566
+ class="pf-v6-svg"
567
+ viewBox="0 0 256 512"
568
+ fill="currentColor"
569
+ aria-hidden="true"
570
+ role="img"
571
+ width="1em"
572
+ height="1em"
573
+ >
574
+ <path
575
+ 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"
576
+ />
577
+ </svg>
407
578
  </span>
408
579
  </button>
409
580
  </div>
@@ -438,11 +609,24 @@ cssPrefix: pf-v6-c-dual-list-selector
438
609
  type="button"
439
610
  aria-label="Sort"
440
611
  >
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>
612
+ <span class="pf-v6-c-button__icon">
613
+ <span class="pf-v6-c-icon">
614
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
615
+ <svg
616
+ class="pf-v6-svg"
617
+ viewBox="0 0 512 512"
618
+ fill="currentColor"
619
+ aria-hidden="true"
620
+ role="img"
621
+ width="1em"
622
+ height="1em"
623
+ >
624
+ <path
625
+ 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"
626
+ />
627
+ </svg>
628
+ </span>
629
+ </span>
446
630
  </span>
447
631
  </button>
448
632
  <button
@@ -453,7 +637,19 @@ cssPrefix: pf-v6-c-dual-list-selector
453
637
  id="available-item-selected-chosen-menu-toggle"
454
638
  >
455
639
  <span class="pf-v6-c-menu-toggle__icon">
456
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
640
+ <svg
641
+ class="pf-v6-svg"
642
+ viewBox="0 0 32 32"
643
+ fill="currentColor"
644
+ aria-hidden="true"
645
+ role="img"
646
+ width="1em"
647
+ height="1em"
648
+ >
649
+ <path
650
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
651
+ />
652
+ </svg>
457
653
  </span>
458
654
  </button>
459
655
  </div>
@@ -512,11 +708,24 @@ cssPrefix: pf-v6-c-dual-list-selector
512
708
  type="button"
513
709
  aria-label="Sort"
514
710
  >
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>
711
+ <span class="pf-v6-c-button__icon">
712
+ <span class="pf-v6-c-icon">
713
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
714
+ <svg
715
+ class="pf-v6-svg"
716
+ viewBox="0 0 512 512"
717
+ fill="currentColor"
718
+ aria-hidden="true"
719
+ role="img"
720
+ width="1em"
721
+ height="1em"
722
+ >
723
+ <path
724
+ 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"
725
+ />
726
+ </svg>
727
+ </span>
728
+ </span>
520
729
  </span>
521
730
  </button>
522
731
  <button
@@ -527,7 +736,19 @@ cssPrefix: pf-v6-c-dual-list-selector
527
736
  id="multiple-available-items-selected-available-menu-toggle"
528
737
  >
529
738
  <span class="pf-v6-c-menu-toggle__icon">
530
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
739
+ <svg
740
+ class="pf-v6-svg"
741
+ viewBox="0 0 32 32"
742
+ fill="currentColor"
743
+ aria-hidden="true"
744
+ role="img"
745
+ width="1em"
746
+ height="1em"
747
+ >
748
+ <path
749
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
750
+ />
751
+ </svg>
531
752
  </span>
532
753
  </button>
533
754
  </div>
@@ -602,7 +823,19 @@ cssPrefix: pf-v6-c-dual-list-selector
602
823
  aria-label="Add selected"
603
824
  >
604
825
  <span class="pf-v6-c-button__icon">
605
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
826
+ <svg
827
+ class="pf-v6-svg"
828
+ viewBox="0 0 256 512"
829
+ fill="currentColor"
830
+ aria-hidden="true"
831
+ role="img"
832
+ width="1em"
833
+ height="1em"
834
+ >
835
+ <path
836
+ 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"
837
+ />
838
+ </svg>
606
839
  </span>
607
840
  </button>
608
841
  </div>
@@ -613,7 +846,19 @@ cssPrefix: pf-v6-c-dual-list-selector
613
846
  aria-label="Add all"
614
847
  >
615
848
  <span class="pf-v6-c-button__icon">
616
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
849
+ <svg
850
+ class="pf-v6-svg"
851
+ viewBox="0 0 448 512"
852
+ fill="currentColor"
853
+ aria-hidden="true"
854
+ role="img"
855
+ width="1em"
856
+ height="1em"
857
+ >
858
+ <path
859
+ 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"
860
+ />
861
+ </svg>
617
862
  </span>
618
863
  </button>
619
864
  </div>
@@ -625,7 +870,19 @@ cssPrefix: pf-v6-c-dual-list-selector
625
870
  aria-label="Remove all"
626
871
  >
627
872
  <span class="pf-v6-c-button__icon">
628
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
873
+ <svg
874
+ class="pf-v6-svg"
875
+ viewBox="0 0 448 512"
876
+ fill="currentColor"
877
+ aria-hidden="true"
878
+ role="img"
879
+ width="1em"
880
+ height="1em"
881
+ >
882
+ <path
883
+ 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"
884
+ />
885
+ </svg>
629
886
  </span>
630
887
  </button>
631
888
  </div>
@@ -637,7 +894,19 @@ cssPrefix: pf-v6-c-dual-list-selector
637
894
  aria-label="Remove selected"
638
895
  >
639
896
  <span class="pf-v6-c-button__icon">
640
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
897
+ <svg
898
+ class="pf-v6-svg"
899
+ viewBox="0 0 256 512"
900
+ fill="currentColor"
901
+ aria-hidden="true"
902
+ role="img"
903
+ width="1em"
904
+ height="1em"
905
+ >
906
+ <path
907
+ 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"
908
+ />
909
+ </svg>
641
910
  </span>
642
911
  </button>
643
912
  </div>
@@ -672,11 +941,24 @@ cssPrefix: pf-v6-c-dual-list-selector
672
941
  type="button"
673
942
  aria-label="Sort"
674
943
  >
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>
944
+ <span class="pf-v6-c-button__icon">
945
+ <span class="pf-v6-c-icon">
946
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
947
+ <svg
948
+ class="pf-v6-svg"
949
+ viewBox="0 0 512 512"
950
+ fill="currentColor"
951
+ aria-hidden="true"
952
+ role="img"
953
+ width="1em"
954
+ height="1em"
955
+ >
956
+ <path
957
+ 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"
958
+ />
959
+ </svg>
960
+ </span>
961
+ </span>
680
962
  </span>
681
963
  </button>
682
964
  <button
@@ -687,7 +969,19 @@ cssPrefix: pf-v6-c-dual-list-selector
687
969
  id="multiple-available-items-selected-chosen-menu-toggle"
688
970
  >
689
971
  <span class="pf-v6-c-menu-toggle__icon">
690
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
972
+ <svg
973
+ class="pf-v6-svg"
974
+ viewBox="0 0 32 32"
975
+ fill="currentColor"
976
+ aria-hidden="true"
977
+ role="img"
978
+ width="1em"
979
+ height="1em"
980
+ >
981
+ <path
982
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
983
+ />
984
+ </svg>
691
985
  </span>
692
986
  </button>
693
987
  </div>
@@ -746,11 +1040,24 @@ cssPrefix: pf-v6-c-dual-list-selector
746
1040
  type="button"
747
1041
  aria-label="Sort"
748
1042
  >
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>
1043
+ <span class="pf-v6-c-button__icon">
1044
+ <span class="pf-v6-c-icon">
1045
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
1046
+ <svg
1047
+ class="pf-v6-svg"
1048
+ viewBox="0 0 512 512"
1049
+ fill="currentColor"
1050
+ aria-hidden="true"
1051
+ role="img"
1052
+ width="1em"
1053
+ height="1em"
1054
+ >
1055
+ <path
1056
+ 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"
1057
+ />
1058
+ </svg>
1059
+ </span>
1060
+ </span>
754
1061
  </span>
755
1062
  </button>
756
1063
  <button
@@ -761,7 +1068,19 @@ cssPrefix: pf-v6-c-dual-list-selector
761
1068
  id="chosen-item-available-menu-toggle"
762
1069
  >
763
1070
  <span class="pf-v6-c-menu-toggle__icon">
764
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1071
+ <svg
1072
+ class="pf-v6-svg"
1073
+ viewBox="0 0 32 32"
1074
+ fill="currentColor"
1075
+ aria-hidden="true"
1076
+ role="img"
1077
+ width="1em"
1078
+ height="1em"
1079
+ >
1080
+ <path
1081
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1082
+ />
1083
+ </svg>
765
1084
  </span>
766
1085
  </button>
767
1086
  </div>
@@ -837,7 +1156,19 @@ cssPrefix: pf-v6-c-dual-list-selector
837
1156
  aria-label="Add selected"
838
1157
  >
839
1158
  <span class="pf-v6-c-button__icon">
840
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
1159
+ <svg
1160
+ class="pf-v6-svg"
1161
+ viewBox="0 0 256 512"
1162
+ fill="currentColor"
1163
+ aria-hidden="true"
1164
+ role="img"
1165
+ width="1em"
1166
+ height="1em"
1167
+ >
1168
+ <path
1169
+ 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"
1170
+ />
1171
+ </svg>
841
1172
  </span>
842
1173
  </button>
843
1174
  </div>
@@ -848,7 +1179,19 @@ cssPrefix: pf-v6-c-dual-list-selector
848
1179
  aria-label="Add all"
849
1180
  >
850
1181
  <span class="pf-v6-c-button__icon">
851
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
1182
+ <svg
1183
+ class="pf-v6-svg"
1184
+ viewBox="0 0 448 512"
1185
+ fill="currentColor"
1186
+ aria-hidden="true"
1187
+ role="img"
1188
+ width="1em"
1189
+ height="1em"
1190
+ >
1191
+ <path
1192
+ 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"
1193
+ />
1194
+ </svg>
852
1195
  </span>
853
1196
  </button>
854
1197
  </div>
@@ -859,7 +1202,19 @@ cssPrefix: pf-v6-c-dual-list-selector
859
1202
  aria-label="Remove all"
860
1203
  >
861
1204
  <span class="pf-v6-c-button__icon">
862
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
1205
+ <svg
1206
+ class="pf-v6-svg"
1207
+ viewBox="0 0 448 512"
1208
+ fill="currentColor"
1209
+ aria-hidden="true"
1210
+ role="img"
1211
+ width="1em"
1212
+ height="1em"
1213
+ >
1214
+ <path
1215
+ 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"
1216
+ />
1217
+ </svg>
863
1218
  </span>
864
1219
  </button>
865
1220
  </div>
@@ -871,7 +1226,19 @@ cssPrefix: pf-v6-c-dual-list-selector
871
1226
  aria-label="Remove selected"
872
1227
  >
873
1228
  <span class="pf-v6-c-button__icon">
874
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
1229
+ <svg
1230
+ class="pf-v6-svg"
1231
+ viewBox="0 0 256 512"
1232
+ fill="currentColor"
1233
+ aria-hidden="true"
1234
+ role="img"
1235
+ width="1em"
1236
+ height="1em"
1237
+ >
1238
+ <path
1239
+ 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"
1240
+ />
1241
+ </svg>
875
1242
  </span>
876
1243
  </button>
877
1244
  </div>
@@ -906,11 +1273,24 @@ cssPrefix: pf-v6-c-dual-list-selector
906
1273
  type="button"
907
1274
  aria-label="Sort"
908
1275
  >
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>
1276
+ <span class="pf-v6-c-button__icon">
1277
+ <span class="pf-v6-c-icon">
1278
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
1279
+ <svg
1280
+ class="pf-v6-svg"
1281
+ viewBox="0 0 512 512"
1282
+ fill="currentColor"
1283
+ aria-hidden="true"
1284
+ role="img"
1285
+ width="1em"
1286
+ height="1em"
1287
+ >
1288
+ <path
1289
+ 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"
1290
+ />
1291
+ </svg>
1292
+ </span>
1293
+ </span>
914
1294
  </span>
915
1295
  </button>
916
1296
  <button
@@ -921,7 +1301,19 @@ cssPrefix: pf-v6-c-dual-list-selector
921
1301
  id="chosen-item-chosen-menu-toggle"
922
1302
  >
923
1303
  <span class="pf-v6-c-menu-toggle__icon">
924
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1304
+ <svg
1305
+ class="pf-v6-svg"
1306
+ viewBox="0 0 32 32"
1307
+ fill="currentColor"
1308
+ aria-hidden="true"
1309
+ role="img"
1310
+ width="1em"
1311
+ height="1em"
1312
+ >
1313
+ <path
1314
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1315
+ />
1316
+ </svg>
925
1317
  </span>
926
1318
  </button>
927
1319
  </div>
@@ -990,11 +1382,24 @@ cssPrefix: pf-v6-c-dual-list-selector
990
1382
  type="button"
991
1383
  aria-label="Sort"
992
1384
  >
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>
1385
+ <span class="pf-v6-c-button__icon">
1386
+ <span class="pf-v6-c-icon">
1387
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
1388
+ <svg
1389
+ class="pf-v6-svg"
1390
+ viewBox="0 0 512 512"
1391
+ fill="currentColor"
1392
+ aria-hidden="true"
1393
+ role="img"
1394
+ width="1em"
1395
+ height="1em"
1396
+ >
1397
+ <path
1398
+ 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"
1399
+ />
1400
+ </svg>
1401
+ </span>
1402
+ </span>
998
1403
  </span>
999
1404
  </button>
1000
1405
  <button
@@ -1005,7 +1410,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1005
1410
  id="chosen-item-selected-available-menu-toggle"
1006
1411
  >
1007
1412
  <span class="pf-v6-c-menu-toggle__icon">
1008
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1413
+ <svg
1414
+ class="pf-v6-svg"
1415
+ viewBox="0 0 32 32"
1416
+ fill="currentColor"
1417
+ aria-hidden="true"
1418
+ role="img"
1419
+ width="1em"
1420
+ height="1em"
1421
+ >
1422
+ <path
1423
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1424
+ />
1425
+ </svg>
1009
1426
  </span>
1010
1427
  </button>
1011
1428
  </div>
@@ -1081,7 +1498,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1081
1498
  aria-label="Add selected"
1082
1499
  >
1083
1500
  <span class="pf-v6-c-button__icon">
1084
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
1501
+ <svg
1502
+ class="pf-v6-svg"
1503
+ viewBox="0 0 256 512"
1504
+ fill="currentColor"
1505
+ aria-hidden="true"
1506
+ role="img"
1507
+ width="1em"
1508
+ height="1em"
1509
+ >
1510
+ <path
1511
+ 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"
1512
+ />
1513
+ </svg>
1085
1514
  </span>
1086
1515
  </button>
1087
1516
  </div>
@@ -1092,7 +1521,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1092
1521
  aria-label="Add all"
1093
1522
  >
1094
1523
  <span class="pf-v6-c-button__icon">
1095
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
1524
+ <svg
1525
+ class="pf-v6-svg"
1526
+ viewBox="0 0 448 512"
1527
+ fill="currentColor"
1528
+ aria-hidden="true"
1529
+ role="img"
1530
+ width="1em"
1531
+ height="1em"
1532
+ >
1533
+ <path
1534
+ 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"
1535
+ />
1536
+ </svg>
1096
1537
  </span>
1097
1538
  </button>
1098
1539
  </div>
@@ -1103,7 +1544,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1103
1544
  aria-label="Remove all"
1104
1545
  >
1105
1546
  <span class="pf-v6-c-button__icon">
1106
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
1547
+ <svg
1548
+ class="pf-v6-svg"
1549
+ viewBox="0 0 448 512"
1550
+ fill="currentColor"
1551
+ aria-hidden="true"
1552
+ role="img"
1553
+ width="1em"
1554
+ height="1em"
1555
+ >
1556
+ <path
1557
+ 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"
1558
+ />
1559
+ </svg>
1107
1560
  </span>
1108
1561
  </button>
1109
1562
  </div>
@@ -1114,7 +1567,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1114
1567
  aria-label="Remove selected"
1115
1568
  >
1116
1569
  <span class="pf-v6-c-button__icon">
1117
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
1570
+ <svg
1571
+ class="pf-v6-svg"
1572
+ viewBox="0 0 256 512"
1573
+ fill="currentColor"
1574
+ aria-hidden="true"
1575
+ role="img"
1576
+ width="1em"
1577
+ height="1em"
1578
+ >
1579
+ <path
1580
+ 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"
1581
+ />
1582
+ </svg>
1118
1583
  </span>
1119
1584
  </button>
1120
1585
  </div>
@@ -1149,11 +1614,24 @@ cssPrefix: pf-v6-c-dual-list-selector
1149
1614
  type="button"
1150
1615
  aria-label="Sort"
1151
1616
  >
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>
1617
+ <span class="pf-v6-c-button__icon">
1618
+ <span class="pf-v6-c-icon">
1619
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
1620
+ <svg
1621
+ class="pf-v6-svg"
1622
+ viewBox="0 0 512 512"
1623
+ fill="currentColor"
1624
+ aria-hidden="true"
1625
+ role="img"
1626
+ width="1em"
1627
+ height="1em"
1628
+ >
1629
+ <path
1630
+ 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"
1631
+ />
1632
+ </svg>
1633
+ </span>
1634
+ </span>
1157
1635
  </span>
1158
1636
  </button>
1159
1637
  <button
@@ -1164,7 +1642,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1164
1642
  id="chosen-item-selected-chosen-menu-toggle"
1165
1643
  >
1166
1644
  <span class="pf-v6-c-menu-toggle__icon">
1167
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1645
+ <svg
1646
+ class="pf-v6-svg"
1647
+ viewBox="0 0 32 32"
1648
+ fill="currentColor"
1649
+ aria-hidden="true"
1650
+ role="img"
1651
+ width="1em"
1652
+ height="1em"
1653
+ >
1654
+ <path
1655
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1656
+ />
1657
+ </svg>
1168
1658
  </span>
1169
1659
  </button>
1170
1660
  </div>
@@ -1233,11 +1723,24 @@ cssPrefix: pf-v6-c-dual-list-selector
1233
1723
  type="button"
1234
1724
  aria-label="Sort"
1235
1725
  >
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>
1726
+ <span class="pf-v6-c-button__icon">
1727
+ <span class="pf-v6-c-icon">
1728
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
1729
+ <svg
1730
+ class="pf-v6-svg"
1731
+ viewBox="0 0 512 512"
1732
+ fill="currentColor"
1733
+ aria-hidden="true"
1734
+ role="img"
1735
+ width="1em"
1736
+ height="1em"
1737
+ >
1738
+ <path
1739
+ 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"
1740
+ />
1741
+ </svg>
1742
+ </span>
1743
+ </span>
1241
1744
  </span>
1242
1745
  </button>
1243
1746
  <button
@@ -1248,7 +1751,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1248
1751
  id="tree-available-menu-toggle"
1249
1752
  >
1250
1753
  <span class="pf-v6-c-menu-toggle__icon">
1251
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1754
+ <svg
1755
+ class="pf-v6-svg"
1756
+ viewBox="0 0 32 32"
1757
+ fill="currentColor"
1758
+ aria-hidden="true"
1759
+ role="img"
1760
+ width="1em"
1761
+ height="1em"
1762
+ >
1763
+ <path
1764
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1765
+ />
1766
+ </svg>
1252
1767
  </span>
1253
1768
  </button>
1254
1769
  </div>
@@ -1277,7 +1792,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1277
1792
  <span class="pf-v6-c-dual-list-selector__item-main">
1278
1793
  <div class="pf-v6-c-dual-list-selector__item-toggle">
1279
1794
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
1280
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1795
+ <svg
1796
+ class="pf-v6-svg"
1797
+ viewBox="0 0 20 20"
1798
+ fill="currentColor"
1799
+ aria-hidden="true"
1800
+ role="img"
1801
+ width="1em"
1802
+ height="1em"
1803
+ >
1804
+ <path
1805
+ 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"
1806
+ />
1807
+ </svg>
1281
1808
  </span>
1282
1809
  </div>
1283
1810
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1375,7 +1902,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1375
1902
  <span
1376
1903
  class="pf-v6-c-dual-list-selector__item-toggle-icon"
1377
1904
  >
1378
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1905
+ <svg
1906
+ class="pf-v6-svg"
1907
+ viewBox="0 0 20 20"
1908
+ fill="currentColor"
1909
+ aria-hidden="true"
1910
+ role="img"
1911
+ width="1em"
1912
+ height="1em"
1913
+ >
1914
+ <path
1915
+ 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"
1916
+ />
1917
+ </svg>
1379
1918
  </span>
1380
1919
  </div>
1381
1920
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1491,7 +2030,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1491
2030
  <span class="pf-v6-c-dual-list-selector__item-main">
1492
2031
  <div class="pf-v6-c-dual-list-selector__item-toggle">
1493
2032
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
1494
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2033
+ <svg
2034
+ class="pf-v6-svg"
2035
+ viewBox="0 0 20 20"
2036
+ fill="currentColor"
2037
+ aria-hidden="true"
2038
+ role="img"
2039
+ width="1em"
2040
+ height="1em"
2041
+ >
2042
+ <path
2043
+ 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"
2044
+ />
2045
+ </svg>
1495
2046
  </span>
1496
2047
  </div>
1497
2048
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1544,7 +2095,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1544
2095
  <span class="pf-v6-c-dual-list-selector__item-main">
1545
2096
  <div class="pf-v6-c-dual-list-selector__item-toggle">
1546
2097
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
1547
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2098
+ <svg
2099
+ class="pf-v6-svg"
2100
+ viewBox="0 0 20 20"
2101
+ fill="currentColor"
2102
+ aria-hidden="true"
2103
+ role="img"
2104
+ width="1em"
2105
+ height="1em"
2106
+ >
2107
+ <path
2108
+ 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"
2109
+ />
2110
+ </svg>
1548
2111
  </span>
1549
2112
  </div>
1550
2113
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1576,7 +2139,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1576
2139
  aria-label="Add selected"
1577
2140
  >
1578
2141
  <span class="pf-v6-c-button__icon">
1579
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
2142
+ <svg
2143
+ class="pf-v6-svg"
2144
+ viewBox="0 0 256 512"
2145
+ fill="currentColor"
2146
+ aria-hidden="true"
2147
+ role="img"
2148
+ width="1em"
2149
+ height="1em"
2150
+ >
2151
+ <path
2152
+ 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"
2153
+ />
2154
+ </svg>
1580
2155
  </span>
1581
2156
  </button>
1582
2157
  </div>
@@ -1587,7 +2162,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1587
2162
  aria-label="Add all"
1588
2163
  >
1589
2164
  <span class="pf-v6-c-button__icon">
1590
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
2165
+ <svg
2166
+ class="pf-v6-svg"
2167
+ viewBox="0 0 448 512"
2168
+ fill="currentColor"
2169
+ aria-hidden="true"
2170
+ role="img"
2171
+ width="1em"
2172
+ height="1em"
2173
+ >
2174
+ <path
2175
+ 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"
2176
+ />
2177
+ </svg>
1591
2178
  </span>
1592
2179
  </button>
1593
2180
  </div>
@@ -1599,7 +2186,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1599
2186
  aria-label="Remove all"
1600
2187
  >
1601
2188
  <span class="pf-v6-c-button__icon">
1602
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
2189
+ <svg
2190
+ class="pf-v6-svg"
2191
+ viewBox="0 0 448 512"
2192
+ fill="currentColor"
2193
+ aria-hidden="true"
2194
+ role="img"
2195
+ width="1em"
2196
+ height="1em"
2197
+ >
2198
+ <path
2199
+ 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"
2200
+ />
2201
+ </svg>
1603
2202
  </span>
1604
2203
  </button>
1605
2204
  </div>
@@ -1611,7 +2210,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1611
2210
  aria-label="Remove selected"
1612
2211
  >
1613
2212
  <span class="pf-v6-c-button__icon">
1614
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
2213
+ <svg
2214
+ class="pf-v6-svg"
2215
+ viewBox="0 0 256 512"
2216
+ fill="currentColor"
2217
+ aria-hidden="true"
2218
+ role="img"
2219
+ width="1em"
2220
+ height="1em"
2221
+ >
2222
+ <path
2223
+ 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"
2224
+ />
2225
+ </svg>
1615
2226
  </span>
1616
2227
  </button>
1617
2228
  </div>
@@ -1646,11 +2257,24 @@ cssPrefix: pf-v6-c-dual-list-selector
1646
2257
  type="button"
1647
2258
  aria-label="Sort"
1648
2259
  >
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>
2260
+ <span class="pf-v6-c-button__icon">
2261
+ <span class="pf-v6-c-icon">
2262
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
2263
+ <svg
2264
+ class="pf-v6-svg"
2265
+ viewBox="0 0 512 512"
2266
+ fill="currentColor"
2267
+ aria-hidden="true"
2268
+ role="img"
2269
+ width="1em"
2270
+ height="1em"
2271
+ >
2272
+ <path
2273
+ 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"
2274
+ />
2275
+ </svg>
2276
+ </span>
2277
+ </span>
1654
2278
  </span>
1655
2279
  </button>
1656
2280
  <button
@@ -1661,7 +2285,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1661
2285
  id="tree-chosen-menu-toggle"
1662
2286
  >
1663
2287
  <span class="pf-v6-c-menu-toggle__icon">
1664
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2288
+ <svg
2289
+ class="pf-v6-svg"
2290
+ viewBox="0 0 32 32"
2291
+ fill="currentColor"
2292
+ aria-hidden="true"
2293
+ role="img"
2294
+ width="1em"
2295
+ height="1em"
2296
+ >
2297
+ <path
2298
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
2299
+ />
2300
+ </svg>
1665
2301
  </span>
1666
2302
  </button>
1667
2303
  </div>
@@ -1720,11 +2356,24 @@ cssPrefix: pf-v6-c-dual-list-selector
1720
2356
  type="button"
1721
2357
  aria-label="Sort"
1722
2358
  >
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>
2359
+ <span class="pf-v6-c-button__icon">
2360
+ <span class="pf-v6-c-icon">
2361
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
2362
+ <svg
2363
+ class="pf-v6-svg"
2364
+ viewBox="0 0 512 512"
2365
+ fill="currentColor"
2366
+ aria-hidden="true"
2367
+ role="img"
2368
+ width="1em"
2369
+ height="1em"
2370
+ >
2371
+ <path
2372
+ 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"
2373
+ />
2374
+ </svg>
2375
+ </span>
2376
+ </span>
1728
2377
  </span>
1729
2378
  </button>
1730
2379
  <button
@@ -1735,7 +2384,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1735
2384
  id="tree-options-available-menu-toggle"
1736
2385
  >
1737
2386
  <span class="pf-v6-c-menu-toggle__icon">
1738
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2387
+ <svg
2388
+ class="pf-v6-svg"
2389
+ viewBox="0 0 32 32"
2390
+ fill="currentColor"
2391
+ aria-hidden="true"
2392
+ role="img"
2393
+ width="1em"
2394
+ height="1em"
2395
+ >
2396
+ <path
2397
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
2398
+ />
2399
+ </svg>
1739
2400
  </span>
1740
2401
  </button>
1741
2402
  </div>
@@ -1764,7 +2425,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1764
2425
  <span class="pf-v6-c-dual-list-selector__item-main">
1765
2426
  <div class="pf-v6-c-dual-list-selector__item-toggle">
1766
2427
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
1767
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2428
+ <svg
2429
+ class="pf-v6-svg"
2430
+ viewBox="0 0 20 20"
2431
+ fill="currentColor"
2432
+ aria-hidden="true"
2433
+ role="img"
2434
+ width="1em"
2435
+ height="1em"
2436
+ >
2437
+ <path
2438
+ 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"
2439
+ />
2440
+ </svg>
1768
2441
  </span>
1769
2442
  </div>
1770
2443
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1843,7 +2516,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1843
2516
  <span
1844
2517
  class="pf-v6-c-dual-list-selector__item-toggle-icon"
1845
2518
  >
1846
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2519
+ <svg
2520
+ class="pf-v6-svg"
2521
+ viewBox="0 0 20 20"
2522
+ fill="currentColor"
2523
+ aria-hidden="true"
2524
+ role="img"
2525
+ width="1em"
2526
+ height="1em"
2527
+ >
2528
+ <path
2529
+ 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"
2530
+ />
2531
+ </svg>
1847
2532
  </span>
1848
2533
  </div>
1849
2534
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1964,7 +2649,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1964
2649
  <span class="pf-v6-c-dual-list-selector__item-main">
1965
2650
  <div class="pf-v6-c-dual-list-selector__item-toggle">
1966
2651
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
1967
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2652
+ <svg
2653
+ class="pf-v6-svg"
2654
+ viewBox="0 0 20 20"
2655
+ fill="currentColor"
2656
+ aria-hidden="true"
2657
+ role="img"
2658
+ width="1em"
2659
+ height="1em"
2660
+ >
2661
+ <path
2662
+ 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"
2663
+ />
2664
+ </svg>
1968
2665
  </span>
1969
2666
  </div>
1970
2667
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2015,7 +2712,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2015
2712
  <span class="pf-v6-c-dual-list-selector__item-main">
2016
2713
  <div class="pf-v6-c-dual-list-selector__item-toggle">
2017
2714
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
2018
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2715
+ <svg
2716
+ class="pf-v6-svg"
2717
+ viewBox="0 0 20 20"
2718
+ fill="currentColor"
2719
+ aria-hidden="true"
2720
+ role="img"
2721
+ width="1em"
2722
+ height="1em"
2723
+ >
2724
+ <path
2725
+ 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"
2726
+ />
2727
+ </svg>
2019
2728
  </span>
2020
2729
  </div>
2021
2730
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2047,7 +2756,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2047
2756
  aria-label="Add selected"
2048
2757
  >
2049
2758
  <span class="pf-v6-c-button__icon">
2050
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
2759
+ <svg
2760
+ class="pf-v6-svg"
2761
+ viewBox="0 0 256 512"
2762
+ fill="currentColor"
2763
+ aria-hidden="true"
2764
+ role="img"
2765
+ width="1em"
2766
+ height="1em"
2767
+ >
2768
+ <path
2769
+ 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"
2770
+ />
2771
+ </svg>
2051
2772
  </span>
2052
2773
  </button>
2053
2774
  </div>
@@ -2058,7 +2779,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2058
2779
  aria-label="Add all"
2059
2780
  >
2060
2781
  <span class="pf-v6-c-button__icon">
2061
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
2782
+ <svg
2783
+ class="pf-v6-svg"
2784
+ viewBox="0 0 448 512"
2785
+ fill="currentColor"
2786
+ aria-hidden="true"
2787
+ role="img"
2788
+ width="1em"
2789
+ height="1em"
2790
+ >
2791
+ <path
2792
+ 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"
2793
+ />
2794
+ </svg>
2062
2795
  </span>
2063
2796
  </button>
2064
2797
  </div>
@@ -2070,7 +2803,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2070
2803
  aria-label="Remove all"
2071
2804
  >
2072
2805
  <span class="pf-v6-c-button__icon">
2073
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
2806
+ <svg
2807
+ class="pf-v6-svg"
2808
+ viewBox="0 0 448 512"
2809
+ fill="currentColor"
2810
+ aria-hidden="true"
2811
+ role="img"
2812
+ width="1em"
2813
+ height="1em"
2814
+ >
2815
+ <path
2816
+ 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"
2817
+ />
2818
+ </svg>
2074
2819
  </span>
2075
2820
  </button>
2076
2821
  </div>
@@ -2082,7 +2827,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2082
2827
  aria-label="Remove selected"
2083
2828
  >
2084
2829
  <span class="pf-v6-c-button__icon">
2085
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
2830
+ <svg
2831
+ class="pf-v6-svg"
2832
+ viewBox="0 0 256 512"
2833
+ fill="currentColor"
2834
+ aria-hidden="true"
2835
+ role="img"
2836
+ width="1em"
2837
+ height="1em"
2838
+ >
2839
+ <path
2840
+ 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"
2841
+ />
2842
+ </svg>
2086
2843
  </span>
2087
2844
  </button>
2088
2845
  </div>
@@ -2117,11 +2874,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2117
2874
  type="button"
2118
2875
  aria-label="Sort"
2119
2876
  >
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>
2877
+ <span class="pf-v6-c-button__icon">
2878
+ <span class="pf-v6-c-icon">
2879
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
2880
+ <svg
2881
+ class="pf-v6-svg"
2882
+ viewBox="0 0 512 512"
2883
+ fill="currentColor"
2884
+ aria-hidden="true"
2885
+ role="img"
2886
+ width="1em"
2887
+ height="1em"
2888
+ >
2889
+ <path
2890
+ 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"
2891
+ />
2892
+ </svg>
2893
+ </span>
2894
+ </span>
2125
2895
  </span>
2126
2896
  </button>
2127
2897
  <button
@@ -2132,7 +2902,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2132
2902
  id="tree-options-chosen-menu-toggle"
2133
2903
  >
2134
2904
  <span class="pf-v6-c-menu-toggle__icon">
2135
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2905
+ <svg
2906
+ class="pf-v6-svg"
2907
+ viewBox="0 0 32 32"
2908
+ fill="currentColor"
2909
+ aria-hidden="true"
2910
+ role="img"
2911
+ width="1em"
2912
+ height="1em"
2913
+ >
2914
+ <path
2915
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
2916
+ />
2917
+ </svg>
2136
2918
  </span>
2137
2919
  </button>
2138
2920
  </div>
@@ -2161,7 +2943,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2161
2943
  <span class="pf-v6-c-dual-list-selector__item-main">
2162
2944
  <div class="pf-v6-c-dual-list-selector__item-toggle">
2163
2945
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
2164
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2946
+ <svg
2947
+ class="pf-v6-svg"
2948
+ viewBox="0 0 20 20"
2949
+ fill="currentColor"
2950
+ aria-hidden="true"
2951
+ role="img"
2952
+ width="1em"
2953
+ height="1em"
2954
+ >
2955
+ <path
2956
+ 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"
2957
+ />
2958
+ </svg>
2165
2959
  </span>
2166
2960
  </div>
2167
2961
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2249,11 +3043,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2249
3043
  type="button"
2250
3044
  aria-label="Sort"
2251
3045
  >
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>
3046
+ <span class="pf-v6-c-button__icon">
3047
+ <span class="pf-v6-c-icon">
3048
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
3049
+ <svg
3050
+ class="pf-v6-svg"
3051
+ viewBox="0 0 512 512"
3052
+ fill="currentColor"
3053
+ aria-hidden="true"
3054
+ role="img"
3055
+ width="1em"
3056
+ height="1em"
3057
+ >
3058
+ <path
3059
+ 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"
3060
+ />
3061
+ </svg>
3062
+ </span>
3063
+ </span>
2257
3064
  </span>
2258
3065
  </button>
2259
3066
  <button
@@ -2264,7 +3071,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2264
3071
  id="tree-available-menu-toggle"
2265
3072
  >
2266
3073
  <span class="pf-v6-c-menu-toggle__icon">
2267
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3074
+ <svg
3075
+ class="pf-v6-svg"
3076
+ viewBox="0 0 32 32"
3077
+ fill="currentColor"
3078
+ aria-hidden="true"
3079
+ role="img"
3080
+ width="1em"
3081
+ height="1em"
3082
+ >
3083
+ <path
3084
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
3085
+ />
3086
+ </svg>
2268
3087
  </span>
2269
3088
  </button>
2270
3089
  </div>
@@ -2293,7 +3112,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2293
3112
  <span class="pf-v6-c-dual-list-selector__item-main">
2294
3113
  <div class="pf-v6-c-dual-list-selector__item-toggle">
2295
3114
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
2296
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3115
+ <svg
3116
+ class="pf-v6-svg"
3117
+ viewBox="0 0 20 20"
3118
+ fill="currentColor"
3119
+ aria-hidden="true"
3120
+ role="img"
3121
+ width="1em"
3122
+ height="1em"
3123
+ >
3124
+ <path
3125
+ 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"
3126
+ />
3127
+ </svg>
2297
3128
  </span>
2298
3129
  </div>
2299
3130
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2391,7 +3222,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2391
3222
  <span
2392
3223
  class="pf-v6-c-dual-list-selector__item-toggle-icon"
2393
3224
  >
2394
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3225
+ <svg
3226
+ class="pf-v6-svg"
3227
+ viewBox="0 0 20 20"
3228
+ fill="currentColor"
3229
+ aria-hidden="true"
3230
+ role="img"
3231
+ width="1em"
3232
+ height="1em"
3233
+ >
3234
+ <path
3235
+ 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"
3236
+ />
3237
+ </svg>
2395
3238
  </span>
2396
3239
  </div>
2397
3240
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2507,7 +3350,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2507
3350
  <span class="pf-v6-c-dual-list-selector__item-main">
2508
3351
  <div class="pf-v6-c-dual-list-selector__item-toggle">
2509
3352
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
2510
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3353
+ <svg
3354
+ class="pf-v6-svg"
3355
+ viewBox="0 0 20 20"
3356
+ fill="currentColor"
3357
+ aria-hidden="true"
3358
+ role="img"
3359
+ width="1em"
3360
+ height="1em"
3361
+ >
3362
+ <path
3363
+ 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"
3364
+ />
3365
+ </svg>
2511
3366
  </span>
2512
3367
  </div>
2513
3368
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2560,7 +3415,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2560
3415
  <span class="pf-v6-c-dual-list-selector__item-main">
2561
3416
  <div class="pf-v6-c-dual-list-selector__item-toggle">
2562
3417
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
2563
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3418
+ <svg
3419
+ class="pf-v6-svg"
3420
+ viewBox="0 0 20 20"
3421
+ fill="currentColor"
3422
+ aria-hidden="true"
3423
+ role="img"
3424
+ width="1em"
3425
+ height="1em"
3426
+ >
3427
+ <path
3428
+ 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"
3429
+ />
3430
+ </svg>
2564
3431
  </span>
2565
3432
  </div>
2566
3433
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2592,7 +3459,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2592
3459
  aria-label="Add selected"
2593
3460
  >
2594
3461
  <span class="pf-v6-c-button__icon">
2595
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
3462
+ <svg
3463
+ class="pf-v6-svg"
3464
+ viewBox="0 0 256 512"
3465
+ fill="currentColor"
3466
+ aria-hidden="true"
3467
+ role="img"
3468
+ width="1em"
3469
+ height="1em"
3470
+ >
3471
+ <path
3472
+ 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"
3473
+ />
3474
+ </svg>
2596
3475
  </span>
2597
3476
  </button>
2598
3477
  </div>
@@ -2603,7 +3482,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2603
3482
  aria-label="Add all"
2604
3483
  >
2605
3484
  <span class="pf-v6-c-button__icon">
2606
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
3485
+ <svg
3486
+ class="pf-v6-svg"
3487
+ viewBox="0 0 448 512"
3488
+ fill="currentColor"
3489
+ aria-hidden="true"
3490
+ role="img"
3491
+ width="1em"
3492
+ height="1em"
3493
+ >
3494
+ <path
3495
+ 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"
3496
+ />
3497
+ </svg>
2607
3498
  </span>
2608
3499
  </button>
2609
3500
  </div>
@@ -2615,7 +3506,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2615
3506
  aria-label="Remove all"
2616
3507
  >
2617
3508
  <span class="pf-v6-c-button__icon">
2618
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
3509
+ <svg
3510
+ class="pf-v6-svg"
3511
+ viewBox="0 0 448 512"
3512
+ fill="currentColor"
3513
+ aria-hidden="true"
3514
+ role="img"
3515
+ width="1em"
3516
+ height="1em"
3517
+ >
3518
+ <path
3519
+ 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"
3520
+ />
3521
+ </svg>
2619
3522
  </span>
2620
3523
  </button>
2621
3524
  </div>
@@ -2627,7 +3530,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2627
3530
  aria-label="Remove selected"
2628
3531
  >
2629
3532
  <span class="pf-v6-c-button__icon">
2630
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
3533
+ <svg
3534
+ class="pf-v6-svg"
3535
+ viewBox="0 0 256 512"
3536
+ fill="currentColor"
3537
+ aria-hidden="true"
3538
+ role="img"
3539
+ width="1em"
3540
+ height="1em"
3541
+ >
3542
+ <path
3543
+ 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"
3544
+ />
3545
+ </svg>
2631
3546
  </span>
2632
3547
  </button>
2633
3548
  </div>
@@ -2662,11 +3577,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2662
3577
  type="button"
2663
3578
  aria-label="Sort"
2664
3579
  >
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>
3580
+ <span class="pf-v6-c-button__icon">
3581
+ <span class="pf-v6-c-icon">
3582
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
3583
+ <svg
3584
+ class="pf-v6-svg"
3585
+ viewBox="0 0 512 512"
3586
+ fill="currentColor"
3587
+ aria-hidden="true"
3588
+ role="img"
3589
+ width="1em"
3590
+ height="1em"
3591
+ >
3592
+ <path
3593
+ 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"
3594
+ />
3595
+ </svg>
3596
+ </span>
3597
+ </span>
2670
3598
  </span>
2671
3599
  </button>
2672
3600
  <button
@@ -2677,7 +3605,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2677
3605
  id="tree-chosen-menu-toggle"
2678
3606
  >
2679
3607
  <span class="pf-v6-c-menu-toggle__icon">
2680
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3608
+ <svg
3609
+ class="pf-v6-svg"
3610
+ viewBox="0 0 32 32"
3611
+ fill="currentColor"
3612
+ aria-hidden="true"
3613
+ role="img"
3614
+ width="1em"
3615
+ height="1em"
3616
+ >
3617
+ <path
3618
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
3619
+ />
3620
+ </svg>
2681
3621
  </span>
2682
3622
  </button>
2683
3623
  </div>
@@ -2739,11 +3679,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2739
3679
  type="button"
2740
3680
  aria-label="Sort"
2741
3681
  >
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>
3682
+ <span class="pf-v6-c-button__icon">
3683
+ <span class="pf-v6-c-icon">
3684
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
3685
+ <svg
3686
+ class="pf-v6-svg"
3687
+ viewBox="0 0 512 512"
3688
+ fill="currentColor"
3689
+ aria-hidden="true"
3690
+ role="img"
3691
+ width="1em"
3692
+ height="1em"
3693
+ >
3694
+ <path
3695
+ 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"
3696
+ />
3697
+ </svg>
3698
+ </span>
3699
+ </span>
2747
3700
  </span>
2748
3701
  </button>
2749
3702
  <button
@@ -2754,7 +3707,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2754
3707
  id="draggable-available-menu-toggle"
2755
3708
  >
2756
3709
  <span class="pf-v6-c-menu-toggle__icon">
2757
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3710
+ <svg
3711
+ class="pf-v6-svg"
3712
+ viewBox="0 0 32 32"
3713
+ fill="currentColor"
3714
+ aria-hidden="true"
3715
+ role="img"
3716
+ width="1em"
3717
+ height="1em"
3718
+ >
3719
+ <path
3720
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
3721
+ />
3722
+ </svg>
2758
3723
  </span>
2759
3724
  </button>
2760
3725
  </div>
@@ -2812,7 +3777,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2812
3777
  aria-label="Add selected"
2813
3778
  >
2814
3779
  <span class="pf-v6-c-button__icon">
2815
- <i class="fas fa-angle-right fa-fw" aria-hidden="true"></i>
3780
+ <svg
3781
+ class="pf-v6-svg"
3782
+ viewBox="0 0 256 512"
3783
+ fill="currentColor"
3784
+ aria-hidden="true"
3785
+ role="img"
3786
+ width="1em"
3787
+ height="1em"
3788
+ >
3789
+ <path
3790
+ 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"
3791
+ />
3792
+ </svg>
2816
3793
  </span>
2817
3794
  </button>
2818
3795
  </div>
@@ -2823,7 +3800,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2823
3800
  aria-label="Add all"
2824
3801
  >
2825
3802
  <span class="pf-v6-c-button__icon">
2826
- <i class="fas fa-angle-double-right fa-fw" aria-hidden="true"></i>
3803
+ <svg
3804
+ class="pf-v6-svg"
3805
+ viewBox="0 0 448 512"
3806
+ fill="currentColor"
3807
+ aria-hidden="true"
3808
+ role="img"
3809
+ width="1em"
3810
+ height="1em"
3811
+ >
3812
+ <path
3813
+ 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"
3814
+ />
3815
+ </svg>
2827
3816
  </span>
2828
3817
  </button>
2829
3818
  </div>
@@ -2835,7 +3824,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2835
3824
  aria-label="Remove all"
2836
3825
  >
2837
3826
  <span class="pf-v6-c-button__icon">
2838
- <i class="fas fa-angle-double-left fa-fw" aria-hidden="true"></i>
3827
+ <svg
3828
+ class="pf-v6-svg"
3829
+ viewBox="0 0 448 512"
3830
+ fill="currentColor"
3831
+ aria-hidden="true"
3832
+ role="img"
3833
+ width="1em"
3834
+ height="1em"
3835
+ >
3836
+ <path
3837
+ 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"
3838
+ />
3839
+ </svg>
2839
3840
  </span>
2840
3841
  </button>
2841
3842
  </div>
@@ -2847,7 +3848,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2847
3848
  aria-label="Remove selected"
2848
3849
  >
2849
3850
  <span class="pf-v6-c-button__icon">
2850
- <i class="fas fa-angle-left fa-fw" aria-hidden="true"></i>
3851
+ <svg
3852
+ class="pf-v6-svg"
3853
+ viewBox="0 0 256 512"
3854
+ fill="currentColor"
3855
+ aria-hidden="true"
3856
+ role="img"
3857
+ width="1em"
3858
+ height="1em"
3859
+ >
3860
+ <path
3861
+ 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"
3862
+ />
3863
+ </svg>
2851
3864
  </span>
2852
3865
  </button>
2853
3866
  </div>
@@ -2882,11 +3895,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2882
3895
  type="button"
2883
3896
  aria-label="Sort"
2884
3897
  >
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>
3898
+ <span class="pf-v6-c-button__icon">
3899
+ <span class="pf-v6-c-icon">
3900
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
3901
+ <svg
3902
+ class="pf-v6-svg"
3903
+ viewBox="0 0 512 512"
3904
+ fill="currentColor"
3905
+ aria-hidden="true"
3906
+ role="img"
3907
+ width="1em"
3908
+ height="1em"
3909
+ >
3910
+ <path
3911
+ 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"
3912
+ />
3913
+ </svg>
3914
+ </span>
3915
+ </span>
2890
3916
  </span>
2891
3917
  </button>
2892
3918
  <button
@@ -2897,7 +3923,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2897
3923
  id="draggable-chosen-menu-toggle"
2898
3924
  >
2899
3925
  <span class="pf-v6-c-menu-toggle__icon">
2900
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3926
+ <svg
3927
+ class="pf-v6-svg"
3928
+ viewBox="0 0 32 32"
3929
+ fill="currentColor"
3930
+ aria-hidden="true"
3931
+ role="img"
3932
+ width="1em"
3933
+ height="1em"
3934
+ >
3935
+ <path
3936
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
3937
+ />
3938
+ </svg>
2901
3939
  </span>
2902
3940
  </button>
2903
3941
  </div>
@@ -2921,7 +3959,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2921
3959
  <div class="pf-v6-c-dual-list-selector__draggable">
2922
3960
  <span class="pf-v6-c-button pf-m-plain pf-m-disabled">
2923
3961
  <span class="pf-v6-c-button__icon">
2924
- <i class="fas fa-grip-vertical" aria-hidden="true"></i>
3962
+ <svg
3963
+ class="pf-v6-svg"
3964
+ viewBox="0 0 320 512"
3965
+ fill="currentColor"
3966
+ aria-hidden="true"
3967
+ role="img"
3968
+ width="1em"
3969
+ height="1em"
3970
+ >
3971
+ <path
3972
+ 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"
3973
+ />
3974
+ </svg>
2925
3975
  </span>
2926
3976
  </span>
2927
3977
  </div>
@@ -2940,7 +3990,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2940
3990
  <div class="pf-v6-c-dual-list-selector__draggable">
2941
3991
  <span class="pf-v6-c-button pf-m-plain">
2942
3992
  <span class="pf-v6-c-button__icon">
2943
- <i class="fas fa-grip-vertical" aria-hidden="true"></i>
3993
+ <svg
3994
+ class="pf-v6-svg"
3995
+ viewBox="0 0 320 512"
3996
+ fill="currentColor"
3997
+ aria-hidden="true"
3998
+ role="img"
3999
+ width="1em"
4000
+ height="1em"
4001
+ >
4002
+ <path
4003
+ 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"
4004
+ />
4005
+ </svg>
2944
4006
  </span>
2945
4007
  </span>
2946
4008
  </div>
@@ -2959,7 +4021,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2959
4021
  <div class="pf-v6-c-dual-list-selector__draggable">
2960
4022
  <span class="pf-v6-c-button pf-m-plain pf-m-disabled">
2961
4023
  <span class="pf-v6-c-button__icon">
2962
- <i class="fas fa-grip-vertical" aria-hidden="true"></i>
4024
+ <svg
4025
+ class="pf-v6-svg"
4026
+ viewBox="0 0 320 512"
4027
+ fill="currentColor"
4028
+ aria-hidden="true"
4029
+ role="img"
4030
+ width="1em"
4031
+ height="1em"
4032
+ >
4033
+ <path
4034
+ 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"
4035
+ />
4036
+ </svg>
2963
4037
  </span>
2964
4038
  </span>
2965
4039
  </div>
@@ -2978,7 +4052,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2978
4052
  <div class="pf-v6-c-dual-list-selector__draggable">
2979
4053
  <span class="pf-v6-c-button pf-m-plain">
2980
4054
  <span class="pf-v6-c-button__icon">
2981
- <i class="fas fa-grip-vertical" aria-hidden="true"></i>
4055
+ <svg
4056
+ class="pf-v6-svg"
4057
+ viewBox="0 0 320 512"
4058
+ fill="currentColor"
4059
+ aria-hidden="true"
4060
+ role="img"
4061
+ width="1em"
4062
+ height="1em"
4063
+ >
4064
+ <path
4065
+ 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"
4066
+ />
4067
+ </svg>
2982
4068
  </span>
2983
4069
  </span>
2984
4070
  </div>