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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (376) hide show
  1. package/README.md +1 -1
  2. package/assets/fontawesome/_variables.scss +2 -1
  3. package/assets/images/RHAiExperienceIcon.svg +27 -0
  4. package/assets/images/RHAutomationsLogo.svg +96 -0
  5. package/assets/images/RHServerStackIcon.svg +16 -0
  6. package/assets/images/compass--hero-bg.png +0 -0
  7. package/assets/images/compass--rh-wallpaper-dark.png +0 -0
  8. package/assets/images/compass--rh-wallpaper-light.png +0 -0
  9. package/assets/images/compass--wallpaper-dark.png +0 -0
  10. package/assets/images/compass--wallpaper-light.png +0 -0
  11. package/base/normalize.scss +7 -0
  12. package/base/patternfly-common.css +50 -0
  13. package/base/patternfly-common.scss +59 -0
  14. package/base/patternfly-svg-icons.css +11 -0
  15. package/base/patternfly-svg-icons.scss +14 -0
  16. package/base/patternfly-variables.css +345 -14
  17. package/base/patternfly-variables.scss +40 -0
  18. package/base/tokens/tokens-dark.scss +51 -3
  19. package/base/tokens/tokens-default.scss +67 -13
  20. package/base/tokens/tokens-glass-dark.scss +9 -0
  21. package/base/tokens/tokens-glass.scss +9 -0
  22. package/base/tokens/tokens-local.scss +16 -0
  23. package/base/tokens/tokens-palette.scss +3 -1
  24. package/base/tokens/tokens-redhat-dark.scss +14 -0
  25. package/base/tokens/tokens-redhat-glass-dark.scss +16 -0
  26. package/base/tokens/tokens-redhat-glass.scss +15 -0
  27. package/base/tokens/tokens-redhat-highcontrast-dark.scss +47 -0
  28. package/base/tokens/tokens-redhat-highcontrast.scss +127 -0
  29. package/base/tokens/tokens-redhat.scss +15 -0
  30. package/components/AboutModalBox/about-modal-box.css +36 -26
  31. package/components/Accordion/accordion.css +17 -14
  32. package/components/Accordion/accordion.scss +1 -2
  33. package/components/ActionList/action-list.css +2 -0
  34. package/components/ActionList/action-list.scss +2 -0
  35. package/components/Alert/alert.css +7 -5
  36. package/components/Alert/alert.scss +2 -1
  37. package/components/Avatar/avatar.css +12 -4
  38. package/components/BackgroundImage/background-image.css +6 -3
  39. package/components/Banner/banner.css +8 -6
  40. package/components/Brand/brand.css +3 -1
  41. package/components/Breadcrumb/breadcrumb.css +4 -3
  42. package/components/Button/button.css +117 -14
  43. package/components/Button/button.scss +127 -10
  44. package/components/CalendarMonth/calendar-month.css +4 -3
  45. package/components/Card/card.css +20 -7
  46. package/components/Card/card.scss +16 -2
  47. package/components/ClipboardCopy/clipboard-copy.css +7 -6
  48. package/components/ClipboardCopy/clipboard-copy.scss +3 -3
  49. package/components/CodeEditor/code-editor.css +1 -1
  50. package/components/CodeEditor/code-editor.scss +1 -1
  51. package/components/Compass/compass.css +320 -0
  52. package/components/Compass/compass.scss +350 -0
  53. package/components/DataList/data-list.css +34 -23
  54. package/components/DataList/data-list.scss +7 -2
  55. package/components/DescriptionList/description-list-order.scss +5 -1
  56. package/components/DescriptionList/description-list.css +7 -5
  57. package/components/DescriptionList/description-list.scss +5 -1
  58. package/components/Divider/divider.css +7 -5
  59. package/components/Drawer/drawer.css +110 -56
  60. package/components/Drawer/drawer.scss +69 -9
  61. package/components/DualListSelector/dual-list-selector.css +18 -12
  62. package/components/DualListSelector/dual-list-selector.scss +1 -1
  63. package/components/ExpandableSection/expandable-section.css +21 -16
  64. package/components/ExpandableSection/expandable-section.scss +6 -3
  65. package/components/Form/form.css +2 -2
  66. package/components/Form/form.scss +2 -2
  67. package/components/FormControl/form-control.css +3 -3
  68. package/components/FormControl/form-control.scss +3 -3
  69. package/components/Hero/hero.css +74 -0
  70. package/components/Hero/hero.scss +86 -0
  71. package/components/JumpLinks/jump-links.css +5 -4
  72. package/components/JumpLinks/jump-links.scss +6 -2
  73. package/components/Label/label-group.css +2 -2
  74. package/components/Label/label-group.scss +2 -2
  75. package/components/Label/label.css +4 -3
  76. package/components/Login/login.css +51 -37
  77. package/components/Masthead/masthead.css +70 -16
  78. package/components/Masthead/masthead.scss +54 -1
  79. package/components/Menu/menu.css +23 -14
  80. package/components/MenuToggle/menu-toggle.css +5 -1
  81. package/components/MenuToggle/menu-toggle.scss +6 -1
  82. package/components/ModalBox/modal-box.css +9 -7
  83. package/components/ModalBox/modal-box.scss +2 -2
  84. package/components/Nav/nav.css +74 -11
  85. package/components/Nav/nav.scss +77 -5
  86. package/components/NotificationDrawer/notification-drawer.css +19 -9
  87. package/components/NotificationDrawer/notification-drawer.scss +14 -5
  88. package/components/Page/page.css +55 -29
  89. package/components/Page/page.scss +44 -5
  90. package/components/Pagination/pagination.scss +5 -1
  91. package/components/ProgressStepper/progress-stepper.scss +5 -1
  92. package/components/Sidebar/sidebar.css +1 -1
  93. package/components/Sidebar/sidebar.scss +7 -3
  94. package/components/Skeleton/skeleton.css +16 -15
  95. package/components/Slider/slider.css +32 -18
  96. package/components/Switch/switch.css +4 -2
  97. package/components/Switch/switch.scss +1 -1
  98. package/components/Table/table-grid.css +28 -36
  99. package/components/Table/table-grid.scss +4 -4
  100. package/components/Table/table-tree-view.css +4 -2
  101. package/components/Table/table.css +33 -29
  102. package/components/Table/table.scss +2 -2
  103. package/components/Tabs/tabs.css +35 -18
  104. package/components/Tabs/tabs.scss +35 -7
  105. package/components/TextInputGroup/text-input-group.css +2 -2
  106. package/components/TextInputGroup/text-input-group.scss +2 -2
  107. package/components/ToggleGroup/toggle-group.css +34 -17
  108. package/components/ToggleGroup/toggle-group.scss +36 -20
  109. package/components/Toolbar/toolbar.css +47 -15
  110. package/components/Toolbar/toolbar.scss +34 -6
  111. package/components/TreeView/tree-view.css +45 -14
  112. package/components/TreeView/tree-view.scss +32 -1
  113. package/components/Wizard/wizard.css +21 -17
  114. package/components/Wizard/wizard.scss +4 -4
  115. package/components/_index.css +1602 -676
  116. package/components/_index.scss +3 -1
  117. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
  118. package/docs/components/Accordion/examples/Accordion.md +390 -30
  119. package/docs/components/ActionList/examples/ActionList.md +143 -11
  120. package/docs/components/Alert/examples/Alert.md +678 -54
  121. package/docs/components/Avatar/examples/Avatar.md +4 -4
  122. package/docs/components/BackToTop/examples/BackToTop.md +13 -1
  123. package/docs/components/Banner/examples/Banner.md +65 -5
  124. package/docs/components/Brand/examples/Brand.md +2 -2
  125. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
  126. package/docs/components/Button/examples/Button.md +2217 -241
  127. package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
  128. package/docs/components/Card/examples/Card.md +206 -4
  129. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +286 -22
  130. package/docs/components/CodeBlock/examples/CodeBlock.md +104 -8
  131. package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
  132. package/docs/components/Compass/examples/Compass.css +17 -0
  133. package/docs/components/Compass/examples/Compass.md +119 -0
  134. package/docs/components/DataList/examples/DataList.md +405 -205
  135. package/docs/components/DatePicker/examples/DatePicker.md +78 -6
  136. package/docs/components/DescriptionList/examples/DescriptionList.md +327 -27
  137. package/docs/components/Divider/examples/Divider.md +2 -2
  138. package/docs/components/Drawer/examples/Drawer.md +353 -35
  139. package/docs/components/DualListSelector/examples/DualListSelector.md +1013 -143
  140. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  141. package/docs/components/Form/examples/Form.md +78 -6
  142. package/docs/components/Hero/examples/Hero.md +25 -0
  143. package/docs/components/Icon/examples/Icon.md +92 -8
  144. package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
  145. package/docs/components/InputGroup/examples/InputGroup.md +27 -3
  146. package/docs/components/JumpLinks/examples/JumpLinks.md +54 -6
  147. package/docs/components/Label/examples/Label.md +2834 -218
  148. package/docs/components/Login/examples/Login.md +26 -2
  149. package/docs/components/Masthead/examples/masthead.md +80 -1
  150. package/docs/components/Menu/examples/Menu.md +1458 -114
  151. package/docs/components/MenuToggle/examples/MenuToggle.md +53 -1
  152. package/docs/components/ModalBox/examples/ModalBox.md +287 -23
  153. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +156 -12
  154. package/docs/components/Nav/examples/Navigation.md +798 -58
  155. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +598 -46
  156. package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
  157. package/docs/components/Page/examples/Page.md +51 -2
  158. package/docs/components/Pagination/examples/Pagination.md +627 -51
  159. package/docs/components/Popover/examples/Popover.md +286 -22
  160. package/docs/components/ProgressStepper/examples/ProgressStepper.md +275 -23
  161. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  162. package/docs/components/Slider/examples/Slider.md +52 -4
  163. package/docs/components/Table/examples/Table.md +875 -70
  164. package/docs/components/Tabs/examples/Tabs.md +4127 -320
  165. package/docs/components/TextInputGroup/examples/TextInputGroup.md +600 -48
  166. package/docs/components/ToggleGroup/examples/toggle-group.md +195 -15
  167. package/docs/components/Toolbar/examples/Toolbar.md +490 -42
  168. package/docs/components/TreeView/examples/TreeView.md +1390 -130
  169. package/docs/components/Wizard/examples/Wizard.md +492 -72
  170. package/docs/demos/AboutModal/examples/AboutModal.md +57 -9
  171. package/docs/demos/Alert/examples/Alert.md +236 -32
  172. package/docs/demos/BackToTop/examples/BackToTop.md +57 -9
  173. package/docs/demos/Banner/examples/Banner.md +88 -16
  174. package/docs/demos/Button/examples/Button.md +13 -1
  175. package/docs/demos/Card/examples/Card.md +399 -42
  176. package/docs/demos/CardView/examples/CardView.md +161 -17
  177. package/docs/demos/Compass/examples/Compass.md +6836 -0
  178. package/docs/demos/Dashboard/examples/Dashboard.md +173 -26
  179. package/docs/demos/DataList/examples/DataList.md +566 -65
  180. package/docs/demos/DescriptionList/examples/DescriptionList.md +156 -27
  181. package/docs/demos/Drawer/examples/Drawer.md +216 -45
  182. package/docs/demos/Form/examples/BasicForms.md +273 -21
  183. package/docs/demos/JumpLinks/examples/JumpLinks.md +272 -59
  184. package/docs/demos/Masthead/examples/Masthead.md +458 -89
  185. package/docs/demos/Modal/examples/Modal.md +342 -57
  186. package/docs/demos/Nav/examples/Nav.md +660 -87
  187. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1088 -140
  188. package/docs/demos/Page/examples/Page.md +618 -123
  189. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  190. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
  191. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +691 -113
  192. package/docs/demos/Skeleton/examples/Skeleton.md +44 -8
  193. package/docs/demos/Table/examples/Table.md +3924 -256
  194. package/docs/demos/Tabs/examples/Tabs.md +407 -65
  195. package/docs/demos/Toolbar/examples/Toolbar.md +502 -52
  196. package/docs/demos/Wizard/examples/Wizard.md +796 -130
  197. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  198. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  199. package/docs/layouts/Flex/examples/Flex.css +3 -3
  200. package/docs/layouts/Flex/examples/Flex.md +3 -2
  201. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  202. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  203. package/docs/layouts/Grid/examples/Grid.css +1 -1
  204. package/docs/layouts/Grid/examples/Grid.md +6 -5
  205. package/docs/layouts/Level/examples/Level.css +3 -3
  206. package/docs/layouts/Level/examples/Level.md +2 -1
  207. package/docs/layouts/Split/examples/Split.css +1 -1
  208. package/docs/layouts/Split/examples/Split.md +2 -1
  209. package/docs/layouts/Stack/examples/Stack.css +3 -3
  210. package/docs/layouts/Stack/examples/Stack.md +2 -1
  211. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  212. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  213. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  214. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  215. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  216. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  217. package/docs/utilities/Display/examples/Display.css +1 -1
  218. package/docs/utilities/Display/examples/Display.md +3 -2
  219. package/docs/utilities/Flex/examples/Flex.css +7 -7
  220. package/docs/utilities/Flex/examples/Flex.md +3 -2
  221. package/docs/utilities/Float/examples/Float.css +2 -2
  222. package/docs/utilities/Float/examples/Float.md +3 -2
  223. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  224. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  225. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  226. package/docs/utilities/Text/examples/Text.md +5 -4
  227. package/icons/PfIcons/add-circle-o.svg +4 -0
  228. package/icons/PfIcons/ansible-tower.svg +4 -0
  229. package/icons/PfIcons/applications.svg +4 -0
  230. package/icons/PfIcons/arrow.svg +4 -0
  231. package/icons/PfIcons/asleep.svg +4 -0
  232. package/icons/PfIcons/attention-bell.svg +4 -0
  233. package/icons/PfIcons/automation.svg +4 -0
  234. package/icons/PfIcons/bell.svg +4 -0
  235. package/icons/PfIcons/blueprint.svg +4 -0
  236. package/icons/PfIcons/build.svg +4 -0
  237. package/icons/PfIcons/builder-image.svg +4 -0
  238. package/icons/PfIcons/bundle.svg +4 -0
  239. package/icons/PfIcons/catalog.svg +4 -0
  240. package/icons/PfIcons/chat.svg +4 -0
  241. package/icons/PfIcons/close.svg +4 -0
  242. package/icons/PfIcons/cloud-security.svg +4 -0
  243. package/icons/PfIcons/cloud-tenant.svg +4 -0
  244. package/icons/PfIcons/cluster.svg +4 -0
  245. package/icons/PfIcons/connected.svg +4 -0
  246. package/icons/PfIcons/container-node.svg +4 -0
  247. package/icons/PfIcons/cpu.svg +4 -0
  248. package/icons/PfIcons/critical-risk.svg +4 -0
  249. package/icons/PfIcons/data-processor.svg +4 -0
  250. package/icons/PfIcons/data-sink.svg +4 -0
  251. package/icons/PfIcons/data-source.svg +4 -0
  252. package/icons/PfIcons/degraded.svg +4 -0
  253. package/icons/PfIcons/disconnected.svg +4 -0
  254. package/icons/PfIcons/domain.svg +4 -0
  255. package/icons/PfIcons/edit.svg +4 -0
  256. package/icons/PfIcons/enhancement.svg +4 -0
  257. package/icons/PfIcons/enterprise.svg +4 -0
  258. package/icons/PfIcons/equalizer.svg +4 -0
  259. package/icons/PfIcons/error-circle-o.svg +4 -0
  260. package/icons/PfIcons/export.svg +4 -0
  261. package/icons/PfIcons/filter.svg +4 -0
  262. package/icons/PfIcons/flavor.svg +4 -0
  263. package/icons/PfIcons/folder-close.svg +4 -0
  264. package/icons/PfIcons/folder-open.svg +4 -0
  265. package/icons/PfIcons/globe-route.svg +4 -0
  266. package/icons/PfIcons/help.svg +4 -0
  267. package/icons/PfIcons/history.svg +4 -0
  268. package/icons/PfIcons/home.svg +4 -0
  269. package/icons/PfIcons/import.svg +4 -0
  270. package/icons/PfIcons/in-progress.svg +4 -0
  271. package/icons/PfIcons/info.svg +4 -0
  272. package/icons/PfIcons/infrastructure.svg +4 -0
  273. package/icons/PfIcons/integration.svg +4 -0
  274. package/icons/PfIcons/key.svg +4 -0
  275. package/icons/PfIcons/locked.svg +4 -0
  276. package/icons/PfIcons/maintenance.svg +4 -0
  277. package/icons/PfIcons/memory.svg +4 -0
  278. package/icons/PfIcons/messages.svg +4 -0
  279. package/icons/PfIcons/middleware.svg +4 -0
  280. package/icons/PfIcons/migration.svg +4 -0
  281. package/icons/PfIcons/module.svg +4 -0
  282. package/icons/PfIcons/monitoring.svg +4 -0
  283. package/icons/PfIcons/multicluster.svg +4 -0
  284. package/icons/PfIcons/namespaces.svg +4 -0
  285. package/icons/PfIcons/network.svg +4 -0
  286. package/icons/PfIcons/new-process.svg +4 -0
  287. package/icons/PfIcons/not-started.svg +4 -0
  288. package/icons/PfIcons/off.svg +4 -0
  289. package/icons/PfIcons/ok.svg +4 -0
  290. package/icons/PfIcons/on-running.svg +4 -0
  291. package/icons/PfIcons/on.svg +4 -0
  292. package/icons/PfIcons/open-drawer-right.svg +4 -0
  293. package/icons/PfIcons/openshift.svg +4 -0
  294. package/icons/PfIcons/openstack.svg +4 -0
  295. package/icons/PfIcons/optimize.svg +4 -0
  296. package/icons/PfIcons/orders.svg +4 -0
  297. package/icons/PfIcons/os-image.svg +4 -0
  298. package/icons/PfIcons/package.svg +4 -0
  299. package/icons/PfIcons/panel-close.svg +4 -0
  300. package/icons/PfIcons/panel-open.svg +4 -0
  301. package/icons/PfIcons/paused.svg +4 -0
  302. package/icons/PfIcons/pending.svg +4 -0
  303. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  304. package/icons/PfIcons/pficon-history.svg +4 -0
  305. package/icons/PfIcons/pficon-network-range.svg +4 -0
  306. package/icons/PfIcons/pficon-satellite.svg +4 -0
  307. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  308. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  309. package/icons/PfIcons/pficon-template.svg +4 -0
  310. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  311. package/icons/PfIcons/plugged.svg +4 -0
  312. package/icons/PfIcons/port.svg +4 -0
  313. package/icons/PfIcons/print.svg +4 -0
  314. package/icons/PfIcons/private.svg +4 -0
  315. package/icons/PfIcons/process-automation.svg +4 -0
  316. package/icons/PfIcons/project.svg +4 -0
  317. package/icons/PfIcons/rebalance.svg +4 -0
  318. package/icons/PfIcons/rebooting.svg +4 -0
  319. package/icons/PfIcons/regions.svg +4 -0
  320. package/icons/PfIcons/registry.svg +4 -0
  321. package/icons/PfIcons/remove2.svg +4 -0
  322. package/icons/PfIcons/replicator.svg +4 -0
  323. package/icons/PfIcons/repository.svg +4 -0
  324. package/icons/PfIcons/resource-pool.svg +4 -0
  325. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  326. package/icons/PfIcons/resources-almost-full.svg +4 -0
  327. package/icons/PfIcons/resources-empty.svg +4 -0
  328. package/icons/PfIcons/resources-full.svg +4 -0
  329. package/icons/PfIcons/running.svg +4 -0
  330. package/icons/PfIcons/save.svg +4 -0
  331. package/icons/PfIcons/screen.svg +4 -0
  332. package/icons/PfIcons/security.svg +4 -0
  333. package/icons/PfIcons/server-group.svg +4 -0
  334. package/icons/PfIcons/server.svg +4 -0
  335. package/icons/PfIcons/service-catalog.svg +4 -0
  336. package/icons/PfIcons/service.svg +4 -0
  337. package/icons/PfIcons/services.svg +4 -0
  338. package/icons/PfIcons/severity-critical.svg +4 -0
  339. package/icons/PfIcons/severity-important.svg +4 -0
  340. package/icons/PfIcons/severity-minor.svg +4 -0
  341. package/icons/PfIcons/severity-moderate.svg +4 -0
  342. package/icons/PfIcons/severity-none.svg +4 -0
  343. package/icons/PfIcons/severity-undefined.svg +4 -0
  344. package/icons/PfIcons/spinner.svg +4 -0
  345. package/icons/PfIcons/spinner2.svg +4 -0
  346. package/icons/PfIcons/storage-domain.svg +4 -0
  347. package/icons/PfIcons/task.svg +4 -0
  348. package/icons/PfIcons/tenant.svg +4 -0
  349. package/icons/PfIcons/thumb-tack.svg +4 -0
  350. package/icons/PfIcons/topology.svg +4 -0
  351. package/icons/PfIcons/treeview.svg +4 -0
  352. package/icons/PfIcons/trend-down.svg +4 -0
  353. package/icons/PfIcons/trend-up.svg +4 -0
  354. package/icons/PfIcons/unknown.svg +4 -0
  355. package/icons/PfIcons/unlocked.svg +4 -0
  356. package/icons/PfIcons/unplugged.svg +4 -0
  357. package/icons/PfIcons/user.svg +4 -0
  358. package/icons/PfIcons/users.svg +4 -0
  359. package/icons/PfIcons/virtual-machine.svg +4 -0
  360. package/icons/PfIcons/volume.svg +4 -0
  361. package/icons/PfIcons/warning-triangle.svg +4 -0
  362. package/icons/PfIcons/zone.svg +4 -0
  363. package/layouts/Flex/flex.scss +83 -19
  364. package/layouts/Gallery/gallery.css +6 -2
  365. package/layouts/_index.css +6 -2
  366. package/package.json +34 -16
  367. package/patternfly-base-no-globals.css +406 -14
  368. package/patternfly-base.css +413 -14
  369. package/patternfly-charts.css +3 -3
  370. package/patternfly-no-globals.css +1947 -625
  371. package/patternfly.css +1954 -625
  372. package/patternfly.min.css +1 -1
  373. package/patternfly.min.css.map +1 -1
  374. package/sass-utilities/functions.scss +32 -25
  375. package/sass-utilities/mixins.scss +36 -20
  376. package/sass-utilities/namespaces-components.scss +6 -0
package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -12,7 +12,7 @@ section: components
12
12
  <span class="pf-v6-c-button__text">Skip to content</span>
13
13
  </a>
14
14
  </div>
15
- <header class="pf-v6-c-masthead" id="-page-masthead">
15
+ <header class="pf-v6-c-masthead" id="-page-docked">
16
16
  <div class="pf-v6-c-masthead__main">
17
17
  <span class="pf-v6-c-masthead__toggle">
18
18
  <button
@@ -54,7 +54,7 @@ section: components
54
54
  y1="2.25860997e-13%"
55
55
  x2="32%"
56
56
  y2="100%"
57
- id="linearGradient--page-masthead"
57
+ id="linearGradient--page-docked"
58
58
  >
59
59
  <stop stop-color="#2B9AF3" offset="0%" />
60
60
  <stop
@@ -108,11 +108,11 @@ section: components
108
108
  />
109
109
  <path
110
110
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
111
- fill="url(#linearGradient--page-masthead)"
111
+ fill="url(#linearGradient--page-docked)"
112
112
  />
113
113
  <path
114
114
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
115
- fill="url(#linearGradient--page-masthead)"
115
+ fill="url(#linearGradient--page-docked)"
116
116
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
117
117
  />
118
118
  </g>
@@ -122,7 +122,7 @@ section: components
122
122
  </div>
123
123
  </div>
124
124
  <div class="pf-v6-c-masthead__content">
125
- <div class="pf-v6-c-toolbar pf-m-static" id="-page-masthead-toolbar">
125
+ <div class="pf-v6-c-toolbar pf-m-static" id="-page-docked-toolbar">
126
126
  <div class="pf-v6-c-toolbar__content">
127
127
  <div class="pf-v6-c-toolbar__content-section">
128
128
  <div
@@ -255,7 +255,19 @@ section: components
255
255
  </li>
256
256
  <li class="pf-v6-c-breadcrumb__item">
257
257
  <span class="pf-v6-c-breadcrumb__item-divider">
258
- <i class="fas fa-angle-right" aria-hidden="true"></i>
258
+ <svg
259
+ class="pf-v6-svg"
260
+ viewBox="0 0 20 20"
261
+ fill="currentColor"
262
+ aria-hidden="true"
263
+ role="img"
264
+ width="1em"
265
+ height="1em"
266
+ >
267
+ <path
268
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
269
+ />
270
+ </svg>
259
271
  </span>
260
272
 
261
273
  <a
@@ -265,7 +277,19 @@ section: components
265
277
  </li>
266
278
  <li class="pf-v6-c-breadcrumb__item">
267
279
  <span class="pf-v6-c-breadcrumb__item-divider">
268
- <i class="fas fa-angle-right" aria-hidden="true"></i>
280
+ <svg
281
+ class="pf-v6-svg"
282
+ viewBox="0 0 20 20"
283
+ fill="currentColor"
284
+ aria-hidden="true"
285
+ role="img"
286
+ width="1em"
287
+ height="1em"
288
+ >
289
+ <path
290
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
291
+ />
292
+ </svg>
269
293
  </span>
270
294
 
271
295
  <a
@@ -275,7 +299,19 @@ section: components
275
299
  </li>
276
300
  <li class="pf-v6-c-breadcrumb__item">
277
301
  <span class="pf-v6-c-breadcrumb__item-divider">
278
- <i class="fas fa-angle-right" aria-hidden="true"></i>
302
+ <svg
303
+ class="pf-v6-svg"
304
+ viewBox="0 0 20 20"
305
+ fill="currentColor"
306
+ aria-hidden="true"
307
+ role="img"
308
+ width="1em"
309
+ height="1em"
310
+ >
311
+ <path
312
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
313
+ />
314
+ </svg>
279
315
  </span>
280
316
 
281
317
  <a
@@ -366,7 +402,19 @@ section: components
366
402
  <span
367
403
  class="pf-v6-c-notification-drawer__list-item-header-icon"
368
404
  >
369
- <i class="fas fa-info-circle" aria-hidden="true"></i>
405
+ <svg
406
+ class="pf-v6-svg"
407
+ viewBox="0 0 32 32"
408
+ fill="currentColor"
409
+ aria-hidden="true"
410
+ role="img"
411
+ width="1em"
412
+ height="1em"
413
+ >
414
+ <path
415
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm1.5 22a1.5 1.5 0 1 1-3 0v-5.157l-.188.04a1.5 1.5 0 0 1-.625-2.934l1.956-.416c.112-.024.223-.032.333-.03l.024-.002a1.5 1.5 0 0 1 1.5 1.5v7Zm-.08-12.58c-.38.37-.89.58-1.42.58a1.998 1.998 0 0 1-1.851-2.76c.051-.13.11-.24.19-.35.07-.11.15-.21.25-.3.74-.75 2.08-.75 2.83 0 .09.09.17.19.24.3.08.11.14.22.189.35.05.12.09.24.11.37.03.13.04.26.04.39 0 .53-.21 1.04-.58 1.42Z"
416
+ />
417
+ </svg>
370
418
  </span>
371
419
  <h2
372
420
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -404,7 +452,19 @@ section: components
404
452
  <span
405
453
  class="pf-v6-c-notification-drawer__list-item-header-icon"
406
454
  >
407
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
455
+ <svg
456
+ class="pf-v6-svg"
457
+ viewBox="0 0 32 32"
458
+ fill="currentColor"
459
+ aria-hidden="true"
460
+ role="img"
461
+ width="1em"
462
+ height="1em"
463
+ >
464
+ <path
465
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
466
+ />
467
+ </svg>
408
468
  </span>
409
469
  <h2
410
470
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -442,7 +502,19 @@ section: components
442
502
  <span
443
503
  class="pf-v6-c-notification-drawer__list-item-header-icon"
444
504
  >
445
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
505
+ <svg
506
+ class="pf-v6-svg"
507
+ viewBox="0 0 32 32"
508
+ fill="currentColor"
509
+ aria-hidden="true"
510
+ role="img"
511
+ width="1em"
512
+ height="1em"
513
+ >
514
+ <path
515
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
516
+ />
517
+ </svg>
446
518
  </span>
447
519
  <h2
448
520
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -479,10 +551,19 @@ section: components
479
551
  <span
480
552
  class="pf-v6-c-notification-drawer__list-item-header-icon"
481
553
  >
482
- <i
483
- class="fas fa-exclamation-triangle"
554
+ <svg
555
+ class="pf-v6-svg"
556
+ viewBox="0 0 32 32"
557
+ fill="currentColor"
484
558
  aria-hidden="true"
485
- ></i>
559
+ role="img"
560
+ width="1em"
561
+ height="1em"
562
+ >
563
+ <path
564
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
565
+ />
566
+ </svg>
486
567
  </span>
487
568
  <h2
488
569
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -518,7 +599,19 @@ section: components
518
599
  <span
519
600
  class="pf-v6-c-notification-drawer__list-item-header-icon"
520
601
  >
521
- <i class="fas fa-check-circle" aria-hidden="true"></i>
602
+ <svg
603
+ class="pf-v6-svg"
604
+ viewBox="0 0 32 32"
605
+ fill="currentColor"
606
+ aria-hidden="true"
607
+ role="img"
608
+ width="1em"
609
+ height="1em"
610
+ >
611
+ <path
612
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
613
+ />
614
+ </svg>
522
615
  </span>
523
616
  <h2
524
617
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -554,7 +647,19 @@ section: components
554
647
  <span
555
648
  class="pf-v6-c-notification-drawer__list-item-header-icon"
556
649
  >
557
- <i class="fas fa-check-circle" aria-hidden="true"></i>
650
+ <svg
651
+ class="pf-v6-svg"
652
+ viewBox="0 0 32 32"
653
+ fill="currentColor"
654
+ aria-hidden="true"
655
+ role="img"
656
+ width="1em"
657
+ height="1em"
658
+ >
659
+ <path
660
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
661
+ />
662
+ </svg>
558
663
  </span>
559
664
  <h2
560
665
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -590,7 +695,19 @@ section: components
590
695
  <span
591
696
  class="pf-v6-c-notification-drawer__list-item-header-icon"
592
697
  >
593
- <i class="fas fa-check-circle" aria-hidden="true"></i>
698
+ <svg
699
+ class="pf-v6-svg"
700
+ viewBox="0 0 32 32"
701
+ fill="currentColor"
702
+ aria-hidden="true"
703
+ role="img"
704
+ width="1em"
705
+ height="1em"
706
+ >
707
+ <path
708
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
709
+ />
710
+ </svg>
594
711
  </span>
595
712
  <h2
596
713
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -627,7 +744,19 @@ section: components
627
744
  <span
628
745
  class="pf-v6-c-notification-drawer__list-item-header-icon"
629
746
  >
630
- <i class="fas fa-check-circle" aria-hidden="true"></i>
747
+ <svg
748
+ class="pf-v6-svg"
749
+ viewBox="0 0 32 32"
750
+ fill="currentColor"
751
+ aria-hidden="true"
752
+ role="img"
753
+ width="1em"
754
+ height="1em"
755
+ >
756
+ <path
757
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
758
+ />
759
+ </svg>
631
760
  </span>
632
761
  <h2
633
762
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -671,7 +800,7 @@ section: components
671
800
  <span class="pf-v6-c-button__text">Skip to content</span>
672
801
  </a>
673
802
  </div>
674
- <header class="pf-v6-c-masthead" id="-page-masthead">
803
+ <header class="pf-v6-c-masthead" id="-page-docked">
675
804
  <div class="pf-v6-c-masthead__main">
676
805
  <span class="pf-v6-c-masthead__toggle">
677
806
  <button
@@ -713,7 +842,7 @@ section: components
713
842
  y1="2.25860997e-13%"
714
843
  x2="32%"
715
844
  y2="100%"
716
- id="linearGradient--page-masthead"
845
+ id="linearGradient--page-docked"
717
846
  >
718
847
  <stop stop-color="#2B9AF3" offset="0%" />
719
848
  <stop
@@ -767,11 +896,11 @@ section: components
767
896
  />
768
897
  <path
769
898
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
770
- fill="url(#linearGradient--page-masthead)"
899
+ fill="url(#linearGradient--page-docked)"
771
900
  />
772
901
  <path
773
902
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
774
- fill="url(#linearGradient--page-masthead)"
903
+ fill="url(#linearGradient--page-docked)"
775
904
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
776
905
  />
777
906
  </g>
@@ -781,7 +910,7 @@ section: components
781
910
  </div>
782
911
  </div>
783
912
  <div class="pf-v6-c-masthead__content">
784
- <div class="pf-v6-c-toolbar pf-m-static" id="-page-masthead-toolbar">
913
+ <div class="pf-v6-c-toolbar pf-m-static" id="-page-docked-toolbar">
785
914
  <div class="pf-v6-c-toolbar__content">
786
915
  <div class="pf-v6-c-toolbar__content-section">
787
916
  <div
@@ -914,7 +1043,19 @@ section: components
914
1043
  </li>
915
1044
  <li class="pf-v6-c-breadcrumb__item">
916
1045
  <span class="pf-v6-c-breadcrumb__item-divider">
917
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1046
+ <svg
1047
+ class="pf-v6-svg"
1048
+ viewBox="0 0 20 20"
1049
+ fill="currentColor"
1050
+ aria-hidden="true"
1051
+ role="img"
1052
+ width="1em"
1053
+ height="1em"
1054
+ >
1055
+ <path
1056
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1057
+ />
1058
+ </svg>
918
1059
  </span>
919
1060
 
920
1061
  <a
@@ -924,7 +1065,19 @@ section: components
924
1065
  </li>
925
1066
  <li class="pf-v6-c-breadcrumb__item">
926
1067
  <span class="pf-v6-c-breadcrumb__item-divider">
927
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1068
+ <svg
1069
+ class="pf-v6-svg"
1070
+ viewBox="0 0 20 20"
1071
+ fill="currentColor"
1072
+ aria-hidden="true"
1073
+ role="img"
1074
+ width="1em"
1075
+ height="1em"
1076
+ >
1077
+ <path
1078
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1079
+ />
1080
+ </svg>
928
1081
  </span>
929
1082
 
930
1083
  <a
@@ -934,7 +1087,19 @@ section: components
934
1087
  </li>
935
1088
  <li class="pf-v6-c-breadcrumb__item">
936
1089
  <span class="pf-v6-c-breadcrumb__item-divider">
937
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1090
+ <svg
1091
+ class="pf-v6-svg"
1092
+ viewBox="0 0 20 20"
1093
+ fill="currentColor"
1094
+ aria-hidden="true"
1095
+ role="img"
1096
+ width="1em"
1097
+ height="1em"
1098
+ >
1099
+ <path
1100
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1101
+ />
1102
+ </svg>
938
1103
  </span>
939
1104
 
940
1105
  <a
@@ -1025,7 +1190,19 @@ section: components
1025
1190
  <span
1026
1191
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1027
1192
  >
1028
- <i class="fas fa-info-circle" aria-hidden="true"></i>
1193
+ <svg
1194
+ class="pf-v6-svg"
1195
+ viewBox="0 0 32 32"
1196
+ fill="currentColor"
1197
+ aria-hidden="true"
1198
+ role="img"
1199
+ width="1em"
1200
+ height="1em"
1201
+ >
1202
+ <path
1203
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm1.5 22a1.5 1.5 0 1 1-3 0v-5.157l-.188.04a1.5 1.5 0 0 1-.625-2.934l1.956-.416c.112-.024.223-.032.333-.03l.024-.002a1.5 1.5 0 0 1 1.5 1.5v7Zm-.08-12.58c-.38.37-.89.58-1.42.58a1.998 1.998 0 0 1-1.851-2.76c.051-.13.11-.24.19-.35.07-.11.15-.21.25-.3.74-.75 2.08-.75 2.83 0 .09.09.17.19.24.3.08.11.14.22.189.35.05.12.09.24.11.37.03.13.04.26.04.39 0 .53-.21 1.04-.58 1.42Z"
1204
+ />
1205
+ </svg>
1029
1206
  </span>
1030
1207
  <h2
1031
1208
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1063,7 +1240,19 @@ section: components
1063
1240
  <span
1064
1241
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1065
1242
  >
1066
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
1243
+ <svg
1244
+ class="pf-v6-svg"
1245
+ viewBox="0 0 32 32"
1246
+ fill="currentColor"
1247
+ aria-hidden="true"
1248
+ role="img"
1249
+ width="1em"
1250
+ height="1em"
1251
+ >
1252
+ <path
1253
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
1254
+ />
1255
+ </svg>
1067
1256
  </span>
1068
1257
  <h2
1069
1258
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1101,7 +1290,19 @@ section: components
1101
1290
  <span
1102
1291
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1103
1292
  >
1104
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
1293
+ <svg
1294
+ class="pf-v6-svg"
1295
+ viewBox="0 0 32 32"
1296
+ fill="currentColor"
1297
+ aria-hidden="true"
1298
+ role="img"
1299
+ width="1em"
1300
+ height="1em"
1301
+ >
1302
+ <path
1303
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
1304
+ />
1305
+ </svg>
1105
1306
  </span>
1106
1307
  <h2
1107
1308
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1138,10 +1339,19 @@ section: components
1138
1339
  <span
1139
1340
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1140
1341
  >
1141
- <i
1142
- class="fas fa-exclamation-triangle"
1342
+ <svg
1343
+ class="pf-v6-svg"
1344
+ viewBox="0 0 32 32"
1345
+ fill="currentColor"
1143
1346
  aria-hidden="true"
1144
- ></i>
1347
+ role="img"
1348
+ width="1em"
1349
+ height="1em"
1350
+ >
1351
+ <path
1352
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
1353
+ />
1354
+ </svg>
1145
1355
  </span>
1146
1356
  <h2
1147
1357
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1177,7 +1387,19 @@ section: components
1177
1387
  <span
1178
1388
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1179
1389
  >
1180
- <i class="fas fa-check-circle" aria-hidden="true"></i>
1390
+ <svg
1391
+ class="pf-v6-svg"
1392
+ viewBox="0 0 32 32"
1393
+ fill="currentColor"
1394
+ aria-hidden="true"
1395
+ role="img"
1396
+ width="1em"
1397
+ height="1em"
1398
+ >
1399
+ <path
1400
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
1401
+ />
1402
+ </svg>
1181
1403
  </span>
1182
1404
  <h2
1183
1405
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1213,7 +1435,19 @@ section: components
1213
1435
  <span
1214
1436
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1215
1437
  >
1216
- <i class="fas fa-check-circle" aria-hidden="true"></i>
1438
+ <svg
1439
+ class="pf-v6-svg"
1440
+ viewBox="0 0 32 32"
1441
+ fill="currentColor"
1442
+ aria-hidden="true"
1443
+ role="img"
1444
+ width="1em"
1445
+ height="1em"
1446
+ >
1447
+ <path
1448
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
1449
+ />
1450
+ </svg>
1217
1451
  </span>
1218
1452
  <h2
1219
1453
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -1249,7 +1483,19 @@ section: components
1249
1483
  <span
1250
1484
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1251
1485
  >
1252
- <i class="fas fa-check-circle" aria-hidden="true"></i>
1486
+ <svg
1487
+ class="pf-v6-svg"
1488
+ viewBox="0 0 32 32"
1489
+ fill="currentColor"
1490
+ aria-hidden="true"
1491
+ role="img"
1492
+ width="1em"
1493
+ height="1em"
1494
+ >
1495
+ <path
1496
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
1497
+ />
1498
+ </svg>
1253
1499
  </span>
1254
1500
  <h2
1255
1501
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -1286,7 +1532,19 @@ section: components
1286
1532
  <span
1287
1533
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1288
1534
  >
1289
- <i class="fas fa-check-circle" aria-hidden="true"></i>
1535
+ <svg
1536
+ class="pf-v6-svg"
1537
+ viewBox="0 0 32 32"
1538
+ fill="currentColor"
1539
+ aria-hidden="true"
1540
+ role="img"
1541
+ width="1em"
1542
+ height="1em"
1543
+ >
1544
+ <path
1545
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
1546
+ />
1547
+ </svg>
1290
1548
  </span>
1291
1549
  <h2
1292
1550
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1330,7 +1588,7 @@ section: components
1330
1588
  <span class="pf-v6-c-button__text">Skip to content</span>
1331
1589
  </a>
1332
1590
  </div>
1333
- <header class="pf-v6-c-masthead" id="-page-masthead">
1591
+ <header class="pf-v6-c-masthead" id="-page-docked">
1334
1592
  <div class="pf-v6-c-masthead__main">
1335
1593
  <span class="pf-v6-c-masthead__toggle">
1336
1594
  <button
@@ -1372,7 +1630,7 @@ section: components
1372
1630
  y1="2.25860997e-13%"
1373
1631
  x2="32%"
1374
1632
  y2="100%"
1375
- id="linearGradient--page-masthead"
1633
+ id="linearGradient--page-docked"
1376
1634
  >
1377
1635
  <stop stop-color="#2B9AF3" offset="0%" />
1378
1636
  <stop
@@ -1426,11 +1684,11 @@ section: components
1426
1684
  />
1427
1685
  <path
1428
1686
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1429
- fill="url(#linearGradient--page-masthead)"
1687
+ fill="url(#linearGradient--page-docked)"
1430
1688
  />
1431
1689
  <path
1432
1690
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
1433
- fill="url(#linearGradient--page-masthead)"
1691
+ fill="url(#linearGradient--page-docked)"
1434
1692
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1435
1693
  />
1436
1694
  </g>
@@ -1440,7 +1698,7 @@ section: components
1440
1698
  </div>
1441
1699
  </div>
1442
1700
  <div class="pf-v6-c-masthead__content">
1443
- <div class="pf-v6-c-toolbar pf-m-static" id="-page-masthead-toolbar">
1701
+ <div class="pf-v6-c-toolbar pf-m-static" id="-page-docked-toolbar">
1444
1702
  <div class="pf-v6-c-toolbar__content">
1445
1703
  <div class="pf-v6-c-toolbar__content-section">
1446
1704
  <div
@@ -1573,7 +1831,19 @@ section: components
1573
1831
  </li>
1574
1832
  <li class="pf-v6-c-breadcrumb__item">
1575
1833
  <span class="pf-v6-c-breadcrumb__item-divider">
1576
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1834
+ <svg
1835
+ class="pf-v6-svg"
1836
+ viewBox="0 0 20 20"
1837
+ fill="currentColor"
1838
+ aria-hidden="true"
1839
+ role="img"
1840
+ width="1em"
1841
+ height="1em"
1842
+ >
1843
+ <path
1844
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1845
+ />
1846
+ </svg>
1577
1847
  </span>
1578
1848
 
1579
1849
  <a
@@ -1583,7 +1853,19 @@ section: components
1583
1853
  </li>
1584
1854
  <li class="pf-v6-c-breadcrumb__item">
1585
1855
  <span class="pf-v6-c-breadcrumb__item-divider">
1586
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1856
+ <svg
1857
+ class="pf-v6-svg"
1858
+ viewBox="0 0 20 20"
1859
+ fill="currentColor"
1860
+ aria-hidden="true"
1861
+ role="img"
1862
+ width="1em"
1863
+ height="1em"
1864
+ >
1865
+ <path
1866
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1867
+ />
1868
+ </svg>
1587
1869
  </span>
1588
1870
 
1589
1871
  <a
@@ -1593,7 +1875,19 @@ section: components
1593
1875
  </li>
1594
1876
  <li class="pf-v6-c-breadcrumb__item">
1595
1877
  <span class="pf-v6-c-breadcrumb__item-divider">
1596
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1878
+ <svg
1879
+ class="pf-v6-svg"
1880
+ viewBox="0 0 20 20"
1881
+ fill="currentColor"
1882
+ aria-hidden="true"
1883
+ role="img"
1884
+ width="1em"
1885
+ height="1em"
1886
+ >
1887
+ <path
1888
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1889
+ />
1890
+ </svg>
1597
1891
  </span>
1598
1892
 
1599
1893
  <a
@@ -1685,7 +1979,19 @@ section: components
1685
1979
  <span
1686
1980
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1687
1981
  >
1688
- <i class="fas fa-info-circle" aria-hidden="true"></i>
1982
+ <svg
1983
+ class="pf-v6-svg"
1984
+ viewBox="0 0 32 32"
1985
+ fill="currentColor"
1986
+ aria-hidden="true"
1987
+ role="img"
1988
+ width="1em"
1989
+ height="1em"
1990
+ >
1991
+ <path
1992
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm1.5 22a1.5 1.5 0 1 1-3 0v-5.157l-.188.04a1.5 1.5 0 0 1-.625-2.934l1.956-.416c.112-.024.223-.032.333-.03l.024-.002a1.5 1.5 0 0 1 1.5 1.5v7Zm-.08-12.58c-.38.37-.89.58-1.42.58a1.998 1.998 0 0 1-1.851-2.76c.051-.13.11-.24.19-.35.07-.11.15-.21.25-.3.74-.75 2.08-.75 2.83 0 .09.09.17.19.24.3.08.11.14.22.189.35.05.12.09.24.11.37.03.13.04.26.04.39 0 .53-.21 1.04-.58 1.42Z"
1993
+ />
1994
+ </svg>
1689
1995
  </span>
1690
1996
  <h2
1691
1997
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1724,7 +2030,19 @@ section: components
1724
2030
  <span
1725
2031
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1726
2032
  >
1727
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
2033
+ <svg
2034
+ class="pf-v6-svg"
2035
+ viewBox="0 0 32 32"
2036
+ fill="currentColor"
2037
+ aria-hidden="true"
2038
+ role="img"
2039
+ width="1em"
2040
+ height="1em"
2041
+ >
2042
+ <path
2043
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
2044
+ />
2045
+ </svg>
1728
2046
  </span>
1729
2047
  <h2
1730
2048
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1763,7 +2081,19 @@ section: components
1763
2081
  <span
1764
2082
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1765
2083
  >
1766
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
2084
+ <svg
2085
+ class="pf-v6-svg"
2086
+ viewBox="0 0 32 32"
2087
+ fill="currentColor"
2088
+ aria-hidden="true"
2089
+ role="img"
2090
+ width="1em"
2091
+ height="1em"
2092
+ >
2093
+ <path
2094
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
2095
+ />
2096
+ </svg>
1767
2097
  </span>
1768
2098
  <h2
1769
2099
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1800,10 +2130,19 @@ section: components
1800
2130
  <span
1801
2131
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1802
2132
  >
1803
- <i
1804
- class="fas fa-exclamation-triangle"
2133
+ <svg
2134
+ class="pf-v6-svg"
2135
+ viewBox="0 0 32 32"
2136
+ fill="currentColor"
1805
2137
  aria-hidden="true"
1806
- ></i>
2138
+ role="img"
2139
+ width="1em"
2140
+ height="1em"
2141
+ >
2142
+ <path
2143
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
2144
+ />
2145
+ </svg>
1807
2146
  </span>
1808
2147
  <h2
1809
2148
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1839,7 +2178,19 @@ section: components
1839
2178
  <span
1840
2179
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1841
2180
  >
1842
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2181
+ <svg
2182
+ class="pf-v6-svg"
2183
+ viewBox="0 0 32 32"
2184
+ fill="currentColor"
2185
+ aria-hidden="true"
2186
+ role="img"
2187
+ width="1em"
2188
+ height="1em"
2189
+ >
2190
+ <path
2191
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2192
+ />
2193
+ </svg>
1843
2194
  </span>
1844
2195
  <h2
1845
2196
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1875,7 +2226,19 @@ section: components
1875
2226
  <span
1876
2227
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1877
2228
  >
1878
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2229
+ <svg
2230
+ class="pf-v6-svg"
2231
+ viewBox="0 0 32 32"
2232
+ fill="currentColor"
2233
+ aria-hidden="true"
2234
+ role="img"
2235
+ width="1em"
2236
+ height="1em"
2237
+ >
2238
+ <path
2239
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2240
+ />
2241
+ </svg>
1879
2242
  </span>
1880
2243
  <h2
1881
2244
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -1911,7 +2274,19 @@ section: components
1911
2274
  <span
1912
2275
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1913
2276
  >
1914
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2277
+ <svg
2278
+ class="pf-v6-svg"
2279
+ viewBox="0 0 32 32"
2280
+ fill="currentColor"
2281
+ aria-hidden="true"
2282
+ role="img"
2283
+ width="1em"
2284
+ height="1em"
2285
+ >
2286
+ <path
2287
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2288
+ />
2289
+ </svg>
1915
2290
  </span>
1916
2291
  <h2
1917
2292
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -1948,7 +2323,19 @@ section: components
1948
2323
  <span
1949
2324
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1950
2325
  >
1951
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2326
+ <svg
2327
+ class="pf-v6-svg"
2328
+ viewBox="0 0 32 32"
2329
+ fill="currentColor"
2330
+ aria-hidden="true"
2331
+ role="img"
2332
+ width="1em"
2333
+ height="1em"
2334
+ >
2335
+ <path
2336
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2337
+ />
2338
+ </svg>
1952
2339
  </span>
1953
2340
  <h2
1954
2341
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1992,7 +2379,7 @@ section: components
1992
2379
  <span class="pf-v6-c-button__text">Skip to content</span>
1993
2380
  </a>
1994
2381
  </div>
1995
- <header class="pf-v6-c-masthead" id="-page-masthead">
2382
+ <header class="pf-v6-c-masthead" id="-page-docked">
1996
2383
  <div class="pf-v6-c-masthead__main">
1997
2384
  <span class="pf-v6-c-masthead__toggle">
1998
2385
  <button
@@ -2034,7 +2421,7 @@ section: components
2034
2421
  y1="2.25860997e-13%"
2035
2422
  x2="32%"
2036
2423
  y2="100%"
2037
- id="linearGradient--page-masthead"
2424
+ id="linearGradient--page-docked"
2038
2425
  >
2039
2426
  <stop stop-color="#2B9AF3" offset="0%" />
2040
2427
  <stop
@@ -2088,11 +2475,11 @@ section: components
2088
2475
  />
2089
2476
  <path
2090
2477
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2091
- fill="url(#linearGradient--page-masthead)"
2478
+ fill="url(#linearGradient--page-docked)"
2092
2479
  />
2093
2480
  <path
2094
2481
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
2095
- fill="url(#linearGradient--page-masthead)"
2482
+ fill="url(#linearGradient--page-docked)"
2096
2483
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2097
2484
  />
2098
2485
  </g>
@@ -2102,7 +2489,7 @@ section: components
2102
2489
  </div>
2103
2490
  </div>
2104
2491
  <div class="pf-v6-c-masthead__content">
2105
- <div class="pf-v6-c-toolbar pf-m-static" id="-page-masthead-toolbar">
2492
+ <div class="pf-v6-c-toolbar pf-m-static" id="-page-docked-toolbar">
2106
2493
  <div class="pf-v6-c-toolbar__content">
2107
2494
  <div class="pf-v6-c-toolbar__content-section">
2108
2495
  <div
@@ -2235,7 +2622,19 @@ section: components
2235
2622
  </li>
2236
2623
  <li class="pf-v6-c-breadcrumb__item">
2237
2624
  <span class="pf-v6-c-breadcrumb__item-divider">
2238
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2625
+ <svg
2626
+ class="pf-v6-svg"
2627
+ viewBox="0 0 20 20"
2628
+ fill="currentColor"
2629
+ aria-hidden="true"
2630
+ role="img"
2631
+ width="1em"
2632
+ height="1em"
2633
+ >
2634
+ <path
2635
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2636
+ />
2637
+ </svg>
2239
2638
  </span>
2240
2639
 
2241
2640
  <a
@@ -2245,7 +2644,19 @@ section: components
2245
2644
  </li>
2246
2645
  <li class="pf-v6-c-breadcrumb__item">
2247
2646
  <span class="pf-v6-c-breadcrumb__item-divider">
2248
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2647
+ <svg
2648
+ class="pf-v6-svg"
2649
+ viewBox="0 0 20 20"
2650
+ fill="currentColor"
2651
+ aria-hidden="true"
2652
+ role="img"
2653
+ width="1em"
2654
+ height="1em"
2655
+ >
2656
+ <path
2657
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2658
+ />
2659
+ </svg>
2249
2660
  </span>
2250
2661
 
2251
2662
  <a
@@ -2255,7 +2666,19 @@ section: components
2255
2666
  </li>
2256
2667
  <li class="pf-v6-c-breadcrumb__item">
2257
2668
  <span class="pf-v6-c-breadcrumb__item-divider">
2258
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2669
+ <svg
2670
+ class="pf-v6-svg"
2671
+ viewBox="0 0 20 20"
2672
+ fill="currentColor"
2673
+ aria-hidden="true"
2674
+ role="img"
2675
+ width="1em"
2676
+ height="1em"
2677
+ >
2678
+ <path
2679
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2680
+ />
2681
+ </svg>
2259
2682
  </span>
2260
2683
 
2261
2684
  <a
@@ -2347,7 +2770,19 @@ section: components
2347
2770
  <span
2348
2771
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2349
2772
  >
2350
- <i class="fas fa-info-circle" aria-hidden="true"></i>
2773
+ <svg
2774
+ class="pf-v6-svg"
2775
+ viewBox="0 0 32 32"
2776
+ fill="currentColor"
2777
+ aria-hidden="true"
2778
+ role="img"
2779
+ width="1em"
2780
+ height="1em"
2781
+ >
2782
+ <path
2783
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm1.5 22a1.5 1.5 0 1 1-3 0v-5.157l-.188.04a1.5 1.5 0 0 1-.625-2.934l1.956-.416c.112-.024.223-.032.333-.03l.024-.002a1.5 1.5 0 0 1 1.5 1.5v7Zm-.08-12.58c-.38.37-.89.58-1.42.58a1.998 1.998 0 0 1-1.851-2.76c.051-.13.11-.24.19-.35.07-.11.15-.21.25-.3.74-.75 2.08-.75 2.83 0 .09.09.17.19.24.3.08.11.14.22.189.35.05.12.09.24.11.37.03.13.04.26.04.39 0 .53-.21 1.04-.58 1.42Z"
2784
+ />
2785
+ </svg>
2351
2786
  </span>
2352
2787
  <h2
2353
2788
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2386,7 +2821,19 @@ section: components
2386
2821
  <span
2387
2822
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2388
2823
  >
2389
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
2824
+ <svg
2825
+ class="pf-v6-svg"
2826
+ viewBox="0 0 32 32"
2827
+ fill="currentColor"
2828
+ aria-hidden="true"
2829
+ role="img"
2830
+ width="1em"
2831
+ height="1em"
2832
+ >
2833
+ <path
2834
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
2835
+ />
2836
+ </svg>
2390
2837
  </span>
2391
2838
  <h2
2392
2839
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2420,7 +2867,19 @@ section: components
2420
2867
  <span
2421
2868
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2422
2869
  >
2423
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
2870
+ <svg
2871
+ class="pf-v6-svg"
2872
+ viewBox="0 0 32 32"
2873
+ fill="currentColor"
2874
+ aria-hidden="true"
2875
+ role="img"
2876
+ width="1em"
2877
+ height="1em"
2878
+ >
2879
+ <path
2880
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
2881
+ />
2882
+ </svg>
2424
2883
  </span>
2425
2884
  <h2
2426
2885
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2457,10 +2916,19 @@ section: components
2457
2916
  <span
2458
2917
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2459
2918
  >
2460
- <i
2461
- class="fas fa-exclamation-triangle"
2919
+ <svg
2920
+ class="pf-v6-svg"
2921
+ viewBox="0 0 32 32"
2922
+ fill="currentColor"
2462
2923
  aria-hidden="true"
2463
- ></i>
2924
+ role="img"
2925
+ width="1em"
2926
+ height="1em"
2927
+ >
2928
+ <path
2929
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
2930
+ />
2931
+ </svg>
2464
2932
  </span>
2465
2933
  <h2
2466
2934
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2496,7 +2964,19 @@ section: components
2496
2964
  <span
2497
2965
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2498
2966
  >
2499
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2967
+ <svg
2968
+ class="pf-v6-svg"
2969
+ viewBox="0 0 32 32"
2970
+ fill="currentColor"
2971
+ aria-hidden="true"
2972
+ role="img"
2973
+ width="1em"
2974
+ height="1em"
2975
+ >
2976
+ <path
2977
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2978
+ />
2979
+ </svg>
2500
2980
  </span>
2501
2981
  <h2
2502
2982
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2532,7 +3012,19 @@ section: components
2532
3012
  <span
2533
3013
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2534
3014
  >
2535
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3015
+ <svg
3016
+ class="pf-v6-svg"
3017
+ viewBox="0 0 32 32"
3018
+ fill="currentColor"
3019
+ aria-hidden="true"
3020
+ role="img"
3021
+ width="1em"
3022
+ height="1em"
3023
+ >
3024
+ <path
3025
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
3026
+ />
3027
+ </svg>
2536
3028
  </span>
2537
3029
  <h2
2538
3030
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -2568,7 +3060,19 @@ section: components
2568
3060
  <span
2569
3061
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2570
3062
  >
2571
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3063
+ <svg
3064
+ class="pf-v6-svg"
3065
+ viewBox="0 0 32 32"
3066
+ fill="currentColor"
3067
+ aria-hidden="true"
3068
+ role="img"
3069
+ width="1em"
3070
+ height="1em"
3071
+ >
3072
+ <path
3073
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
3074
+ />
3075
+ </svg>
2572
3076
  </span>
2573
3077
  <h2
2574
3078
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -2605,7 +3109,19 @@ section: components
2605
3109
  <span
2606
3110
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2607
3111
  >
2608
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3112
+ <svg
3113
+ class="pf-v6-svg"
3114
+ viewBox="0 0 32 32"
3115
+ fill="currentColor"
3116
+ aria-hidden="true"
3117
+ role="img"
3118
+ width="1em"
3119
+ height="1em"
3120
+ >
3121
+ <path
3122
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
3123
+ />
3124
+ </svg>
2609
3125
  </span>
2610
3126
  <h2
2611
3127
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2649,7 +3165,7 @@ section: components
2649
3165
  <span class="pf-v6-c-button__text">Skip to content</span>
2650
3166
  </a>
2651
3167
  </div>
2652
- <header class="pf-v6-c-masthead" id="-page-masthead">
3168
+ <header class="pf-v6-c-masthead" id="-page-docked">
2653
3169
  <div class="pf-v6-c-masthead__main">
2654
3170
  <span class="pf-v6-c-masthead__toggle">
2655
3171
  <button
@@ -2691,7 +3207,7 @@ section: components
2691
3207
  y1="2.25860997e-13%"
2692
3208
  x2="32%"
2693
3209
  y2="100%"
2694
- id="linearGradient--page-masthead"
3210
+ id="linearGradient--page-docked"
2695
3211
  >
2696
3212
  <stop stop-color="#2B9AF3" offset="0%" />
2697
3213
  <stop
@@ -2745,11 +3261,11 @@ section: components
2745
3261
  />
2746
3262
  <path
2747
3263
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2748
- fill="url(#linearGradient--page-masthead)"
3264
+ fill="url(#linearGradient--page-docked)"
2749
3265
  />
2750
3266
  <path
2751
3267
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
2752
- fill="url(#linearGradient--page-masthead)"
3268
+ fill="url(#linearGradient--page-docked)"
2753
3269
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2754
3270
  />
2755
3271
  </g>
@@ -2759,7 +3275,7 @@ section: components
2759
3275
  </div>
2760
3276
  </div>
2761
3277
  <div class="pf-v6-c-masthead__content">
2762
- <div class="pf-v6-c-toolbar pf-m-static" id="-page-masthead-toolbar">
3278
+ <div class="pf-v6-c-toolbar pf-m-static" id="-page-docked-toolbar">
2763
3279
  <div class="pf-v6-c-toolbar__content">
2764
3280
  <div class="pf-v6-c-toolbar__content-section">
2765
3281
  <div
@@ -2892,7 +3408,19 @@ section: components
2892
3408
  </li>
2893
3409
  <li class="pf-v6-c-breadcrumb__item">
2894
3410
  <span class="pf-v6-c-breadcrumb__item-divider">
2895
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3411
+ <svg
3412
+ class="pf-v6-svg"
3413
+ viewBox="0 0 20 20"
3414
+ fill="currentColor"
3415
+ aria-hidden="true"
3416
+ role="img"
3417
+ width="1em"
3418
+ height="1em"
3419
+ >
3420
+ <path
3421
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3422
+ />
3423
+ </svg>
2896
3424
  </span>
2897
3425
 
2898
3426
  <a
@@ -2902,7 +3430,19 @@ section: components
2902
3430
  </li>
2903
3431
  <li class="pf-v6-c-breadcrumb__item">
2904
3432
  <span class="pf-v6-c-breadcrumb__item-divider">
2905
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3433
+ <svg
3434
+ class="pf-v6-svg"
3435
+ viewBox="0 0 20 20"
3436
+ fill="currentColor"
3437
+ aria-hidden="true"
3438
+ role="img"
3439
+ width="1em"
3440
+ height="1em"
3441
+ >
3442
+ <path
3443
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3444
+ />
3445
+ </svg>
2906
3446
  </span>
2907
3447
 
2908
3448
  <a
@@ -2912,7 +3452,19 @@ section: components
2912
3452
  </li>
2913
3453
  <li class="pf-v6-c-breadcrumb__item">
2914
3454
  <span class="pf-v6-c-breadcrumb__item-divider">
2915
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3455
+ <svg
3456
+ class="pf-v6-svg"
3457
+ viewBox="0 0 20 20"
3458
+ fill="currentColor"
3459
+ aria-hidden="true"
3460
+ role="img"
3461
+ width="1em"
3462
+ height="1em"
3463
+ >
3464
+ <path
3465
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3466
+ />
3467
+ </svg>
2916
3468
  </span>
2917
3469
 
2918
3470
  <a
@@ -3013,7 +3565,19 @@ section: components
3013
3565
  <span
3014
3566
  class="pf-v6-c-notification-drawer__group-toggle-icon"
3015
3567
  >
3016
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3568
+ <svg
3569
+ class="pf-v6-svg"
3570
+ viewBox="0 0 20 20"
3571
+ fill="currentColor"
3572
+ aria-hidden="true"
3573
+ role="img"
3574
+ width="1em"
3575
+ height="1em"
3576
+ >
3577
+ <path
3578
+ 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"
3579
+ />
3580
+ </svg>
3017
3581
  </span>
3018
3582
  </button>
3019
3583
  </h1>
@@ -3032,7 +3596,19 @@ section: components
3032
3596
  <span
3033
3597
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3034
3598
  >
3035
- <i class="fas fa-info-circle" aria-hidden="true"></i>
3599
+ <svg
3600
+ class="pf-v6-svg"
3601
+ viewBox="0 0 32 32"
3602
+ fill="currentColor"
3603
+ aria-hidden="true"
3604
+ role="img"
3605
+ width="1em"
3606
+ height="1em"
3607
+ >
3608
+ <path
3609
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm1.5 22a1.5 1.5 0 1 1-3 0v-5.157l-.188.04a1.5 1.5 0 0 1-.625-2.934l1.956-.416c.112-.024.223-.032.333-.03l.024-.002a1.5 1.5 0 0 1 1.5 1.5v7Zm-.08-12.58c-.38.37-.89.58-1.42.58a1.998 1.998 0 0 1-1.851-2.76c.051-.13.11-.24.19-.35.07-.11.15-.21.25-.3.74-.75 2.08-.75 2.83 0 .09.09.17.19.24.3.08.11.14.22.189.35.05.12.09.24.11.37.03.13.04.26.04.39 0 .53-.21 1.04-.58 1.42Z"
3610
+ />
3611
+ </svg>
3036
3612
  </span>
3037
3613
  <h2
3038
3614
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3075,10 +3651,19 @@ section: components
3075
3651
  <span
3076
3652
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3077
3653
  >
3078
- <i
3079
- class="fas fa-arrow-circle-up"
3654
+ <svg
3655
+ class="pf-v6-svg"
3656
+ viewBox="0 0 32 32"
3657
+ fill="currentColor"
3080
3658
  aria-hidden="true"
3081
- ></i>
3659
+ role="img"
3660
+ width="1em"
3661
+ height="1em"
3662
+ >
3663
+ <path
3664
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
3665
+ />
3666
+ </svg>
3082
3667
  </span>
3083
3668
  <h2
3084
3669
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3123,10 +3708,19 @@ section: components
3123
3708
  <span
3124
3709
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3125
3710
  >
3126
- <i
3127
- class="fas fa-arrow-circle-up"
3711
+ <svg
3712
+ class="pf-v6-svg"
3713
+ viewBox="0 0 32 32"
3714
+ fill="currentColor"
3128
3715
  aria-hidden="true"
3129
- ></i>
3716
+ role="img"
3717
+ width="1em"
3718
+ height="1em"
3719
+ >
3720
+ <path
3721
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
3722
+ />
3723
+ </svg>
3130
3724
  </span>
3131
3725
  <h2
3132
3726
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3169,10 +3763,19 @@ section: components
3169
3763
  <span
3170
3764
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3171
3765
  >
3172
- <i
3173
- class="fas fa-exclamation-triangle"
3766
+ <svg
3767
+ class="pf-v6-svg"
3768
+ viewBox="0 0 32 32"
3769
+ fill="currentColor"
3174
3770
  aria-hidden="true"
3175
- ></i>
3771
+ role="img"
3772
+ width="1em"
3773
+ height="1em"
3774
+ >
3775
+ <path
3776
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
3777
+ />
3778
+ </svg>
3176
3779
  </span>
3177
3780
  <h2
3178
3781
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3214,7 +3817,19 @@ section: components
3214
3817
  <span
3215
3818
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3216
3819
  >
3217
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3820
+ <svg
3821
+ class="pf-v6-svg"
3822
+ viewBox="0 0 32 32"
3823
+ fill="currentColor"
3824
+ aria-hidden="true"
3825
+ role="img"
3826
+ width="1em"
3827
+ height="1em"
3828
+ >
3829
+ <path
3830
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
3831
+ />
3832
+ </svg>
3218
3833
  </span>
3219
3834
  <h2
3220
3835
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3256,7 +3871,19 @@ section: components
3256
3871
  <span
3257
3872
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3258
3873
  >
3259
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3874
+ <svg
3875
+ class="pf-v6-svg"
3876
+ viewBox="0 0 32 32"
3877
+ fill="currentColor"
3878
+ aria-hidden="true"
3879
+ role="img"
3880
+ width="1em"
3881
+ height="1em"
3882
+ >
3883
+ <path
3884
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
3885
+ />
3886
+ </svg>
3260
3887
  </span>
3261
3888
  <h2
3262
3889
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -3298,7 +3925,19 @@ section: components
3298
3925
  <span
3299
3926
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3300
3927
  >
3301
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3928
+ <svg
3929
+ class="pf-v6-svg"
3930
+ viewBox="0 0 32 32"
3931
+ fill="currentColor"
3932
+ aria-hidden="true"
3933
+ role="img"
3934
+ width="1em"
3935
+ height="1em"
3936
+ >
3937
+ <path
3938
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
3939
+ />
3940
+ </svg>
3302
3941
  </span>
3303
3942
  <h2
3304
3943
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -3341,7 +3980,19 @@ section: components
3341
3980
  <span
3342
3981
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3343
3982
  >
3344
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3983
+ <svg
3984
+ class="pf-v6-svg"
3985
+ viewBox="0 0 32 32"
3986
+ fill="currentColor"
3987
+ aria-hidden="true"
3988
+ role="img"
3989
+ width="1em"
3990
+ height="1em"
3991
+ >
3992
+ <path
3993
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
3994
+ />
3995
+ </svg>
3345
3996
  </span>
3346
3997
  <h2
3347
3998
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3390,7 +4041,19 @@ section: components
3390
4041
  <span
3391
4042
  class="pf-v6-c-notification-drawer__group-toggle-icon"
3392
4043
  >
3393
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4044
+ <svg
4045
+ class="pf-v6-svg"
4046
+ viewBox="0 0 20 20"
4047
+ fill="currentColor"
4048
+ aria-hidden="true"
4049
+ role="img"
4050
+ width="1em"
4051
+ height="1em"
4052
+ >
4053
+ <path
4054
+ 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"
4055
+ />
4056
+ </svg>
3394
4057
  </span>
3395
4058
  </button>
3396
4059
  </h1>
@@ -3405,7 +4068,19 @@ section: components
3405
4068
  <span
3406
4069
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3407
4070
  >
3408
- <i class="fas fa-info-circle" aria-hidden="true"></i>
4071
+ <svg
4072
+ class="pf-v6-svg"
4073
+ viewBox="0 0 32 32"
4074
+ fill="currentColor"
4075
+ aria-hidden="true"
4076
+ role="img"
4077
+ width="1em"
4078
+ height="1em"
4079
+ >
4080
+ <path
4081
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm1.5 22a1.5 1.5 0 1 1-3 0v-5.157l-.188.04a1.5 1.5 0 0 1-.625-2.934l1.956-.416c.112-.024.223-.032.333-.03l.024-.002a1.5 1.5 0 0 1 1.5 1.5v7Zm-.08-12.58c-.38.37-.89.58-1.42.58a1.998 1.998 0 0 1-1.851-2.76c.051-.13.11-.24.19-.35.07-.11.15-.21.25-.3.74-.75 2.08-.75 2.83 0 .09.09.17.19.24.3.08.11.14.22.189.35.05.12.09.24.11.37.03.13.04.26.04.39 0 .53-.21 1.04-.58 1.42Z"
4082
+ />
4083
+ </svg>
3409
4084
  </span>
3410
4085
  <h2
3411
4086
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3448,10 +4123,19 @@ section: components
3448
4123
  <span
3449
4124
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3450
4125
  >
3451
- <i
3452
- class="fas fa-arrow-circle-up"
4126
+ <svg
4127
+ class="pf-v6-svg"
4128
+ viewBox="0 0 32 32"
4129
+ fill="currentColor"
3453
4130
  aria-hidden="true"
3454
- ></i>
4131
+ role="img"
4132
+ width="1em"
4133
+ height="1em"
4134
+ >
4135
+ <path
4136
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
4137
+ />
4138
+ </svg>
3455
4139
  </span>
3456
4140
  <h2
3457
4141
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3496,10 +4180,19 @@ section: components
3496
4180
  <span
3497
4181
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3498
4182
  >
3499
- <i
3500
- class="fas fa-arrow-circle-up"
4183
+ <svg
4184
+ class="pf-v6-svg"
4185
+ viewBox="0 0 32 32"
4186
+ fill="currentColor"
3501
4187
  aria-hidden="true"
3502
- ></i>
4188
+ role="img"
4189
+ width="1em"
4190
+ height="1em"
4191
+ >
4192
+ <path
4193
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
4194
+ />
4195
+ </svg>
3503
4196
  </span>
3504
4197
  <h2
3505
4198
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3542,10 +4235,19 @@ section: components
3542
4235
  <span
3543
4236
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3544
4237
  >
3545
- <i
3546
- class="fas fa-exclamation-triangle"
4238
+ <svg
4239
+ class="pf-v6-svg"
4240
+ viewBox="0 0 32 32"
4241
+ fill="currentColor"
3547
4242
  aria-hidden="true"
3548
- ></i>
4243
+ role="img"
4244
+ width="1em"
4245
+ height="1em"
4246
+ >
4247
+ <path
4248
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
4249
+ />
4250
+ </svg>
3549
4251
  </span>
3550
4252
  <h2
3551
4253
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3587,7 +4289,19 @@ section: components
3587
4289
  <span
3588
4290
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3589
4291
  >
3590
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4292
+ <svg
4293
+ class="pf-v6-svg"
4294
+ viewBox="0 0 32 32"
4295
+ fill="currentColor"
4296
+ aria-hidden="true"
4297
+ role="img"
4298
+ width="1em"
4299
+ height="1em"
4300
+ >
4301
+ <path
4302
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
4303
+ />
4304
+ </svg>
3591
4305
  </span>
3592
4306
  <h2
3593
4307
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3629,7 +4343,19 @@ section: components
3629
4343
  <span
3630
4344
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3631
4345
  >
3632
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4346
+ <svg
4347
+ class="pf-v6-svg"
4348
+ viewBox="0 0 32 32"
4349
+ fill="currentColor"
4350
+ aria-hidden="true"
4351
+ role="img"
4352
+ width="1em"
4353
+ height="1em"
4354
+ >
4355
+ <path
4356
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
4357
+ />
4358
+ </svg>
3633
4359
  </span>
3634
4360
  <h2
3635
4361
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -3671,7 +4397,19 @@ section: components
3671
4397
  <span
3672
4398
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3673
4399
  >
3674
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4400
+ <svg
4401
+ class="pf-v6-svg"
4402
+ viewBox="0 0 32 32"
4403
+ fill="currentColor"
4404
+ aria-hidden="true"
4405
+ role="img"
4406
+ width="1em"
4407
+ height="1em"
4408
+ >
4409
+ <path
4410
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
4411
+ />
4412
+ </svg>
3675
4413
  </span>
3676
4414
  <h2
3677
4415
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -3714,7 +4452,19 @@ section: components
3714
4452
  <span
3715
4453
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3716
4454
  >
3717
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4455
+ <svg
4456
+ class="pf-v6-svg"
4457
+ viewBox="0 0 32 32"
4458
+ fill="currentColor"
4459
+ aria-hidden="true"
4460
+ role="img"
4461
+ width="1em"
4462
+ height="1em"
4463
+ >
4464
+ <path
4465
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
4466
+ />
4467
+ </svg>
3718
4468
  </span>
3719
4469
  <h2
3720
4470
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3761,7 +4511,19 @@ section: components
3761
4511
  <span
3762
4512
  class="pf-v6-c-notification-drawer__group-toggle-icon"
3763
4513
  >
3764
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4514
+ <svg
4515
+ class="pf-v6-svg"
4516
+ viewBox="0 0 20 20"
4517
+ fill="currentColor"
4518
+ aria-hidden="true"
4519
+ role="img"
4520
+ width="1em"
4521
+ height="1em"
4522
+ >
4523
+ <path
4524
+ 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"
4525
+ />
4526
+ </svg>
3765
4527
  </span>
3766
4528
  </button>
3767
4529
  </h1>
@@ -3780,7 +4542,19 @@ section: components
3780
4542
  <span
3781
4543
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3782
4544
  >
3783
- <i class="fas fa-info-circle" aria-hidden="true"></i>
4545
+ <svg
4546
+ class="pf-v6-svg"
4547
+ viewBox="0 0 32 32"
4548
+ fill="currentColor"
4549
+ aria-hidden="true"
4550
+ role="img"
4551
+ width="1em"
4552
+ height="1em"
4553
+ >
4554
+ <path
4555
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm1.5 22a1.5 1.5 0 1 1-3 0v-5.157l-.188.04a1.5 1.5 0 0 1-.625-2.934l1.956-.416c.112-.024.223-.032.333-.03l.024-.002a1.5 1.5 0 0 1 1.5 1.5v7Zm-.08-12.58c-.38.37-.89.58-1.42.58a1.998 1.998 0 0 1-1.851-2.76c.051-.13.11-.24.19-.35.07-.11.15-.21.25-.3.74-.75 2.08-.75 2.83 0 .09.09.17.19.24.3.08.11.14.22.189.35.05.12.09.24.11.37.03.13.04.26.04.39 0 .53-.21 1.04-.58 1.42Z"
4556
+ />
4557
+ </svg>
3784
4558
  </span>
3785
4559
  <h2
3786
4560
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3823,10 +4597,19 @@ section: components
3823
4597
  <span
3824
4598
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3825
4599
  >
3826
- <i
3827
- class="fas fa-arrow-circle-up"
4600
+ <svg
4601
+ class="pf-v6-svg"
4602
+ viewBox="0 0 32 32"
4603
+ fill="currentColor"
3828
4604
  aria-hidden="true"
3829
- ></i>
4605
+ role="img"
4606
+ width="1em"
4607
+ height="1em"
4608
+ >
4609
+ <path
4610
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
4611
+ />
4612
+ </svg>
3830
4613
  </span>
3831
4614
  <h2
3832
4615
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3871,10 +4654,19 @@ section: components
3871
4654
  <span
3872
4655
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3873
4656
  >
3874
- <i
3875
- class="fas fa-arrow-circle-up"
4657
+ <svg
4658
+ class="pf-v6-svg"
4659
+ viewBox="0 0 32 32"
4660
+ fill="currentColor"
3876
4661
  aria-hidden="true"
3877
- ></i>
4662
+ role="img"
4663
+ width="1em"
4664
+ height="1em"
4665
+ >
4666
+ <path
4667
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
4668
+ />
4669
+ </svg>
3878
4670
  </span>
3879
4671
  <h2
3880
4672
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3917,10 +4709,19 @@ section: components
3917
4709
  <span
3918
4710
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3919
4711
  >
3920
- <i
3921
- class="fas fa-exclamation-triangle"
4712
+ <svg
4713
+ class="pf-v6-svg"
4714
+ viewBox="0 0 32 32"
4715
+ fill="currentColor"
3922
4716
  aria-hidden="true"
3923
- ></i>
4717
+ role="img"
4718
+ width="1em"
4719
+ height="1em"
4720
+ >
4721
+ <path
4722
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
4723
+ />
4724
+ </svg>
3924
4725
  </span>
3925
4726
  <h2
3926
4727
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3962,7 +4763,19 @@ section: components
3962
4763
  <span
3963
4764
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3964
4765
  >
3965
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4766
+ <svg
4767
+ class="pf-v6-svg"
4768
+ viewBox="0 0 32 32"
4769
+ fill="currentColor"
4770
+ aria-hidden="true"
4771
+ role="img"
4772
+ width="1em"
4773
+ height="1em"
4774
+ >
4775
+ <path
4776
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
4777
+ />
4778
+ </svg>
3966
4779
  </span>
3967
4780
  <h2
3968
4781
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4004,7 +4817,19 @@ section: components
4004
4817
  <span
4005
4818
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4006
4819
  >
4007
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4820
+ <svg
4821
+ class="pf-v6-svg"
4822
+ viewBox="0 0 32 32"
4823
+ fill="currentColor"
4824
+ aria-hidden="true"
4825
+ role="img"
4826
+ width="1em"
4827
+ height="1em"
4828
+ >
4829
+ <path
4830
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
4831
+ />
4832
+ </svg>
4008
4833
  </span>
4009
4834
  <h2
4010
4835
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -4046,7 +4871,19 @@ section: components
4046
4871
  <span
4047
4872
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4048
4873
  >
4049
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4874
+ <svg
4875
+ class="pf-v6-svg"
4876
+ viewBox="0 0 32 32"
4877
+ fill="currentColor"
4878
+ aria-hidden="true"
4879
+ role="img"
4880
+ width="1em"
4881
+ height="1em"
4882
+ >
4883
+ <path
4884
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
4885
+ />
4886
+ </svg>
4050
4887
  </span>
4051
4888
  <h2
4052
4889
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -4089,7 +4926,19 @@ section: components
4089
4926
  <span
4090
4927
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4091
4928
  >
4092
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4929
+ <svg
4930
+ class="pf-v6-svg"
4931
+ viewBox="0 0 32 32"
4932
+ fill="currentColor"
4933
+ aria-hidden="true"
4934
+ role="img"
4935
+ width="1em"
4936
+ height="1em"
4937
+ >
4938
+ <path
4939
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
4940
+ />
4941
+ </svg>
4093
4942
  </span>
4094
4943
  <h2
4095
4944
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4136,7 +4985,19 @@ section: components
4136
4985
  <span
4137
4986
  class="pf-v6-c-notification-drawer__group-toggle-icon"
4138
4987
  >
4139
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4988
+ <svg
4989
+ class="pf-v6-svg"
4990
+ viewBox="0 0 20 20"
4991
+ fill="currentColor"
4992
+ aria-hidden="true"
4993
+ role="img"
4994
+ width="1em"
4995
+ height="1em"
4996
+ >
4997
+ <path
4998
+ 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"
4999
+ />
5000
+ </svg>
4140
5001
  </span>
4141
5002
  </button>
4142
5003
  </h1>
@@ -4155,7 +5016,19 @@ section: components
4155
5016
  <span
4156
5017
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4157
5018
  >
4158
- <i class="fas fa-info-circle" aria-hidden="true"></i>
5019
+ <svg
5020
+ class="pf-v6-svg"
5021
+ viewBox="0 0 32 32"
5022
+ fill="currentColor"
5023
+ aria-hidden="true"
5024
+ role="img"
5025
+ width="1em"
5026
+ height="1em"
5027
+ >
5028
+ <path
5029
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm1.5 22a1.5 1.5 0 1 1-3 0v-5.157l-.188.04a1.5 1.5 0 0 1-.625-2.934l1.956-.416c.112-.024.223-.032.333-.03l.024-.002a1.5 1.5 0 0 1 1.5 1.5v7Zm-.08-12.58c-.38.37-.89.58-1.42.58a1.998 1.998 0 0 1-1.851-2.76c.051-.13.11-.24.19-.35.07-.11.15-.21.25-.3.74-.75 2.08-.75 2.83 0 .09.09.17.19.24.3.08.11.14.22.189.35.05.12.09.24.11.37.03.13.04.26.04.39 0 .53-.21 1.04-.58 1.42Z"
5030
+ />
5031
+ </svg>
4159
5032
  </span>
4160
5033
  <h2
4161
5034
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4198,10 +5071,19 @@ section: components
4198
5071
  <span
4199
5072
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4200
5073
  >
4201
- <i
4202
- class="fas fa-arrow-circle-up"
5074
+ <svg
5075
+ class="pf-v6-svg"
5076
+ viewBox="0 0 32 32"
5077
+ fill="currentColor"
4203
5078
  aria-hidden="true"
4204
- ></i>
5079
+ role="img"
5080
+ width="1em"
5081
+ height="1em"
5082
+ >
5083
+ <path
5084
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
5085
+ />
5086
+ </svg>
4205
5087
  </span>
4206
5088
  <h2
4207
5089
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4246,10 +5128,19 @@ section: components
4246
5128
  <span
4247
5129
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4248
5130
  >
4249
- <i
4250
- class="fas fa-arrow-circle-up"
5131
+ <svg
5132
+ class="pf-v6-svg"
5133
+ viewBox="0 0 32 32"
5134
+ fill="currentColor"
4251
5135
  aria-hidden="true"
4252
- ></i>
5136
+ role="img"
5137
+ width="1em"
5138
+ height="1em"
5139
+ >
5140
+ <path
5141
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
5142
+ />
5143
+ </svg>
4253
5144
  </span>
4254
5145
  <h2
4255
5146
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4292,10 +5183,19 @@ section: components
4292
5183
  <span
4293
5184
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4294
5185
  >
4295
- <i
4296
- class="fas fa-exclamation-triangle"
5186
+ <svg
5187
+ class="pf-v6-svg"
5188
+ viewBox="0 0 32 32"
5189
+ fill="currentColor"
4297
5190
  aria-hidden="true"
4298
- ></i>
5191
+ role="img"
5192
+ width="1em"
5193
+ height="1em"
5194
+ >
5195
+ <path
5196
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
5197
+ />
5198
+ </svg>
4299
5199
  </span>
4300
5200
  <h2
4301
5201
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4337,7 +5237,19 @@ section: components
4337
5237
  <span
4338
5238
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4339
5239
  >
4340
- <i class="fas fa-check-circle" aria-hidden="true"></i>
5240
+ <svg
5241
+ class="pf-v6-svg"
5242
+ viewBox="0 0 32 32"
5243
+ fill="currentColor"
5244
+ aria-hidden="true"
5245
+ role="img"
5246
+ width="1em"
5247
+ height="1em"
5248
+ >
5249
+ <path
5250
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
5251
+ />
5252
+ </svg>
4341
5253
  </span>
4342
5254
  <h2
4343
5255
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4379,7 +5291,19 @@ section: components
4379
5291
  <span
4380
5292
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4381
5293
  >
4382
- <i class="fas fa-check-circle" aria-hidden="true"></i>
5294
+ <svg
5295
+ class="pf-v6-svg"
5296
+ viewBox="0 0 32 32"
5297
+ fill="currentColor"
5298
+ aria-hidden="true"
5299
+ role="img"
5300
+ width="1em"
5301
+ height="1em"
5302
+ >
5303
+ <path
5304
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
5305
+ />
5306
+ </svg>
4383
5307
  </span>
4384
5308
  <h2
4385
5309
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -4421,7 +5345,19 @@ section: components
4421
5345
  <span
4422
5346
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4423
5347
  >
4424
- <i class="fas fa-check-circle" aria-hidden="true"></i>
5348
+ <svg
5349
+ class="pf-v6-svg"
5350
+ viewBox="0 0 32 32"
5351
+ fill="currentColor"
5352
+ aria-hidden="true"
5353
+ role="img"
5354
+ width="1em"
5355
+ height="1em"
5356
+ >
5357
+ <path
5358
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
5359
+ />
5360
+ </svg>
4425
5361
  </span>
4426
5362
  <h2
4427
5363
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -4464,7 +5400,19 @@ section: components
4464
5400
  <span
4465
5401
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4466
5402
  >
4467
- <i class="fas fa-check-circle" aria-hidden="true"></i>
5403
+ <svg
5404
+ class="pf-v6-svg"
5405
+ viewBox="0 0 32 32"
5406
+ fill="currentColor"
5407
+ aria-hidden="true"
5408
+ role="img"
5409
+ width="1em"
5410
+ height="1em"
5411
+ >
5412
+ <path
5413
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
5414
+ />
5415
+ </svg>
4468
5416
  </span>
4469
5417
  <h2
4470
5418
  class="pf-v6-c-notification-drawer__list-item-header-title"