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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (392) hide show
  1. package/README.md +1 -1
  2. package/assets/fontawesome/_variables.scss +2 -1
  3. package/assets/images/RHAiExperienceIcon.svg +27 -0
  4. package/assets/images/RHAutomationsLogo.svg +96 -0
  5. package/assets/images/RHServerStackIcon.svg +16 -0
  6. package/assets/images/compass--hero-bg.png +0 -0
  7. package/assets/images/compass--rh-wallpaper-dark.png +0 -0
  8. package/assets/images/compass--rh-wallpaper-light.png +0 -0
  9. package/assets/images/compass--wallpaper-dark.jpg +0 -0
  10. package/assets/images/compass--wallpaper-dark.png +0 -0
  11. package/assets/images/compass--wallpaper-light.jpg +0 -0
  12. package/assets/images/compass--wallpaper-light.png +0 -0
  13. package/assets/images/glass-brand-dark.jpg +0 -0
  14. package/assets/images/glass-brand-dark.png +0 -0
  15. package/assets/images/glass-brand-light.jpg +0 -0
  16. package/assets/images/glass-brand-light.png +0 -0
  17. package/base/normalize.scss +7 -0
  18. package/base/patternfly-common.css +50 -0
  19. package/base/patternfly-common.scss +59 -0
  20. package/base/patternfly-svg-icons.css +11 -0
  21. package/base/patternfly-svg-icons.scss +14 -0
  22. package/base/patternfly-variables.css +926 -513
  23. package/base/patternfly-variables.scss +46 -4
  24. package/base/tokens/tokens-dark.scss +56 -8
  25. package/base/tokens/tokens-default.scss +69 -14
  26. package/base/tokens/tokens-glass-dark.scss +26 -0
  27. package/base/tokens/tokens-glass.scss +22 -0
  28. package/base/tokens/tokens-local.scss +17 -0
  29. package/base/tokens/tokens-palette.scss +3 -1
  30. package/base/tokens/tokens-redhat-dark.scss +21 -0
  31. package/base/tokens/tokens-redhat-glass-dark.scss +40 -0
  32. package/base/tokens/tokens-redhat-glass.scss +30 -0
  33. package/base/tokens/tokens-redhat-highcontrast-dark.scss +50 -0
  34. package/base/tokens/tokens-redhat-highcontrast.scss +128 -0
  35. package/base/tokens/tokens-redhat.scss +15 -0
  36. package/components/AboutModalBox/about-modal-box.css +36 -26
  37. package/components/Accordion/accordion.css +27 -14
  38. package/components/Accordion/accordion.scss +12 -2
  39. package/components/ActionList/action-list.css +2 -0
  40. package/components/ActionList/action-list.scss +2 -0
  41. package/components/Alert/alert.css +7 -5
  42. package/components/Alert/alert.scss +2 -1
  43. package/components/Avatar/avatar.css +12 -4
  44. package/components/BackgroundImage/background-image.css +6 -3
  45. package/components/Banner/banner.css +8 -6
  46. package/components/Brand/brand.css +3 -1
  47. package/components/Breadcrumb/breadcrumb.css +4 -3
  48. package/components/Button/button.css +121 -30
  49. package/components/Button/button.scss +131 -26
  50. package/components/CalendarMonth/calendar-month.css +4 -3
  51. package/components/Card/card.css +51 -13
  52. package/components/Card/card.scss +61 -8
  53. package/components/ClipboardCopy/clipboard-copy.css +7 -6
  54. package/components/ClipboardCopy/clipboard-copy.scss +3 -3
  55. package/components/CodeEditor/code-editor.css +1 -1
  56. package/components/CodeEditor/code-editor.scss +1 -1
  57. package/components/Compass/compass.css +320 -0
  58. package/components/Compass/compass.scss +350 -0
  59. package/components/DataList/data-list.css +34 -23
  60. package/components/DataList/data-list.scss +8 -2
  61. package/components/DescriptionList/description-list-order.scss +5 -1
  62. package/components/DescriptionList/description-list.css +7 -5
  63. package/components/DescriptionList/description-list.scss +5 -1
  64. package/components/Divider/divider.css +7 -5
  65. package/components/Drawer/drawer.css +115 -56
  66. package/components/Drawer/drawer.scss +82 -9
  67. package/components/DualListSelector/dual-list-selector.css +18 -12
  68. package/components/DualListSelector/dual-list-selector.scss +1 -1
  69. package/components/ExpandableSection/expandable-section.css +21 -16
  70. package/components/ExpandableSection/expandable-section.scss +6 -3
  71. package/components/Form/form.css +2 -2
  72. package/components/Form/form.scss +2 -2
  73. package/components/FormControl/form-control.css +3 -3
  74. package/components/FormControl/form-control.scss +3 -3
  75. package/components/Hero/hero.css +74 -0
  76. package/components/Hero/hero.scss +86 -0
  77. package/components/JumpLinks/jump-links.css +16 -5
  78. package/components/JumpLinks/jump-links.scss +17 -3
  79. package/components/Label/label-group.css +2 -2
  80. package/components/Label/label-group.scss +2 -2
  81. package/components/Label/label.css +4 -3
  82. package/components/Login/login.css +58 -40
  83. package/components/Login/login.scss +7 -3
  84. package/components/Masthead/masthead.css +112 -16
  85. package/components/Masthead/masthead.scss +112 -1
  86. package/components/Menu/menu.css +23 -14
  87. package/components/MenuToggle/menu-toggle.css +26 -3
  88. package/components/MenuToggle/menu-toggle.scss +30 -3
  89. package/components/ModalBox/modal-box.css +9 -7
  90. package/components/ModalBox/modal-box.scss +2 -2
  91. package/components/Nav/nav.css +82 -11
  92. package/components/Nav/nav.scss +85 -5
  93. package/components/NotificationDrawer/notification-drawer.css +19 -9
  94. package/components/NotificationDrawer/notification-drawer.scss +14 -5
  95. package/components/Page/page.css +214 -29
  96. package/components/Page/page.scss +228 -13
  97. package/components/Pagination/pagination.scss +5 -1
  98. package/components/Panel/panel.css +14 -0
  99. package/components/Panel/panel.scss +18 -0
  100. package/components/Progress/progress.css +3 -1
  101. package/components/Progress/progress.scss +3 -1
  102. package/components/ProgressStepper/progress-stepper.scss +5 -1
  103. package/components/Sidebar/sidebar.css +1 -1
  104. package/components/Sidebar/sidebar.scss +7 -3
  105. package/components/Skeleton/skeleton.css +16 -15
  106. package/components/Slider/slider.css +32 -18
  107. package/components/Switch/switch.css +4 -2
  108. package/components/Switch/switch.scss +1 -1
  109. package/components/Table/table-grid.css +28 -36
  110. package/components/Table/table-grid.scss +4 -4
  111. package/components/Table/table-tree-view.css +4 -2
  112. package/components/Table/table.css +45 -36
  113. package/components/Table/table.scss +15 -11
  114. package/components/Tabs/tabs.css +51 -33
  115. package/components/Tabs/tabs.scss +54 -26
  116. package/components/TextInputGroup/text-input-group.css +2 -2
  117. package/components/TextInputGroup/text-input-group.scss +2 -2
  118. package/components/ToggleGroup/toggle-group.css +34 -17
  119. package/components/ToggleGroup/toggle-group.scss +36 -20
  120. package/components/Toolbar/toolbar.css +47 -15
  121. package/components/Toolbar/toolbar.scss +34 -6
  122. package/components/TreeView/tree-view.css +45 -14
  123. package/components/TreeView/tree-view.scss +32 -1
  124. package/components/Wizard/wizard.css +41 -19
  125. package/components/Wizard/wizard.scss +26 -6
  126. package/components/_index.css +1936 -700
  127. package/components/_index.scss +3 -1
  128. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
  129. package/docs/components/Accordion/examples/Accordion.md +392 -30
  130. package/docs/components/ActionList/examples/ActionList.md +143 -11
  131. package/docs/components/Alert/examples/Alert.md +678 -54
  132. package/docs/components/Avatar/examples/Avatar.md +4 -4
  133. package/docs/components/BackToTop/examples/BackToTop.md +13 -1
  134. package/docs/components/Banner/examples/Banner.md +65 -5
  135. package/docs/components/Brand/examples/Brand.md +2 -2
  136. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -24
  137. package/docs/components/Button/examples/Button.md +2362 -163
  138. package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
  139. package/docs/components/Card/examples/Card.md +207 -4
  140. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +286 -22
  141. package/docs/components/CodeBlock/examples/CodeBlock.md +104 -8
  142. package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
  143. package/docs/components/Compass/examples/Compass.css +17 -0
  144. package/docs/components/Compass/examples/Compass.md +119 -0
  145. package/docs/components/DataList/examples/DataList.md +406 -205
  146. package/docs/components/DatePicker/examples/DatePicker.md +78 -6
  147. package/docs/components/DescriptionList/examples/DescriptionList.md +327 -27
  148. package/docs/components/Divider/examples/Divider.md +2 -2
  149. package/docs/components/DragDrop/examples/DragDrop.css +1 -1
  150. package/docs/components/Drawer/examples/Drawer.md +355 -35
  151. package/docs/components/DualListSelector/examples/DualListSelector.md +1013 -143
  152. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  153. package/docs/components/Form/examples/Form.md +78 -6
  154. package/docs/components/Hero/examples/Hero.md +25 -0
  155. package/docs/components/Icon/examples/Icon.md +92 -8
  156. package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
  157. package/docs/components/InputGroup/examples/InputGroup.md +27 -3
  158. package/docs/components/JumpLinks/examples/JumpLinks.md +54 -6
  159. package/docs/components/Label/examples/Label.md +2834 -218
  160. package/docs/components/Login/examples/Login.md +26 -2
  161. package/docs/components/Masthead/examples/masthead.md +80 -1
  162. package/docs/components/Menu/examples/Menu.md +1458 -116
  163. package/docs/components/MenuToggle/examples/MenuToggle.md +14 -5
  164. package/docs/components/ModalBox/examples/ModalBox.md +289 -25
  165. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +156 -12
  166. package/docs/components/Nav/examples/Navigation.md +798 -58
  167. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +598 -46
  168. package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
  169. package/docs/components/Page/examples/Page.md +72 -11
  170. package/docs/components/Pagination/examples/Pagination.md +627 -64
  171. package/docs/components/Panel/examples/Panel.md +12 -0
  172. package/docs/components/Popover/examples/Popover.md +286 -22
  173. package/docs/components/Progress/examples/Progress.md +91 -7
  174. package/docs/components/ProgressStepper/examples/ProgressStepper.md +275 -23
  175. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  176. package/docs/components/Slider/examples/Slider.md +52 -4
  177. package/docs/components/Table/examples/Table.md +876 -70
  178. package/docs/components/Tabs/examples/Tabs.md +5908 -457
  179. package/docs/components/TextInputGroup/examples/TextInputGroup.md +600 -48
  180. package/docs/components/ToggleGroup/examples/toggle-group.md +195 -15
  181. package/docs/components/Toolbar/examples/Toolbar.md +490 -44
  182. package/docs/components/TreeView/examples/TreeView.md +1390 -130
  183. package/docs/components/Wizard/examples/Wizard.md +815 -72
  184. package/docs/demos/AboutModal/examples/AboutModal.md +98 -47
  185. package/docs/demos/Alert/examples/Alert.md +359 -146
  186. package/docs/demos/BackToTop/examples/BackToTop.md +98 -47
  187. package/docs/demos/Banner/examples/Banner.md +170 -92
  188. package/docs/demos/Button/examples/Button.md +13 -1
  189. package/docs/demos/Card/examples/Card.md +963 -128
  190. package/docs/demos/CardView/examples/CardView.md +435 -252
  191. package/docs/demos/Compass/examples/Compass.md +5930 -0
  192. package/docs/demos/Dashboard/examples/Dashboard.md +648 -164
  193. package/docs/demos/DataList/examples/DataList.md +730 -225
  194. package/docs/demos/DescriptionList/examples/DescriptionList.md +279 -141
  195. package/docs/demos/Drawer/examples/Drawer.md +421 -235
  196. package/docs/demos/Form/examples/BasicForms.md +273 -21
  197. package/docs/demos/JumpLinks/examples/JumpLinks.md +518 -287
  198. package/docs/demos/Masthead/examples/Masthead.md +787 -451
  199. package/docs/demos/Modal/examples/Modal.md +588 -285
  200. package/docs/demos/Nav/examples/Nav.md +2913 -493
  201. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1273 -310
  202. package/docs/demos/Page/examples/Page.md +1236 -689
  203. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  204. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
  205. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +978 -385
  206. package/docs/demos/Skeleton/examples/Skeleton.md +85 -46
  207. package/docs/demos/Table/examples/Table.md +4531 -838
  208. package/docs/demos/Tabs/examples/Tabs.md +653 -293
  209. package/docs/demos/Toolbar/examples/Toolbar.md +584 -136
  210. package/docs/demos/Wizard/examples/Wizard.md +1165 -472
  211. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  212. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  213. package/docs/layouts/Flex/examples/Flex.css +3 -3
  214. package/docs/layouts/Flex/examples/Flex.md +3 -2
  215. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  216. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  217. package/docs/layouts/Grid/examples/Grid.css +1 -1
  218. package/docs/layouts/Grid/examples/Grid.md +6 -5
  219. package/docs/layouts/Level/examples/Level.css +3 -3
  220. package/docs/layouts/Level/examples/Level.md +2 -1
  221. package/docs/layouts/Split/examples/Split.css +1 -1
  222. package/docs/layouts/Split/examples/Split.md +2 -1
  223. package/docs/layouts/Stack/examples/Stack.css +3 -3
  224. package/docs/layouts/Stack/examples/Stack.md +2 -1
  225. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  226. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  227. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  228. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  229. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  230. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  231. package/docs/utilities/Display/examples/Display.css +1 -1
  232. package/docs/utilities/Display/examples/Display.md +3 -2
  233. package/docs/utilities/Flex/examples/Flex.css +7 -7
  234. package/docs/utilities/Flex/examples/Flex.md +3 -2
  235. package/docs/utilities/Float/examples/Float.css +2 -2
  236. package/docs/utilities/Float/examples/Float.md +3 -2
  237. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  238. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  239. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  240. package/docs/utilities/Text/examples/Text.md +5 -4
  241. package/icons/PfIcons/add-circle-o.svg +4 -0
  242. package/icons/PfIcons/ansible-tower.svg +4 -0
  243. package/icons/PfIcons/applications.svg +4 -0
  244. package/icons/PfIcons/arrow.svg +4 -0
  245. package/icons/PfIcons/asleep.svg +4 -0
  246. package/icons/PfIcons/attention-bell.svg +4 -0
  247. package/icons/PfIcons/automation.svg +4 -0
  248. package/icons/PfIcons/bell.svg +4 -0
  249. package/icons/PfIcons/blueprint.svg +4 -0
  250. package/icons/PfIcons/build.svg +4 -0
  251. package/icons/PfIcons/builder-image.svg +4 -0
  252. package/icons/PfIcons/bundle.svg +4 -0
  253. package/icons/PfIcons/catalog.svg +4 -0
  254. package/icons/PfIcons/chat.svg +4 -0
  255. package/icons/PfIcons/close.svg +4 -0
  256. package/icons/PfIcons/cloud-security.svg +4 -0
  257. package/icons/PfIcons/cloud-tenant.svg +4 -0
  258. package/icons/PfIcons/cluster.svg +4 -0
  259. package/icons/PfIcons/connected.svg +4 -0
  260. package/icons/PfIcons/container-node.svg +4 -0
  261. package/icons/PfIcons/cpu.svg +4 -0
  262. package/icons/PfIcons/critical-risk.svg +4 -0
  263. package/icons/PfIcons/data-processor.svg +4 -0
  264. package/icons/PfIcons/data-sink.svg +4 -0
  265. package/icons/PfIcons/data-source.svg +4 -0
  266. package/icons/PfIcons/degraded.svg +4 -0
  267. package/icons/PfIcons/disconnected.svg +4 -0
  268. package/icons/PfIcons/domain.svg +4 -0
  269. package/icons/PfIcons/edit.svg +4 -0
  270. package/icons/PfIcons/enhancement.svg +4 -0
  271. package/icons/PfIcons/enterprise.svg +4 -0
  272. package/icons/PfIcons/equalizer.svg +4 -0
  273. package/icons/PfIcons/error-circle-o.svg +4 -0
  274. package/icons/PfIcons/export.svg +4 -0
  275. package/icons/PfIcons/filter.svg +4 -0
  276. package/icons/PfIcons/flavor.svg +4 -0
  277. package/icons/PfIcons/folder-close.svg +4 -0
  278. package/icons/PfIcons/folder-open.svg +4 -0
  279. package/icons/PfIcons/globe-route.svg +4 -0
  280. package/icons/PfIcons/help.svg +4 -0
  281. package/icons/PfIcons/history.svg +4 -0
  282. package/icons/PfIcons/home.svg +4 -0
  283. package/icons/PfIcons/import.svg +4 -0
  284. package/icons/PfIcons/in-progress.svg +4 -0
  285. package/icons/PfIcons/info.svg +4 -0
  286. package/icons/PfIcons/infrastructure.svg +4 -0
  287. package/icons/PfIcons/integration.svg +4 -0
  288. package/icons/PfIcons/key.svg +4 -0
  289. package/icons/PfIcons/locked.svg +4 -0
  290. package/icons/PfIcons/maintenance.svg +4 -0
  291. package/icons/PfIcons/memory.svg +4 -0
  292. package/icons/PfIcons/messages.svg +4 -0
  293. package/icons/PfIcons/middleware.svg +4 -0
  294. package/icons/PfIcons/migration.svg +4 -0
  295. package/icons/PfIcons/module.svg +4 -0
  296. package/icons/PfIcons/monitoring.svg +4 -0
  297. package/icons/PfIcons/multicluster.svg +4 -0
  298. package/icons/PfIcons/namespaces.svg +4 -0
  299. package/icons/PfIcons/network.svg +4 -0
  300. package/icons/PfIcons/new-process.svg +4 -0
  301. package/icons/PfIcons/not-started.svg +4 -0
  302. package/icons/PfIcons/off.svg +4 -0
  303. package/icons/PfIcons/ok.svg +4 -0
  304. package/icons/PfIcons/on-running.svg +4 -0
  305. package/icons/PfIcons/on.svg +4 -0
  306. package/icons/PfIcons/open-drawer-right.svg +4 -0
  307. package/icons/PfIcons/openshift.svg +4 -0
  308. package/icons/PfIcons/openstack.svg +4 -0
  309. package/icons/PfIcons/optimize.svg +4 -0
  310. package/icons/PfIcons/orders.svg +4 -0
  311. package/icons/PfIcons/os-image.svg +4 -0
  312. package/icons/PfIcons/package.svg +4 -0
  313. package/icons/PfIcons/panel-close.svg +4 -0
  314. package/icons/PfIcons/panel-open.svg +4 -0
  315. package/icons/PfIcons/paused.svg +4 -0
  316. package/icons/PfIcons/pending.svg +4 -0
  317. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  318. package/icons/PfIcons/pficon-history.svg +4 -0
  319. package/icons/PfIcons/pficon-network-range.svg +4 -0
  320. package/icons/PfIcons/pficon-satellite.svg +4 -0
  321. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  322. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  323. package/icons/PfIcons/pficon-template.svg +4 -0
  324. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  325. package/icons/PfIcons/plugged.svg +4 -0
  326. package/icons/PfIcons/port.svg +4 -0
  327. package/icons/PfIcons/print.svg +4 -0
  328. package/icons/PfIcons/private.svg +4 -0
  329. package/icons/PfIcons/process-automation.svg +4 -0
  330. package/icons/PfIcons/project.svg +4 -0
  331. package/icons/PfIcons/rebalance.svg +4 -0
  332. package/icons/PfIcons/rebooting.svg +4 -0
  333. package/icons/PfIcons/regions.svg +4 -0
  334. package/icons/PfIcons/registry.svg +4 -0
  335. package/icons/PfIcons/remove2.svg +4 -0
  336. package/icons/PfIcons/replicator.svg +4 -0
  337. package/icons/PfIcons/repository.svg +4 -0
  338. package/icons/PfIcons/resource-pool.svg +4 -0
  339. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  340. package/icons/PfIcons/resources-almost-full.svg +4 -0
  341. package/icons/PfIcons/resources-empty.svg +4 -0
  342. package/icons/PfIcons/resources-full.svg +4 -0
  343. package/icons/PfIcons/running.svg +4 -0
  344. package/icons/PfIcons/save.svg +4 -0
  345. package/icons/PfIcons/screen.svg +4 -0
  346. package/icons/PfIcons/security.svg +4 -0
  347. package/icons/PfIcons/server-group.svg +4 -0
  348. package/icons/PfIcons/server.svg +4 -0
  349. package/icons/PfIcons/service-catalog.svg +4 -0
  350. package/icons/PfIcons/service.svg +4 -0
  351. package/icons/PfIcons/services.svg +4 -0
  352. package/icons/PfIcons/severity-critical.svg +4 -0
  353. package/icons/PfIcons/severity-important.svg +4 -0
  354. package/icons/PfIcons/severity-minor.svg +4 -0
  355. package/icons/PfIcons/severity-moderate.svg +4 -0
  356. package/icons/PfIcons/severity-none.svg +4 -0
  357. package/icons/PfIcons/severity-undefined.svg +4 -0
  358. package/icons/PfIcons/spinner.svg +4 -0
  359. package/icons/PfIcons/spinner2.svg +4 -0
  360. package/icons/PfIcons/storage-domain.svg +4 -0
  361. package/icons/PfIcons/task.svg +4 -0
  362. package/icons/PfIcons/tenant.svg +4 -0
  363. package/icons/PfIcons/thumb-tack.svg +4 -0
  364. package/icons/PfIcons/topology.svg +4 -0
  365. package/icons/PfIcons/treeview.svg +4 -0
  366. package/icons/PfIcons/trend-down.svg +4 -0
  367. package/icons/PfIcons/trend-up.svg +4 -0
  368. package/icons/PfIcons/unknown.svg +4 -0
  369. package/icons/PfIcons/unlocked.svg +4 -0
  370. package/icons/PfIcons/unplugged.svg +4 -0
  371. package/icons/PfIcons/user.svg +4 -0
  372. package/icons/PfIcons/users.svg +4 -0
  373. package/icons/PfIcons/virtual-machine.svg +4 -0
  374. package/icons/PfIcons/volume.svg +4 -0
  375. package/icons/PfIcons/warning-triangle.svg +4 -0
  376. package/icons/PfIcons/zone.svg +4 -0
  377. package/layouts/Flex/flex.scss +83 -19
  378. package/layouts/Gallery/gallery.css +6 -2
  379. package/layouts/_index.css +6 -2
  380. package/package.json +34 -16
  381. package/patternfly-base-no-globals.css +965 -491
  382. package/patternfly-base.css +972 -491
  383. package/patternfly-charts.css +3 -3
  384. package/patternfly-no-globals.css +2801 -1070
  385. package/patternfly.css +2808 -1070
  386. package/patternfly.min.css +1 -1
  387. package/patternfly.min.css.map +1 -1
  388. package/patternfly.scss +27 -0
  389. package/sass-utilities/functions.scss +32 -25
  390. package/sass-utilities/mixins.scss +36 -20
  391. package/sass-utilities/namespaces-components.scss +6 -0
  392. package/sass-utilities/scss-variables.scss +3 -0
package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -12,7 +12,8 @@ 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
+
16
+ <header class="pf-v6-c-masthead" id="-page-docked">
16
17
  <div class="pf-v6-c-masthead__main">
17
18
  <span class="pf-v6-c-masthead__toggle">
18
19
  <button
@@ -54,7 +55,7 @@ section: components
54
55
  y1="2.25860997e-13%"
55
56
  x2="32%"
56
57
  y2="100%"
57
- id="linearGradient--page-masthead"
58
+ id="linearGradient--page-docked"
58
59
  >
59
60
  <stop stop-color="#2B9AF3" offset="0%" />
60
61
  <stop
@@ -108,11 +109,11 @@ section: components
108
109
  />
109
110
  <path
110
111
  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)"
112
+ fill="url(#linearGradient--page-docked)"
112
113
  />
113
114
  <path
114
115
  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)"
116
+ fill="url(#linearGradient--page-docked)"
116
117
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
117
118
  />
118
119
  </g>
@@ -122,7 +123,7 @@ section: components
122
123
  </div>
123
124
  </div>
124
125
  <div class="pf-v6-c-masthead__content">
125
- <div class="pf-v6-c-toolbar pf-m-static" id="-page-masthead-toolbar">
126
+ <div class="pf-v6-c-toolbar pf-m-static" id="-page-docked-toolbar">
126
127
  <div class="pf-v6-c-toolbar__content">
127
128
  <div class="pf-v6-c-toolbar__content-section">
128
129
  <div
@@ -201,40 +202,42 @@ section: components
201
202
  </div>
202
203
  </header>
203
204
  <div class="pf-v6-c-page__sidebar">
204
- <div class="pf-v6-c-page__sidebar-body">
205
- <nav class="pf-v6-c-nav" id="-page-primary-nav" aria-label="Global">
206
- <ul class="pf-v6-c-nav__list" role="list">
207
- <li class="pf-v6-c-nav__item">
208
- <a href="#" class="pf-v6-c-nav__link">
209
- <span class="pf-v6-c-nav__link-text">System panel</span>
210
- </a>
211
- </li>
212
- <li class="pf-v6-c-nav__item">
213
- <a
214
- href="#"
215
- class="pf-v6-c-nav__link pf-m-current"
216
- aria-current="page"
217
- >
218
- <span class="pf-v6-c-nav__link-text">Policy</span>
219
- </a>
220
- </li>
221
- <li class="pf-v6-c-nav__item">
222
- <a href="#" class="pf-v6-c-nav__link">
223
- <span class="pf-v6-c-nav__link-text">Authentication</span>
224
- </a>
225
- </li>
226
- <li class="pf-v6-c-nav__item">
227
- <a href="#" class="pf-v6-c-nav__link">
228
- <span class="pf-v6-c-nav__link-text">Network services</span>
229
- </a>
230
- </li>
231
- <li class="pf-v6-c-nav__item">
232
- <a href="#" class="pf-v6-c-nav__link">
233
- <span class="pf-v6-c-nav__link-text">Server</span>
234
- </a>
235
- </li>
236
- </ul>
237
- </nav>
205
+ <div class="pf-v6-c-page__sidebar-main">
206
+ <div class="pf-v6-c-page__sidebar-body">
207
+ <nav class="pf-v6-c-nav" id="-page-primary-nav" aria-label="Global">
208
+ <ul class="pf-v6-c-nav__list" role="list">
209
+ <li class="pf-v6-c-nav__item">
210
+ <a href="#" class="pf-v6-c-nav__link">
211
+ <span class="pf-v6-c-nav__link-text">System panel</span>
212
+ </a>
213
+ </li>
214
+ <li class="pf-v6-c-nav__item">
215
+ <a
216
+ href="#"
217
+ class="pf-v6-c-nav__link pf-m-current"
218
+ aria-current="page"
219
+ >
220
+ <span class="pf-v6-c-nav__link-text">Policy</span>
221
+ </a>
222
+ </li>
223
+ <li class="pf-v6-c-nav__item">
224
+ <a href="#" class="pf-v6-c-nav__link">
225
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
226
+ </a>
227
+ </li>
228
+ <li class="pf-v6-c-nav__item">
229
+ <a href="#" class="pf-v6-c-nav__link">
230
+ <span class="pf-v6-c-nav__link-text">Network services</span>
231
+ </a>
232
+ </li>
233
+ <li class="pf-v6-c-nav__item">
234
+ <a href="#" class="pf-v6-c-nav__link">
235
+ <span class="pf-v6-c-nav__link-text">Server</span>
236
+ </a>
237
+ </li>
238
+ </ul>
239
+ </nav>
240
+ </div>
238
241
  </div>
239
242
  </div>
240
243
  <div class="pf-v6-c-page__drawer">
@@ -255,7 +258,19 @@ section: components
255
258
  </li>
256
259
  <li class="pf-v6-c-breadcrumb__item">
257
260
  <span class="pf-v6-c-breadcrumb__item-divider">
258
- <i class="fas fa-angle-right" aria-hidden="true"></i>
261
+ <svg
262
+ class="pf-v6-svg"
263
+ viewBox="0 0 20 20"
264
+ fill="currentColor"
265
+ aria-hidden="true"
266
+ role="img"
267
+ width="1em"
268
+ height="1em"
269
+ >
270
+ <path
271
+ 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"
272
+ />
273
+ </svg>
259
274
  </span>
260
275
 
261
276
  <a
@@ -265,7 +280,19 @@ section: components
265
280
  </li>
266
281
  <li class="pf-v6-c-breadcrumb__item">
267
282
  <span class="pf-v6-c-breadcrumb__item-divider">
268
- <i class="fas fa-angle-right" aria-hidden="true"></i>
283
+ <svg
284
+ class="pf-v6-svg"
285
+ viewBox="0 0 20 20"
286
+ fill="currentColor"
287
+ aria-hidden="true"
288
+ role="img"
289
+ width="1em"
290
+ height="1em"
291
+ >
292
+ <path
293
+ 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"
294
+ />
295
+ </svg>
269
296
  </span>
270
297
 
271
298
  <a
@@ -275,7 +302,19 @@ section: components
275
302
  </li>
276
303
  <li class="pf-v6-c-breadcrumb__item">
277
304
  <span class="pf-v6-c-breadcrumb__item-divider">
278
- <i class="fas fa-angle-right" aria-hidden="true"></i>
305
+ <svg
306
+ class="pf-v6-svg"
307
+ viewBox="0 0 20 20"
308
+ fill="currentColor"
309
+ aria-hidden="true"
310
+ role="img"
311
+ width="1em"
312
+ height="1em"
313
+ >
314
+ <path
315
+ 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"
316
+ />
317
+ </svg>
279
318
  </span>
280
319
 
281
320
  <a
@@ -366,7 +405,19 @@ section: components
366
405
  <span
367
406
  class="pf-v6-c-notification-drawer__list-item-header-icon"
368
407
  >
369
- <i class="fas fa-info-circle" aria-hidden="true"></i>
408
+ <svg
409
+ class="pf-v6-svg"
410
+ viewBox="0 0 32 32"
411
+ fill="currentColor"
412
+ aria-hidden="true"
413
+ role="img"
414
+ width="1em"
415
+ height="1em"
416
+ >
417
+ <path
418
+ 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"
419
+ />
420
+ </svg>
370
421
  </span>
371
422
  <h2
372
423
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -404,7 +455,19 @@ section: components
404
455
  <span
405
456
  class="pf-v6-c-notification-drawer__list-item-header-icon"
406
457
  >
407
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
458
+ <svg
459
+ class="pf-v6-svg"
460
+ viewBox="0 0 32 32"
461
+ fill="currentColor"
462
+ aria-hidden="true"
463
+ role="img"
464
+ width="1em"
465
+ height="1em"
466
+ >
467
+ <path
468
+ 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"
469
+ />
470
+ </svg>
408
471
  </span>
409
472
  <h2
410
473
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -442,7 +505,19 @@ section: components
442
505
  <span
443
506
  class="pf-v6-c-notification-drawer__list-item-header-icon"
444
507
  >
445
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
508
+ <svg
509
+ class="pf-v6-svg"
510
+ viewBox="0 0 32 32"
511
+ fill="currentColor"
512
+ aria-hidden="true"
513
+ role="img"
514
+ width="1em"
515
+ height="1em"
516
+ >
517
+ <path
518
+ 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"
519
+ />
520
+ </svg>
446
521
  </span>
447
522
  <h2
448
523
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -479,10 +554,19 @@ section: components
479
554
  <span
480
555
  class="pf-v6-c-notification-drawer__list-item-header-icon"
481
556
  >
482
- <i
483
- class="fas fa-exclamation-triangle"
557
+ <svg
558
+ class="pf-v6-svg"
559
+ viewBox="0 0 32 32"
560
+ fill="currentColor"
484
561
  aria-hidden="true"
485
- ></i>
562
+ role="img"
563
+ width="1em"
564
+ height="1em"
565
+ >
566
+ <path
567
+ 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"
568
+ />
569
+ </svg>
486
570
  </span>
487
571
  <h2
488
572
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -518,7 +602,19 @@ section: components
518
602
  <span
519
603
  class="pf-v6-c-notification-drawer__list-item-header-icon"
520
604
  >
521
- <i class="fas fa-check-circle" aria-hidden="true"></i>
605
+ <svg
606
+ class="pf-v6-svg"
607
+ viewBox="0 0 32 32"
608
+ fill="currentColor"
609
+ aria-hidden="true"
610
+ role="img"
611
+ width="1em"
612
+ height="1em"
613
+ >
614
+ <path
615
+ 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"
616
+ />
617
+ </svg>
522
618
  </span>
523
619
  <h2
524
620
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -554,7 +650,19 @@ section: components
554
650
  <span
555
651
  class="pf-v6-c-notification-drawer__list-item-header-icon"
556
652
  >
557
- <i class="fas fa-check-circle" aria-hidden="true"></i>
653
+ <svg
654
+ class="pf-v6-svg"
655
+ viewBox="0 0 32 32"
656
+ fill="currentColor"
657
+ aria-hidden="true"
658
+ role="img"
659
+ width="1em"
660
+ height="1em"
661
+ >
662
+ <path
663
+ 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"
664
+ />
665
+ </svg>
558
666
  </span>
559
667
  <h2
560
668
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -590,7 +698,19 @@ section: components
590
698
  <span
591
699
  class="pf-v6-c-notification-drawer__list-item-header-icon"
592
700
  >
593
- <i class="fas fa-check-circle" aria-hidden="true"></i>
701
+ <svg
702
+ class="pf-v6-svg"
703
+ viewBox="0 0 32 32"
704
+ fill="currentColor"
705
+ aria-hidden="true"
706
+ role="img"
707
+ width="1em"
708
+ height="1em"
709
+ >
710
+ <path
711
+ 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"
712
+ />
713
+ </svg>
594
714
  </span>
595
715
  <h2
596
716
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -627,7 +747,19 @@ section: components
627
747
  <span
628
748
  class="pf-v6-c-notification-drawer__list-item-header-icon"
629
749
  >
630
- <i class="fas fa-check-circle" aria-hidden="true"></i>
750
+ <svg
751
+ class="pf-v6-svg"
752
+ viewBox="0 0 32 32"
753
+ fill="currentColor"
754
+ aria-hidden="true"
755
+ role="img"
756
+ width="1em"
757
+ height="1em"
758
+ >
759
+ <path
760
+ 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"
761
+ />
762
+ </svg>
631
763
  </span>
632
764
  <h2
633
765
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -671,7 +803,8 @@ section: components
671
803
  <span class="pf-v6-c-button__text">Skip to content</span>
672
804
  </a>
673
805
  </div>
674
- <header class="pf-v6-c-masthead" id="-page-masthead">
806
+
807
+ <header class="pf-v6-c-masthead" id="-page-docked">
675
808
  <div class="pf-v6-c-masthead__main">
676
809
  <span class="pf-v6-c-masthead__toggle">
677
810
  <button
@@ -713,7 +846,7 @@ section: components
713
846
  y1="2.25860997e-13%"
714
847
  x2="32%"
715
848
  y2="100%"
716
- id="linearGradient--page-masthead"
849
+ id="linearGradient--page-docked"
717
850
  >
718
851
  <stop stop-color="#2B9AF3" offset="0%" />
719
852
  <stop
@@ -767,11 +900,11 @@ section: components
767
900
  />
768
901
  <path
769
902
  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)"
903
+ fill="url(#linearGradient--page-docked)"
771
904
  />
772
905
  <path
773
906
  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)"
907
+ fill="url(#linearGradient--page-docked)"
775
908
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
776
909
  />
777
910
  </g>
@@ -781,7 +914,7 @@ section: components
781
914
  </div>
782
915
  </div>
783
916
  <div class="pf-v6-c-masthead__content">
784
- <div class="pf-v6-c-toolbar pf-m-static" id="-page-masthead-toolbar">
917
+ <div class="pf-v6-c-toolbar pf-m-static" id="-page-docked-toolbar">
785
918
  <div class="pf-v6-c-toolbar__content">
786
919
  <div class="pf-v6-c-toolbar__content-section">
787
920
  <div
@@ -860,40 +993,42 @@ section: components
860
993
  </div>
861
994
  </header>
862
995
  <div class="pf-v6-c-page__sidebar">
863
- <div class="pf-v6-c-page__sidebar-body">
864
- <nav class="pf-v6-c-nav" id="-page-primary-nav" aria-label="Global">
865
- <ul class="pf-v6-c-nav__list" role="list">
866
- <li class="pf-v6-c-nav__item">
867
- <a href="#" class="pf-v6-c-nav__link">
868
- <span class="pf-v6-c-nav__link-text">System panel</span>
869
- </a>
870
- </li>
871
- <li class="pf-v6-c-nav__item">
872
- <a
873
- href="#"
874
- class="pf-v6-c-nav__link pf-m-current"
875
- aria-current="page"
876
- >
877
- <span class="pf-v6-c-nav__link-text">Policy</span>
878
- </a>
879
- </li>
880
- <li class="pf-v6-c-nav__item">
881
- <a href="#" class="pf-v6-c-nav__link">
882
- <span class="pf-v6-c-nav__link-text">Authentication</span>
883
- </a>
884
- </li>
885
- <li class="pf-v6-c-nav__item">
886
- <a href="#" class="pf-v6-c-nav__link">
887
- <span class="pf-v6-c-nav__link-text">Network services</span>
888
- </a>
889
- </li>
890
- <li class="pf-v6-c-nav__item">
891
- <a href="#" class="pf-v6-c-nav__link">
892
- <span class="pf-v6-c-nav__link-text">Server</span>
893
- </a>
894
- </li>
895
- </ul>
896
- </nav>
996
+ <div class="pf-v6-c-page__sidebar-main">
997
+ <div class="pf-v6-c-page__sidebar-body">
998
+ <nav class="pf-v6-c-nav" id="-page-primary-nav" aria-label="Global">
999
+ <ul class="pf-v6-c-nav__list" role="list">
1000
+ <li class="pf-v6-c-nav__item">
1001
+ <a href="#" class="pf-v6-c-nav__link">
1002
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1003
+ </a>
1004
+ </li>
1005
+ <li class="pf-v6-c-nav__item">
1006
+ <a
1007
+ href="#"
1008
+ class="pf-v6-c-nav__link pf-m-current"
1009
+ aria-current="page"
1010
+ >
1011
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1012
+ </a>
1013
+ </li>
1014
+ <li class="pf-v6-c-nav__item">
1015
+ <a href="#" class="pf-v6-c-nav__link">
1016
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1017
+ </a>
1018
+ </li>
1019
+ <li class="pf-v6-c-nav__item">
1020
+ <a href="#" class="pf-v6-c-nav__link">
1021
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1022
+ </a>
1023
+ </li>
1024
+ <li class="pf-v6-c-nav__item">
1025
+ <a href="#" class="pf-v6-c-nav__link">
1026
+ <span class="pf-v6-c-nav__link-text">Server</span>
1027
+ </a>
1028
+ </li>
1029
+ </ul>
1030
+ </nav>
1031
+ </div>
897
1032
  </div>
898
1033
  </div>
899
1034
  <div class="pf-v6-c-page__drawer">
@@ -914,7 +1049,19 @@ section: components
914
1049
  </li>
915
1050
  <li class="pf-v6-c-breadcrumb__item">
916
1051
  <span class="pf-v6-c-breadcrumb__item-divider">
917
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1052
+ <svg
1053
+ class="pf-v6-svg"
1054
+ viewBox="0 0 20 20"
1055
+ fill="currentColor"
1056
+ aria-hidden="true"
1057
+ role="img"
1058
+ width="1em"
1059
+ height="1em"
1060
+ >
1061
+ <path
1062
+ 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"
1063
+ />
1064
+ </svg>
918
1065
  </span>
919
1066
 
920
1067
  <a
@@ -924,7 +1071,19 @@ section: components
924
1071
  </li>
925
1072
  <li class="pf-v6-c-breadcrumb__item">
926
1073
  <span class="pf-v6-c-breadcrumb__item-divider">
927
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1074
+ <svg
1075
+ class="pf-v6-svg"
1076
+ viewBox="0 0 20 20"
1077
+ fill="currentColor"
1078
+ aria-hidden="true"
1079
+ role="img"
1080
+ width="1em"
1081
+ height="1em"
1082
+ >
1083
+ <path
1084
+ 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"
1085
+ />
1086
+ </svg>
928
1087
  </span>
929
1088
 
930
1089
  <a
@@ -934,7 +1093,19 @@ section: components
934
1093
  </li>
935
1094
  <li class="pf-v6-c-breadcrumb__item">
936
1095
  <span class="pf-v6-c-breadcrumb__item-divider">
937
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1096
+ <svg
1097
+ class="pf-v6-svg"
1098
+ viewBox="0 0 20 20"
1099
+ fill="currentColor"
1100
+ aria-hidden="true"
1101
+ role="img"
1102
+ width="1em"
1103
+ height="1em"
1104
+ >
1105
+ <path
1106
+ 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"
1107
+ />
1108
+ </svg>
938
1109
  </span>
939
1110
 
940
1111
  <a
@@ -1025,7 +1196,19 @@ section: components
1025
1196
  <span
1026
1197
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1027
1198
  >
1028
- <i class="fas fa-info-circle" aria-hidden="true"></i>
1199
+ <svg
1200
+ class="pf-v6-svg"
1201
+ viewBox="0 0 32 32"
1202
+ fill="currentColor"
1203
+ aria-hidden="true"
1204
+ role="img"
1205
+ width="1em"
1206
+ height="1em"
1207
+ >
1208
+ <path
1209
+ 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"
1210
+ />
1211
+ </svg>
1029
1212
  </span>
1030
1213
  <h2
1031
1214
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1063,7 +1246,19 @@ section: components
1063
1246
  <span
1064
1247
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1065
1248
  >
1066
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
1249
+ <svg
1250
+ class="pf-v6-svg"
1251
+ viewBox="0 0 32 32"
1252
+ fill="currentColor"
1253
+ aria-hidden="true"
1254
+ role="img"
1255
+ width="1em"
1256
+ height="1em"
1257
+ >
1258
+ <path
1259
+ 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"
1260
+ />
1261
+ </svg>
1067
1262
  </span>
1068
1263
  <h2
1069
1264
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1101,7 +1296,19 @@ section: components
1101
1296
  <span
1102
1297
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1103
1298
  >
1104
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
1299
+ <svg
1300
+ class="pf-v6-svg"
1301
+ viewBox="0 0 32 32"
1302
+ fill="currentColor"
1303
+ aria-hidden="true"
1304
+ role="img"
1305
+ width="1em"
1306
+ height="1em"
1307
+ >
1308
+ <path
1309
+ 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"
1310
+ />
1311
+ </svg>
1105
1312
  </span>
1106
1313
  <h2
1107
1314
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1138,10 +1345,19 @@ section: components
1138
1345
  <span
1139
1346
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1140
1347
  >
1141
- <i
1142
- class="fas fa-exclamation-triangle"
1348
+ <svg
1349
+ class="pf-v6-svg"
1350
+ viewBox="0 0 32 32"
1351
+ fill="currentColor"
1143
1352
  aria-hidden="true"
1144
- ></i>
1353
+ role="img"
1354
+ width="1em"
1355
+ height="1em"
1356
+ >
1357
+ <path
1358
+ 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"
1359
+ />
1360
+ </svg>
1145
1361
  </span>
1146
1362
  <h2
1147
1363
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1177,7 +1393,19 @@ section: components
1177
1393
  <span
1178
1394
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1179
1395
  >
1180
- <i class="fas fa-check-circle" aria-hidden="true"></i>
1396
+ <svg
1397
+ class="pf-v6-svg"
1398
+ viewBox="0 0 32 32"
1399
+ fill="currentColor"
1400
+ aria-hidden="true"
1401
+ role="img"
1402
+ width="1em"
1403
+ height="1em"
1404
+ >
1405
+ <path
1406
+ 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"
1407
+ />
1408
+ </svg>
1181
1409
  </span>
1182
1410
  <h2
1183
1411
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1213,7 +1441,19 @@ section: components
1213
1441
  <span
1214
1442
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1215
1443
  >
1216
- <i class="fas fa-check-circle" aria-hidden="true"></i>
1444
+ <svg
1445
+ class="pf-v6-svg"
1446
+ viewBox="0 0 32 32"
1447
+ fill="currentColor"
1448
+ aria-hidden="true"
1449
+ role="img"
1450
+ width="1em"
1451
+ height="1em"
1452
+ >
1453
+ <path
1454
+ 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"
1455
+ />
1456
+ </svg>
1217
1457
  </span>
1218
1458
  <h2
1219
1459
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -1249,7 +1489,19 @@ section: components
1249
1489
  <span
1250
1490
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1251
1491
  >
1252
- <i class="fas fa-check-circle" aria-hidden="true"></i>
1492
+ <svg
1493
+ class="pf-v6-svg"
1494
+ viewBox="0 0 32 32"
1495
+ fill="currentColor"
1496
+ aria-hidden="true"
1497
+ role="img"
1498
+ width="1em"
1499
+ height="1em"
1500
+ >
1501
+ <path
1502
+ 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"
1503
+ />
1504
+ </svg>
1253
1505
  </span>
1254
1506
  <h2
1255
1507
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -1286,7 +1538,19 @@ section: components
1286
1538
  <span
1287
1539
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1288
1540
  >
1289
- <i class="fas fa-check-circle" aria-hidden="true"></i>
1541
+ <svg
1542
+ class="pf-v6-svg"
1543
+ viewBox="0 0 32 32"
1544
+ fill="currentColor"
1545
+ aria-hidden="true"
1546
+ role="img"
1547
+ width="1em"
1548
+ height="1em"
1549
+ >
1550
+ <path
1551
+ 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"
1552
+ />
1553
+ </svg>
1290
1554
  </span>
1291
1555
  <h2
1292
1556
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1330,7 +1594,8 @@ section: components
1330
1594
  <span class="pf-v6-c-button__text">Skip to content</span>
1331
1595
  </a>
1332
1596
  </div>
1333
- <header class="pf-v6-c-masthead" id="-page-masthead">
1597
+
1598
+ <header class="pf-v6-c-masthead" id="-page-docked">
1334
1599
  <div class="pf-v6-c-masthead__main">
1335
1600
  <span class="pf-v6-c-masthead__toggle">
1336
1601
  <button
@@ -1372,7 +1637,7 @@ section: components
1372
1637
  y1="2.25860997e-13%"
1373
1638
  x2="32%"
1374
1639
  y2="100%"
1375
- id="linearGradient--page-masthead"
1640
+ id="linearGradient--page-docked"
1376
1641
  >
1377
1642
  <stop stop-color="#2B9AF3" offset="0%" />
1378
1643
  <stop
@@ -1426,11 +1691,11 @@ section: components
1426
1691
  />
1427
1692
  <path
1428
1693
  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)"
1694
+ fill="url(#linearGradient--page-docked)"
1430
1695
  />
1431
1696
  <path
1432
1697
  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)"
1698
+ fill="url(#linearGradient--page-docked)"
1434
1699
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1435
1700
  />
1436
1701
  </g>
@@ -1440,7 +1705,7 @@ section: components
1440
1705
  </div>
1441
1706
  </div>
1442
1707
  <div class="pf-v6-c-masthead__content">
1443
- <div class="pf-v6-c-toolbar pf-m-static" id="-page-masthead-toolbar">
1708
+ <div class="pf-v6-c-toolbar pf-m-static" id="-page-docked-toolbar">
1444
1709
  <div class="pf-v6-c-toolbar__content">
1445
1710
  <div class="pf-v6-c-toolbar__content-section">
1446
1711
  <div
@@ -1519,40 +1784,42 @@ section: components
1519
1784
  </div>
1520
1785
  </header>
1521
1786
  <div class="pf-v6-c-page__sidebar">
1522
- <div class="pf-v6-c-page__sidebar-body">
1523
- <nav class="pf-v6-c-nav" id="-page-primary-nav" aria-label="Global">
1524
- <ul class="pf-v6-c-nav__list" role="list">
1525
- <li class="pf-v6-c-nav__item">
1526
- <a href="#" class="pf-v6-c-nav__link">
1527
- <span class="pf-v6-c-nav__link-text">System panel</span>
1528
- </a>
1529
- </li>
1530
- <li class="pf-v6-c-nav__item">
1531
- <a
1532
- href="#"
1533
- class="pf-v6-c-nav__link pf-m-current"
1534
- aria-current="page"
1535
- >
1536
- <span class="pf-v6-c-nav__link-text">Policy</span>
1537
- </a>
1538
- </li>
1539
- <li class="pf-v6-c-nav__item">
1540
- <a href="#" class="pf-v6-c-nav__link">
1541
- <span class="pf-v6-c-nav__link-text">Authentication</span>
1542
- </a>
1543
- </li>
1544
- <li class="pf-v6-c-nav__item">
1545
- <a href="#" class="pf-v6-c-nav__link">
1546
- <span class="pf-v6-c-nav__link-text">Network services</span>
1547
- </a>
1548
- </li>
1549
- <li class="pf-v6-c-nav__item">
1550
- <a href="#" class="pf-v6-c-nav__link">
1551
- <span class="pf-v6-c-nav__link-text">Server</span>
1552
- </a>
1553
- </li>
1554
- </ul>
1555
- </nav>
1787
+ <div class="pf-v6-c-page__sidebar-main">
1788
+ <div class="pf-v6-c-page__sidebar-body">
1789
+ <nav class="pf-v6-c-nav" id="-page-primary-nav" aria-label="Global">
1790
+ <ul class="pf-v6-c-nav__list" role="list">
1791
+ <li class="pf-v6-c-nav__item">
1792
+ <a href="#" class="pf-v6-c-nav__link">
1793
+ <span class="pf-v6-c-nav__link-text">System panel</span>
1794
+ </a>
1795
+ </li>
1796
+ <li class="pf-v6-c-nav__item">
1797
+ <a
1798
+ href="#"
1799
+ class="pf-v6-c-nav__link pf-m-current"
1800
+ aria-current="page"
1801
+ >
1802
+ <span class="pf-v6-c-nav__link-text">Policy</span>
1803
+ </a>
1804
+ </li>
1805
+ <li class="pf-v6-c-nav__item">
1806
+ <a href="#" class="pf-v6-c-nav__link">
1807
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
1808
+ </a>
1809
+ </li>
1810
+ <li class="pf-v6-c-nav__item">
1811
+ <a href="#" class="pf-v6-c-nav__link">
1812
+ <span class="pf-v6-c-nav__link-text">Network services</span>
1813
+ </a>
1814
+ </li>
1815
+ <li class="pf-v6-c-nav__item">
1816
+ <a href="#" class="pf-v6-c-nav__link">
1817
+ <span class="pf-v6-c-nav__link-text">Server</span>
1818
+ </a>
1819
+ </li>
1820
+ </ul>
1821
+ </nav>
1822
+ </div>
1556
1823
  </div>
1557
1824
  </div>
1558
1825
  <div class="pf-v6-c-page__drawer">
@@ -1573,7 +1840,19 @@ section: components
1573
1840
  </li>
1574
1841
  <li class="pf-v6-c-breadcrumb__item">
1575
1842
  <span class="pf-v6-c-breadcrumb__item-divider">
1576
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1843
+ <svg
1844
+ class="pf-v6-svg"
1845
+ viewBox="0 0 20 20"
1846
+ fill="currentColor"
1847
+ aria-hidden="true"
1848
+ role="img"
1849
+ width="1em"
1850
+ height="1em"
1851
+ >
1852
+ <path
1853
+ 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"
1854
+ />
1855
+ </svg>
1577
1856
  </span>
1578
1857
 
1579
1858
  <a
@@ -1583,7 +1862,19 @@ section: components
1583
1862
  </li>
1584
1863
  <li class="pf-v6-c-breadcrumb__item">
1585
1864
  <span class="pf-v6-c-breadcrumb__item-divider">
1586
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1865
+ <svg
1866
+ class="pf-v6-svg"
1867
+ viewBox="0 0 20 20"
1868
+ fill="currentColor"
1869
+ aria-hidden="true"
1870
+ role="img"
1871
+ width="1em"
1872
+ height="1em"
1873
+ >
1874
+ <path
1875
+ 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"
1876
+ />
1877
+ </svg>
1587
1878
  </span>
1588
1879
 
1589
1880
  <a
@@ -1593,7 +1884,19 @@ section: components
1593
1884
  </li>
1594
1885
  <li class="pf-v6-c-breadcrumb__item">
1595
1886
  <span class="pf-v6-c-breadcrumb__item-divider">
1596
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1887
+ <svg
1888
+ class="pf-v6-svg"
1889
+ viewBox="0 0 20 20"
1890
+ fill="currentColor"
1891
+ aria-hidden="true"
1892
+ role="img"
1893
+ width="1em"
1894
+ height="1em"
1895
+ >
1896
+ <path
1897
+ 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"
1898
+ />
1899
+ </svg>
1597
1900
  </span>
1598
1901
 
1599
1902
  <a
@@ -1685,7 +1988,19 @@ section: components
1685
1988
  <span
1686
1989
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1687
1990
  >
1688
- <i class="fas fa-info-circle" aria-hidden="true"></i>
1991
+ <svg
1992
+ class="pf-v6-svg"
1993
+ viewBox="0 0 32 32"
1994
+ fill="currentColor"
1995
+ aria-hidden="true"
1996
+ role="img"
1997
+ width="1em"
1998
+ height="1em"
1999
+ >
2000
+ <path
2001
+ 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"
2002
+ />
2003
+ </svg>
1689
2004
  </span>
1690
2005
  <h2
1691
2006
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1724,7 +2039,19 @@ section: components
1724
2039
  <span
1725
2040
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1726
2041
  >
1727
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
2042
+ <svg
2043
+ class="pf-v6-svg"
2044
+ viewBox="0 0 32 32"
2045
+ fill="currentColor"
2046
+ aria-hidden="true"
2047
+ role="img"
2048
+ width="1em"
2049
+ height="1em"
2050
+ >
2051
+ <path
2052
+ 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"
2053
+ />
2054
+ </svg>
1728
2055
  </span>
1729
2056
  <h2
1730
2057
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1763,7 +2090,19 @@ section: components
1763
2090
  <span
1764
2091
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1765
2092
  >
1766
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
2093
+ <svg
2094
+ class="pf-v6-svg"
2095
+ viewBox="0 0 32 32"
2096
+ fill="currentColor"
2097
+ aria-hidden="true"
2098
+ role="img"
2099
+ width="1em"
2100
+ height="1em"
2101
+ >
2102
+ <path
2103
+ 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"
2104
+ />
2105
+ </svg>
1767
2106
  </span>
1768
2107
  <h2
1769
2108
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1800,10 +2139,19 @@ section: components
1800
2139
  <span
1801
2140
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1802
2141
  >
1803
- <i
1804
- class="fas fa-exclamation-triangle"
2142
+ <svg
2143
+ class="pf-v6-svg"
2144
+ viewBox="0 0 32 32"
2145
+ fill="currentColor"
1805
2146
  aria-hidden="true"
1806
- ></i>
2147
+ role="img"
2148
+ width="1em"
2149
+ height="1em"
2150
+ >
2151
+ <path
2152
+ 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"
2153
+ />
2154
+ </svg>
1807
2155
  </span>
1808
2156
  <h2
1809
2157
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1839,7 +2187,19 @@ section: components
1839
2187
  <span
1840
2188
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1841
2189
  >
1842
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2190
+ <svg
2191
+ class="pf-v6-svg"
2192
+ viewBox="0 0 32 32"
2193
+ fill="currentColor"
2194
+ aria-hidden="true"
2195
+ role="img"
2196
+ width="1em"
2197
+ height="1em"
2198
+ >
2199
+ <path
2200
+ 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"
2201
+ />
2202
+ </svg>
1843
2203
  </span>
1844
2204
  <h2
1845
2205
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1875,7 +2235,19 @@ section: components
1875
2235
  <span
1876
2236
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1877
2237
  >
1878
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2238
+ <svg
2239
+ class="pf-v6-svg"
2240
+ viewBox="0 0 32 32"
2241
+ fill="currentColor"
2242
+ aria-hidden="true"
2243
+ role="img"
2244
+ width="1em"
2245
+ height="1em"
2246
+ >
2247
+ <path
2248
+ 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"
2249
+ />
2250
+ </svg>
1879
2251
  </span>
1880
2252
  <h2
1881
2253
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -1911,7 +2283,19 @@ section: components
1911
2283
  <span
1912
2284
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1913
2285
  >
1914
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2286
+ <svg
2287
+ class="pf-v6-svg"
2288
+ viewBox="0 0 32 32"
2289
+ fill="currentColor"
2290
+ aria-hidden="true"
2291
+ role="img"
2292
+ width="1em"
2293
+ height="1em"
2294
+ >
2295
+ <path
2296
+ 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"
2297
+ />
2298
+ </svg>
1915
2299
  </span>
1916
2300
  <h2
1917
2301
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -1948,7 +2332,19 @@ section: components
1948
2332
  <span
1949
2333
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1950
2334
  >
1951
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2335
+ <svg
2336
+ class="pf-v6-svg"
2337
+ viewBox="0 0 32 32"
2338
+ fill="currentColor"
2339
+ aria-hidden="true"
2340
+ role="img"
2341
+ width="1em"
2342
+ height="1em"
2343
+ >
2344
+ <path
2345
+ 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"
2346
+ />
2347
+ </svg>
1952
2348
  </span>
1953
2349
  <h2
1954
2350
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1992,7 +2388,8 @@ section: components
1992
2388
  <span class="pf-v6-c-button__text">Skip to content</span>
1993
2389
  </a>
1994
2390
  </div>
1995
- <header class="pf-v6-c-masthead" id="-page-masthead">
2391
+
2392
+ <header class="pf-v6-c-masthead" id="-page-docked">
1996
2393
  <div class="pf-v6-c-masthead__main">
1997
2394
  <span class="pf-v6-c-masthead__toggle">
1998
2395
  <button
@@ -2034,7 +2431,7 @@ section: components
2034
2431
  y1="2.25860997e-13%"
2035
2432
  x2="32%"
2036
2433
  y2="100%"
2037
- id="linearGradient--page-masthead"
2434
+ id="linearGradient--page-docked"
2038
2435
  >
2039
2436
  <stop stop-color="#2B9AF3" offset="0%" />
2040
2437
  <stop
@@ -2088,11 +2485,11 @@ section: components
2088
2485
  />
2089
2486
  <path
2090
2487
  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)"
2488
+ fill="url(#linearGradient--page-docked)"
2092
2489
  />
2093
2490
  <path
2094
2491
  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)"
2492
+ fill="url(#linearGradient--page-docked)"
2096
2493
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2097
2494
  />
2098
2495
  </g>
@@ -2102,7 +2499,7 @@ section: components
2102
2499
  </div>
2103
2500
  </div>
2104
2501
  <div class="pf-v6-c-masthead__content">
2105
- <div class="pf-v6-c-toolbar pf-m-static" id="-page-masthead-toolbar">
2502
+ <div class="pf-v6-c-toolbar pf-m-static" id="-page-docked-toolbar">
2106
2503
  <div class="pf-v6-c-toolbar__content">
2107
2504
  <div class="pf-v6-c-toolbar__content-section">
2108
2505
  <div
@@ -2181,40 +2578,42 @@ section: components
2181
2578
  </div>
2182
2579
  </header>
2183
2580
  <div class="pf-v6-c-page__sidebar">
2184
- <div class="pf-v6-c-page__sidebar-body">
2185
- <nav class="pf-v6-c-nav" id="-page-primary-nav" aria-label="Global">
2186
- <ul class="pf-v6-c-nav__list" role="list">
2187
- <li class="pf-v6-c-nav__item">
2188
- <a href="#" class="pf-v6-c-nav__link">
2189
- <span class="pf-v6-c-nav__link-text">System panel</span>
2190
- </a>
2191
- </li>
2192
- <li class="pf-v6-c-nav__item">
2193
- <a
2194
- href="#"
2195
- class="pf-v6-c-nav__link pf-m-current"
2196
- aria-current="page"
2197
- >
2198
- <span class="pf-v6-c-nav__link-text">Policy</span>
2199
- </a>
2200
- </li>
2201
- <li class="pf-v6-c-nav__item">
2202
- <a href="#" class="pf-v6-c-nav__link">
2203
- <span class="pf-v6-c-nav__link-text">Authentication</span>
2204
- </a>
2205
- </li>
2206
- <li class="pf-v6-c-nav__item">
2207
- <a href="#" class="pf-v6-c-nav__link">
2208
- <span class="pf-v6-c-nav__link-text">Network services</span>
2209
- </a>
2210
- </li>
2211
- <li class="pf-v6-c-nav__item">
2212
- <a href="#" class="pf-v6-c-nav__link">
2213
- <span class="pf-v6-c-nav__link-text">Server</span>
2214
- </a>
2215
- </li>
2216
- </ul>
2217
- </nav>
2581
+ <div class="pf-v6-c-page__sidebar-main">
2582
+ <div class="pf-v6-c-page__sidebar-body">
2583
+ <nav class="pf-v6-c-nav" id="-page-primary-nav" aria-label="Global">
2584
+ <ul class="pf-v6-c-nav__list" role="list">
2585
+ <li class="pf-v6-c-nav__item">
2586
+ <a href="#" class="pf-v6-c-nav__link">
2587
+ <span class="pf-v6-c-nav__link-text">System panel</span>
2588
+ </a>
2589
+ </li>
2590
+ <li class="pf-v6-c-nav__item">
2591
+ <a
2592
+ href="#"
2593
+ class="pf-v6-c-nav__link pf-m-current"
2594
+ aria-current="page"
2595
+ >
2596
+ <span class="pf-v6-c-nav__link-text">Policy</span>
2597
+ </a>
2598
+ </li>
2599
+ <li class="pf-v6-c-nav__item">
2600
+ <a href="#" class="pf-v6-c-nav__link">
2601
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
2602
+ </a>
2603
+ </li>
2604
+ <li class="pf-v6-c-nav__item">
2605
+ <a href="#" class="pf-v6-c-nav__link">
2606
+ <span class="pf-v6-c-nav__link-text">Network services</span>
2607
+ </a>
2608
+ </li>
2609
+ <li class="pf-v6-c-nav__item">
2610
+ <a href="#" class="pf-v6-c-nav__link">
2611
+ <span class="pf-v6-c-nav__link-text">Server</span>
2612
+ </a>
2613
+ </li>
2614
+ </ul>
2615
+ </nav>
2616
+ </div>
2218
2617
  </div>
2219
2618
  </div>
2220
2619
  <div class="pf-v6-c-page__drawer">
@@ -2235,7 +2634,19 @@ section: components
2235
2634
  </li>
2236
2635
  <li class="pf-v6-c-breadcrumb__item">
2237
2636
  <span class="pf-v6-c-breadcrumb__item-divider">
2238
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2637
+ <svg
2638
+ class="pf-v6-svg"
2639
+ viewBox="0 0 20 20"
2640
+ fill="currentColor"
2641
+ aria-hidden="true"
2642
+ role="img"
2643
+ width="1em"
2644
+ height="1em"
2645
+ >
2646
+ <path
2647
+ 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"
2648
+ />
2649
+ </svg>
2239
2650
  </span>
2240
2651
 
2241
2652
  <a
@@ -2245,7 +2656,19 @@ section: components
2245
2656
  </li>
2246
2657
  <li class="pf-v6-c-breadcrumb__item">
2247
2658
  <span class="pf-v6-c-breadcrumb__item-divider">
2248
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2659
+ <svg
2660
+ class="pf-v6-svg"
2661
+ viewBox="0 0 20 20"
2662
+ fill="currentColor"
2663
+ aria-hidden="true"
2664
+ role="img"
2665
+ width="1em"
2666
+ height="1em"
2667
+ >
2668
+ <path
2669
+ 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"
2670
+ />
2671
+ </svg>
2249
2672
  </span>
2250
2673
 
2251
2674
  <a
@@ -2255,7 +2678,19 @@ section: components
2255
2678
  </li>
2256
2679
  <li class="pf-v6-c-breadcrumb__item">
2257
2680
  <span class="pf-v6-c-breadcrumb__item-divider">
2258
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2681
+ <svg
2682
+ class="pf-v6-svg"
2683
+ viewBox="0 0 20 20"
2684
+ fill="currentColor"
2685
+ aria-hidden="true"
2686
+ role="img"
2687
+ width="1em"
2688
+ height="1em"
2689
+ >
2690
+ <path
2691
+ 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"
2692
+ />
2693
+ </svg>
2259
2694
  </span>
2260
2695
 
2261
2696
  <a
@@ -2347,7 +2782,19 @@ section: components
2347
2782
  <span
2348
2783
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2349
2784
  >
2350
- <i class="fas fa-info-circle" aria-hidden="true"></i>
2785
+ <svg
2786
+ class="pf-v6-svg"
2787
+ viewBox="0 0 32 32"
2788
+ fill="currentColor"
2789
+ aria-hidden="true"
2790
+ role="img"
2791
+ width="1em"
2792
+ height="1em"
2793
+ >
2794
+ <path
2795
+ 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"
2796
+ />
2797
+ </svg>
2351
2798
  </span>
2352
2799
  <h2
2353
2800
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2386,7 +2833,19 @@ section: components
2386
2833
  <span
2387
2834
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2388
2835
  >
2389
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
2836
+ <svg
2837
+ class="pf-v6-svg"
2838
+ viewBox="0 0 32 32"
2839
+ fill="currentColor"
2840
+ aria-hidden="true"
2841
+ role="img"
2842
+ width="1em"
2843
+ height="1em"
2844
+ >
2845
+ <path
2846
+ 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"
2847
+ />
2848
+ </svg>
2390
2849
  </span>
2391
2850
  <h2
2392
2851
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2420,7 +2879,19 @@ section: components
2420
2879
  <span
2421
2880
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2422
2881
  >
2423
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
2882
+ <svg
2883
+ class="pf-v6-svg"
2884
+ viewBox="0 0 32 32"
2885
+ fill="currentColor"
2886
+ aria-hidden="true"
2887
+ role="img"
2888
+ width="1em"
2889
+ height="1em"
2890
+ >
2891
+ <path
2892
+ 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"
2893
+ />
2894
+ </svg>
2424
2895
  </span>
2425
2896
  <h2
2426
2897
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2457,10 +2928,19 @@ section: components
2457
2928
  <span
2458
2929
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2459
2930
  >
2460
- <i
2461
- class="fas fa-exclamation-triangle"
2931
+ <svg
2932
+ class="pf-v6-svg"
2933
+ viewBox="0 0 32 32"
2934
+ fill="currentColor"
2462
2935
  aria-hidden="true"
2463
- ></i>
2936
+ role="img"
2937
+ width="1em"
2938
+ height="1em"
2939
+ >
2940
+ <path
2941
+ 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"
2942
+ />
2943
+ </svg>
2464
2944
  </span>
2465
2945
  <h2
2466
2946
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2496,7 +2976,19 @@ section: components
2496
2976
  <span
2497
2977
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2498
2978
  >
2499
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2979
+ <svg
2980
+ class="pf-v6-svg"
2981
+ viewBox="0 0 32 32"
2982
+ fill="currentColor"
2983
+ aria-hidden="true"
2984
+ role="img"
2985
+ width="1em"
2986
+ height="1em"
2987
+ >
2988
+ <path
2989
+ 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"
2990
+ />
2991
+ </svg>
2500
2992
  </span>
2501
2993
  <h2
2502
2994
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2532,7 +3024,19 @@ section: components
2532
3024
  <span
2533
3025
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2534
3026
  >
2535
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3027
+ <svg
3028
+ class="pf-v6-svg"
3029
+ viewBox="0 0 32 32"
3030
+ fill="currentColor"
3031
+ aria-hidden="true"
3032
+ role="img"
3033
+ width="1em"
3034
+ height="1em"
3035
+ >
3036
+ <path
3037
+ 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"
3038
+ />
3039
+ </svg>
2536
3040
  </span>
2537
3041
  <h2
2538
3042
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -2568,7 +3072,19 @@ section: components
2568
3072
  <span
2569
3073
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2570
3074
  >
2571
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3075
+ <svg
3076
+ class="pf-v6-svg"
3077
+ viewBox="0 0 32 32"
3078
+ fill="currentColor"
3079
+ aria-hidden="true"
3080
+ role="img"
3081
+ width="1em"
3082
+ height="1em"
3083
+ >
3084
+ <path
3085
+ 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"
3086
+ />
3087
+ </svg>
2572
3088
  </span>
2573
3089
  <h2
2574
3090
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -2605,7 +3121,19 @@ section: components
2605
3121
  <span
2606
3122
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2607
3123
  >
2608
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3124
+ <svg
3125
+ class="pf-v6-svg"
3126
+ viewBox="0 0 32 32"
3127
+ fill="currentColor"
3128
+ aria-hidden="true"
3129
+ role="img"
3130
+ width="1em"
3131
+ height="1em"
3132
+ >
3133
+ <path
3134
+ 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"
3135
+ />
3136
+ </svg>
2609
3137
  </span>
2610
3138
  <h2
2611
3139
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2649,7 +3177,8 @@ section: components
2649
3177
  <span class="pf-v6-c-button__text">Skip to content</span>
2650
3178
  </a>
2651
3179
  </div>
2652
- <header class="pf-v6-c-masthead" id="-page-masthead">
3180
+
3181
+ <header class="pf-v6-c-masthead" id="-page-docked">
2653
3182
  <div class="pf-v6-c-masthead__main">
2654
3183
  <span class="pf-v6-c-masthead__toggle">
2655
3184
  <button
@@ -2691,7 +3220,7 @@ section: components
2691
3220
  y1="2.25860997e-13%"
2692
3221
  x2="32%"
2693
3222
  y2="100%"
2694
- id="linearGradient--page-masthead"
3223
+ id="linearGradient--page-docked"
2695
3224
  >
2696
3225
  <stop stop-color="#2B9AF3" offset="0%" />
2697
3226
  <stop
@@ -2745,11 +3274,11 @@ section: components
2745
3274
  />
2746
3275
  <path
2747
3276
  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)"
3277
+ fill="url(#linearGradient--page-docked)"
2749
3278
  />
2750
3279
  <path
2751
3280
  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)"
3281
+ fill="url(#linearGradient--page-docked)"
2753
3282
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2754
3283
  />
2755
3284
  </g>
@@ -2759,7 +3288,7 @@ section: components
2759
3288
  </div>
2760
3289
  </div>
2761
3290
  <div class="pf-v6-c-masthead__content">
2762
- <div class="pf-v6-c-toolbar pf-m-static" id="-page-masthead-toolbar">
3291
+ <div class="pf-v6-c-toolbar pf-m-static" id="-page-docked-toolbar">
2763
3292
  <div class="pf-v6-c-toolbar__content">
2764
3293
  <div class="pf-v6-c-toolbar__content-section">
2765
3294
  <div
@@ -2838,40 +3367,42 @@ section: components
2838
3367
  </div>
2839
3368
  </header>
2840
3369
  <div class="pf-v6-c-page__sidebar">
2841
- <div class="pf-v6-c-page__sidebar-body">
2842
- <nav class="pf-v6-c-nav" id="-page-primary-nav" aria-label="Global">
2843
- <ul class="pf-v6-c-nav__list" role="list">
2844
- <li class="pf-v6-c-nav__item">
2845
- <a href="#" class="pf-v6-c-nav__link">
2846
- <span class="pf-v6-c-nav__link-text">System panel</span>
2847
- </a>
2848
- </li>
2849
- <li class="pf-v6-c-nav__item">
2850
- <a
2851
- href="#"
2852
- class="pf-v6-c-nav__link pf-m-current"
2853
- aria-current="page"
2854
- >
2855
- <span class="pf-v6-c-nav__link-text">Policy</span>
2856
- </a>
2857
- </li>
2858
- <li class="pf-v6-c-nav__item">
2859
- <a href="#" class="pf-v6-c-nav__link">
2860
- <span class="pf-v6-c-nav__link-text">Authentication</span>
2861
- </a>
2862
- </li>
2863
- <li class="pf-v6-c-nav__item">
2864
- <a href="#" class="pf-v6-c-nav__link">
2865
- <span class="pf-v6-c-nav__link-text">Network services</span>
2866
- </a>
2867
- </li>
2868
- <li class="pf-v6-c-nav__item">
2869
- <a href="#" class="pf-v6-c-nav__link">
2870
- <span class="pf-v6-c-nav__link-text">Server</span>
2871
- </a>
2872
- </li>
2873
- </ul>
2874
- </nav>
3370
+ <div class="pf-v6-c-page__sidebar-main">
3371
+ <div class="pf-v6-c-page__sidebar-body">
3372
+ <nav class="pf-v6-c-nav" id="-page-primary-nav" aria-label="Global">
3373
+ <ul class="pf-v6-c-nav__list" role="list">
3374
+ <li class="pf-v6-c-nav__item">
3375
+ <a href="#" class="pf-v6-c-nav__link">
3376
+ <span class="pf-v6-c-nav__link-text">System panel</span>
3377
+ </a>
3378
+ </li>
3379
+ <li class="pf-v6-c-nav__item">
3380
+ <a
3381
+ href="#"
3382
+ class="pf-v6-c-nav__link pf-m-current"
3383
+ aria-current="page"
3384
+ >
3385
+ <span class="pf-v6-c-nav__link-text">Policy</span>
3386
+ </a>
3387
+ </li>
3388
+ <li class="pf-v6-c-nav__item">
3389
+ <a href="#" class="pf-v6-c-nav__link">
3390
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
3391
+ </a>
3392
+ </li>
3393
+ <li class="pf-v6-c-nav__item">
3394
+ <a href="#" class="pf-v6-c-nav__link">
3395
+ <span class="pf-v6-c-nav__link-text">Network services</span>
3396
+ </a>
3397
+ </li>
3398
+ <li class="pf-v6-c-nav__item">
3399
+ <a href="#" class="pf-v6-c-nav__link">
3400
+ <span class="pf-v6-c-nav__link-text">Server</span>
3401
+ </a>
3402
+ </li>
3403
+ </ul>
3404
+ </nav>
3405
+ </div>
2875
3406
  </div>
2876
3407
  </div>
2877
3408
  <div class="pf-v6-c-page__drawer">
@@ -2892,7 +3423,19 @@ section: components
2892
3423
  </li>
2893
3424
  <li class="pf-v6-c-breadcrumb__item">
2894
3425
  <span class="pf-v6-c-breadcrumb__item-divider">
2895
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3426
+ <svg
3427
+ class="pf-v6-svg"
3428
+ viewBox="0 0 20 20"
3429
+ fill="currentColor"
3430
+ aria-hidden="true"
3431
+ role="img"
3432
+ width="1em"
3433
+ height="1em"
3434
+ >
3435
+ <path
3436
+ 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"
3437
+ />
3438
+ </svg>
2896
3439
  </span>
2897
3440
 
2898
3441
  <a
@@ -2902,7 +3445,19 @@ section: components
2902
3445
  </li>
2903
3446
  <li class="pf-v6-c-breadcrumb__item">
2904
3447
  <span class="pf-v6-c-breadcrumb__item-divider">
2905
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3448
+ <svg
3449
+ class="pf-v6-svg"
3450
+ viewBox="0 0 20 20"
3451
+ fill="currentColor"
3452
+ aria-hidden="true"
3453
+ role="img"
3454
+ width="1em"
3455
+ height="1em"
3456
+ >
3457
+ <path
3458
+ 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"
3459
+ />
3460
+ </svg>
2906
3461
  </span>
2907
3462
 
2908
3463
  <a
@@ -2912,7 +3467,19 @@ section: components
2912
3467
  </li>
2913
3468
  <li class="pf-v6-c-breadcrumb__item">
2914
3469
  <span class="pf-v6-c-breadcrumb__item-divider">
2915
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3470
+ <svg
3471
+ class="pf-v6-svg"
3472
+ viewBox="0 0 20 20"
3473
+ fill="currentColor"
3474
+ aria-hidden="true"
3475
+ role="img"
3476
+ width="1em"
3477
+ height="1em"
3478
+ >
3479
+ <path
3480
+ 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"
3481
+ />
3482
+ </svg>
2916
3483
  </span>
2917
3484
 
2918
3485
  <a
@@ -3013,7 +3580,19 @@ section: components
3013
3580
  <span
3014
3581
  class="pf-v6-c-notification-drawer__group-toggle-icon"
3015
3582
  >
3016
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3583
+ <svg
3584
+ class="pf-v6-svg"
3585
+ viewBox="0 0 20 20"
3586
+ fill="currentColor"
3587
+ aria-hidden="true"
3588
+ role="img"
3589
+ width="1em"
3590
+ height="1em"
3591
+ >
3592
+ <path
3593
+ 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"
3594
+ />
3595
+ </svg>
3017
3596
  </span>
3018
3597
  </button>
3019
3598
  </h1>
@@ -3032,7 +3611,19 @@ section: components
3032
3611
  <span
3033
3612
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3034
3613
  >
3035
- <i class="fas fa-info-circle" aria-hidden="true"></i>
3614
+ <svg
3615
+ class="pf-v6-svg"
3616
+ viewBox="0 0 32 32"
3617
+ fill="currentColor"
3618
+ aria-hidden="true"
3619
+ role="img"
3620
+ width="1em"
3621
+ height="1em"
3622
+ >
3623
+ <path
3624
+ 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"
3625
+ />
3626
+ </svg>
3036
3627
  </span>
3037
3628
  <h2
3038
3629
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3075,10 +3666,19 @@ section: components
3075
3666
  <span
3076
3667
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3077
3668
  >
3078
- <i
3079
- class="fas fa-arrow-circle-up"
3669
+ <svg
3670
+ class="pf-v6-svg"
3671
+ viewBox="0 0 32 32"
3672
+ fill="currentColor"
3080
3673
  aria-hidden="true"
3081
- ></i>
3674
+ role="img"
3675
+ width="1em"
3676
+ height="1em"
3677
+ >
3678
+ <path
3679
+ 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"
3680
+ />
3681
+ </svg>
3082
3682
  </span>
3083
3683
  <h2
3084
3684
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3123,10 +3723,19 @@ section: components
3123
3723
  <span
3124
3724
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3125
3725
  >
3126
- <i
3127
- class="fas fa-arrow-circle-up"
3726
+ <svg
3727
+ class="pf-v6-svg"
3728
+ viewBox="0 0 32 32"
3729
+ fill="currentColor"
3128
3730
  aria-hidden="true"
3129
- ></i>
3731
+ role="img"
3732
+ width="1em"
3733
+ height="1em"
3734
+ >
3735
+ <path
3736
+ 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"
3737
+ />
3738
+ </svg>
3130
3739
  </span>
3131
3740
  <h2
3132
3741
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3169,10 +3778,19 @@ section: components
3169
3778
  <span
3170
3779
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3171
3780
  >
3172
- <i
3173
- class="fas fa-exclamation-triangle"
3781
+ <svg
3782
+ class="pf-v6-svg"
3783
+ viewBox="0 0 32 32"
3784
+ fill="currentColor"
3174
3785
  aria-hidden="true"
3175
- ></i>
3786
+ role="img"
3787
+ width="1em"
3788
+ height="1em"
3789
+ >
3790
+ <path
3791
+ 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"
3792
+ />
3793
+ </svg>
3176
3794
  </span>
3177
3795
  <h2
3178
3796
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3214,7 +3832,19 @@ section: components
3214
3832
  <span
3215
3833
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3216
3834
  >
3217
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3835
+ <svg
3836
+ class="pf-v6-svg"
3837
+ viewBox="0 0 32 32"
3838
+ fill="currentColor"
3839
+ aria-hidden="true"
3840
+ role="img"
3841
+ width="1em"
3842
+ height="1em"
3843
+ >
3844
+ <path
3845
+ 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"
3846
+ />
3847
+ </svg>
3218
3848
  </span>
3219
3849
  <h2
3220
3850
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3256,7 +3886,19 @@ section: components
3256
3886
  <span
3257
3887
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3258
3888
  >
3259
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3889
+ <svg
3890
+ class="pf-v6-svg"
3891
+ viewBox="0 0 32 32"
3892
+ fill="currentColor"
3893
+ aria-hidden="true"
3894
+ role="img"
3895
+ width="1em"
3896
+ height="1em"
3897
+ >
3898
+ <path
3899
+ 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"
3900
+ />
3901
+ </svg>
3260
3902
  </span>
3261
3903
  <h2
3262
3904
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -3298,7 +3940,19 @@ section: components
3298
3940
  <span
3299
3941
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3300
3942
  >
3301
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3943
+ <svg
3944
+ class="pf-v6-svg"
3945
+ viewBox="0 0 32 32"
3946
+ fill="currentColor"
3947
+ aria-hidden="true"
3948
+ role="img"
3949
+ width="1em"
3950
+ height="1em"
3951
+ >
3952
+ <path
3953
+ 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"
3954
+ />
3955
+ </svg>
3302
3956
  </span>
3303
3957
  <h2
3304
3958
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -3341,7 +3995,19 @@ section: components
3341
3995
  <span
3342
3996
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3343
3997
  >
3344
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3998
+ <svg
3999
+ class="pf-v6-svg"
4000
+ viewBox="0 0 32 32"
4001
+ fill="currentColor"
4002
+ aria-hidden="true"
4003
+ role="img"
4004
+ width="1em"
4005
+ height="1em"
4006
+ >
4007
+ <path
4008
+ 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"
4009
+ />
4010
+ </svg>
3345
4011
  </span>
3346
4012
  <h2
3347
4013
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3390,7 +4056,19 @@ section: components
3390
4056
  <span
3391
4057
  class="pf-v6-c-notification-drawer__group-toggle-icon"
3392
4058
  >
3393
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4059
+ <svg
4060
+ class="pf-v6-svg"
4061
+ viewBox="0 0 20 20"
4062
+ fill="currentColor"
4063
+ aria-hidden="true"
4064
+ role="img"
4065
+ width="1em"
4066
+ height="1em"
4067
+ >
4068
+ <path
4069
+ 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"
4070
+ />
4071
+ </svg>
3394
4072
  </span>
3395
4073
  </button>
3396
4074
  </h1>
@@ -3405,7 +4083,19 @@ section: components
3405
4083
  <span
3406
4084
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3407
4085
  >
3408
- <i class="fas fa-info-circle" aria-hidden="true"></i>
4086
+ <svg
4087
+ class="pf-v6-svg"
4088
+ viewBox="0 0 32 32"
4089
+ fill="currentColor"
4090
+ aria-hidden="true"
4091
+ role="img"
4092
+ width="1em"
4093
+ height="1em"
4094
+ >
4095
+ <path
4096
+ 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"
4097
+ />
4098
+ </svg>
3409
4099
  </span>
3410
4100
  <h2
3411
4101
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3448,10 +4138,19 @@ section: components
3448
4138
  <span
3449
4139
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3450
4140
  >
3451
- <i
3452
- class="fas fa-arrow-circle-up"
4141
+ <svg
4142
+ class="pf-v6-svg"
4143
+ viewBox="0 0 32 32"
4144
+ fill="currentColor"
3453
4145
  aria-hidden="true"
3454
- ></i>
4146
+ role="img"
4147
+ width="1em"
4148
+ height="1em"
4149
+ >
4150
+ <path
4151
+ 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"
4152
+ />
4153
+ </svg>
3455
4154
  </span>
3456
4155
  <h2
3457
4156
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3496,10 +4195,19 @@ section: components
3496
4195
  <span
3497
4196
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3498
4197
  >
3499
- <i
3500
- class="fas fa-arrow-circle-up"
4198
+ <svg
4199
+ class="pf-v6-svg"
4200
+ viewBox="0 0 32 32"
4201
+ fill="currentColor"
3501
4202
  aria-hidden="true"
3502
- ></i>
4203
+ role="img"
4204
+ width="1em"
4205
+ height="1em"
4206
+ >
4207
+ <path
4208
+ 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"
4209
+ />
4210
+ </svg>
3503
4211
  </span>
3504
4212
  <h2
3505
4213
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3542,10 +4250,19 @@ section: components
3542
4250
  <span
3543
4251
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3544
4252
  >
3545
- <i
3546
- class="fas fa-exclamation-triangle"
4253
+ <svg
4254
+ class="pf-v6-svg"
4255
+ viewBox="0 0 32 32"
4256
+ fill="currentColor"
3547
4257
  aria-hidden="true"
3548
- ></i>
4258
+ role="img"
4259
+ width="1em"
4260
+ height="1em"
4261
+ >
4262
+ <path
4263
+ 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"
4264
+ />
4265
+ </svg>
3549
4266
  </span>
3550
4267
  <h2
3551
4268
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3587,7 +4304,19 @@ section: components
3587
4304
  <span
3588
4305
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3589
4306
  >
3590
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4307
+ <svg
4308
+ class="pf-v6-svg"
4309
+ viewBox="0 0 32 32"
4310
+ fill="currentColor"
4311
+ aria-hidden="true"
4312
+ role="img"
4313
+ width="1em"
4314
+ height="1em"
4315
+ >
4316
+ <path
4317
+ 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"
4318
+ />
4319
+ </svg>
3591
4320
  </span>
3592
4321
  <h2
3593
4322
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3629,7 +4358,19 @@ section: components
3629
4358
  <span
3630
4359
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3631
4360
  >
3632
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4361
+ <svg
4362
+ class="pf-v6-svg"
4363
+ viewBox="0 0 32 32"
4364
+ fill="currentColor"
4365
+ aria-hidden="true"
4366
+ role="img"
4367
+ width="1em"
4368
+ height="1em"
4369
+ >
4370
+ <path
4371
+ 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"
4372
+ />
4373
+ </svg>
3633
4374
  </span>
3634
4375
  <h2
3635
4376
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -3671,7 +4412,19 @@ section: components
3671
4412
  <span
3672
4413
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3673
4414
  >
3674
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4415
+ <svg
4416
+ class="pf-v6-svg"
4417
+ viewBox="0 0 32 32"
4418
+ fill="currentColor"
4419
+ aria-hidden="true"
4420
+ role="img"
4421
+ width="1em"
4422
+ height="1em"
4423
+ >
4424
+ <path
4425
+ 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"
4426
+ />
4427
+ </svg>
3675
4428
  </span>
3676
4429
  <h2
3677
4430
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -3714,7 +4467,19 @@ section: components
3714
4467
  <span
3715
4468
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3716
4469
  >
3717
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4470
+ <svg
4471
+ class="pf-v6-svg"
4472
+ viewBox="0 0 32 32"
4473
+ fill="currentColor"
4474
+ aria-hidden="true"
4475
+ role="img"
4476
+ width="1em"
4477
+ height="1em"
4478
+ >
4479
+ <path
4480
+ 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"
4481
+ />
4482
+ </svg>
3718
4483
  </span>
3719
4484
  <h2
3720
4485
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3761,7 +4526,19 @@ section: components
3761
4526
  <span
3762
4527
  class="pf-v6-c-notification-drawer__group-toggle-icon"
3763
4528
  >
3764
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4529
+ <svg
4530
+ class="pf-v6-svg"
4531
+ viewBox="0 0 20 20"
4532
+ fill="currentColor"
4533
+ aria-hidden="true"
4534
+ role="img"
4535
+ width="1em"
4536
+ height="1em"
4537
+ >
4538
+ <path
4539
+ 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"
4540
+ />
4541
+ </svg>
3765
4542
  </span>
3766
4543
  </button>
3767
4544
  </h1>
@@ -3780,7 +4557,19 @@ section: components
3780
4557
  <span
3781
4558
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3782
4559
  >
3783
- <i class="fas fa-info-circle" aria-hidden="true"></i>
4560
+ <svg
4561
+ class="pf-v6-svg"
4562
+ viewBox="0 0 32 32"
4563
+ fill="currentColor"
4564
+ aria-hidden="true"
4565
+ role="img"
4566
+ width="1em"
4567
+ height="1em"
4568
+ >
4569
+ <path
4570
+ 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"
4571
+ />
4572
+ </svg>
3784
4573
  </span>
3785
4574
  <h2
3786
4575
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3823,10 +4612,19 @@ section: components
3823
4612
  <span
3824
4613
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3825
4614
  >
3826
- <i
3827
- class="fas fa-arrow-circle-up"
4615
+ <svg
4616
+ class="pf-v6-svg"
4617
+ viewBox="0 0 32 32"
4618
+ fill="currentColor"
3828
4619
  aria-hidden="true"
3829
- ></i>
4620
+ role="img"
4621
+ width="1em"
4622
+ height="1em"
4623
+ >
4624
+ <path
4625
+ 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"
4626
+ />
4627
+ </svg>
3830
4628
  </span>
3831
4629
  <h2
3832
4630
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3871,10 +4669,19 @@ section: components
3871
4669
  <span
3872
4670
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3873
4671
  >
3874
- <i
3875
- class="fas fa-arrow-circle-up"
4672
+ <svg
4673
+ class="pf-v6-svg"
4674
+ viewBox="0 0 32 32"
4675
+ fill="currentColor"
3876
4676
  aria-hidden="true"
3877
- ></i>
4677
+ role="img"
4678
+ width="1em"
4679
+ height="1em"
4680
+ >
4681
+ <path
4682
+ 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"
4683
+ />
4684
+ </svg>
3878
4685
  </span>
3879
4686
  <h2
3880
4687
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3917,10 +4724,19 @@ section: components
3917
4724
  <span
3918
4725
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3919
4726
  >
3920
- <i
3921
- class="fas fa-exclamation-triangle"
4727
+ <svg
4728
+ class="pf-v6-svg"
4729
+ viewBox="0 0 32 32"
4730
+ fill="currentColor"
3922
4731
  aria-hidden="true"
3923
- ></i>
4732
+ role="img"
4733
+ width="1em"
4734
+ height="1em"
4735
+ >
4736
+ <path
4737
+ 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"
4738
+ />
4739
+ </svg>
3924
4740
  </span>
3925
4741
  <h2
3926
4742
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3962,7 +4778,19 @@ section: components
3962
4778
  <span
3963
4779
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3964
4780
  >
3965
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4781
+ <svg
4782
+ class="pf-v6-svg"
4783
+ viewBox="0 0 32 32"
4784
+ fill="currentColor"
4785
+ aria-hidden="true"
4786
+ role="img"
4787
+ width="1em"
4788
+ height="1em"
4789
+ >
4790
+ <path
4791
+ 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"
4792
+ />
4793
+ </svg>
3966
4794
  </span>
3967
4795
  <h2
3968
4796
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4004,7 +4832,19 @@ section: components
4004
4832
  <span
4005
4833
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4006
4834
  >
4007
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4835
+ <svg
4836
+ class="pf-v6-svg"
4837
+ viewBox="0 0 32 32"
4838
+ fill="currentColor"
4839
+ aria-hidden="true"
4840
+ role="img"
4841
+ width="1em"
4842
+ height="1em"
4843
+ >
4844
+ <path
4845
+ 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"
4846
+ />
4847
+ </svg>
4008
4848
  </span>
4009
4849
  <h2
4010
4850
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -4046,7 +4886,19 @@ section: components
4046
4886
  <span
4047
4887
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4048
4888
  >
4049
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4889
+ <svg
4890
+ class="pf-v6-svg"
4891
+ viewBox="0 0 32 32"
4892
+ fill="currentColor"
4893
+ aria-hidden="true"
4894
+ role="img"
4895
+ width="1em"
4896
+ height="1em"
4897
+ >
4898
+ <path
4899
+ 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"
4900
+ />
4901
+ </svg>
4050
4902
  </span>
4051
4903
  <h2
4052
4904
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -4089,7 +4941,19 @@ section: components
4089
4941
  <span
4090
4942
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4091
4943
  >
4092
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4944
+ <svg
4945
+ class="pf-v6-svg"
4946
+ viewBox="0 0 32 32"
4947
+ fill="currentColor"
4948
+ aria-hidden="true"
4949
+ role="img"
4950
+ width="1em"
4951
+ height="1em"
4952
+ >
4953
+ <path
4954
+ 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"
4955
+ />
4956
+ </svg>
4093
4957
  </span>
4094
4958
  <h2
4095
4959
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4136,7 +5000,19 @@ section: components
4136
5000
  <span
4137
5001
  class="pf-v6-c-notification-drawer__group-toggle-icon"
4138
5002
  >
4139
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5003
+ <svg
5004
+ class="pf-v6-svg"
5005
+ viewBox="0 0 20 20"
5006
+ fill="currentColor"
5007
+ aria-hidden="true"
5008
+ role="img"
5009
+ width="1em"
5010
+ height="1em"
5011
+ >
5012
+ <path
5013
+ 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"
5014
+ />
5015
+ </svg>
4140
5016
  </span>
4141
5017
  </button>
4142
5018
  </h1>
@@ -4155,7 +5031,19 @@ section: components
4155
5031
  <span
4156
5032
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4157
5033
  >
4158
- <i class="fas fa-info-circle" aria-hidden="true"></i>
5034
+ <svg
5035
+ class="pf-v6-svg"
5036
+ viewBox="0 0 32 32"
5037
+ fill="currentColor"
5038
+ aria-hidden="true"
5039
+ role="img"
5040
+ width="1em"
5041
+ height="1em"
5042
+ >
5043
+ <path
5044
+ 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"
5045
+ />
5046
+ </svg>
4159
5047
  </span>
4160
5048
  <h2
4161
5049
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4198,10 +5086,19 @@ section: components
4198
5086
  <span
4199
5087
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4200
5088
  >
4201
- <i
4202
- class="fas fa-arrow-circle-up"
5089
+ <svg
5090
+ class="pf-v6-svg"
5091
+ viewBox="0 0 32 32"
5092
+ fill="currentColor"
4203
5093
  aria-hidden="true"
4204
- ></i>
5094
+ role="img"
5095
+ width="1em"
5096
+ height="1em"
5097
+ >
5098
+ <path
5099
+ 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"
5100
+ />
5101
+ </svg>
4205
5102
  </span>
4206
5103
  <h2
4207
5104
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4246,10 +5143,19 @@ section: components
4246
5143
  <span
4247
5144
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4248
5145
  >
4249
- <i
4250
- class="fas fa-arrow-circle-up"
5146
+ <svg
5147
+ class="pf-v6-svg"
5148
+ viewBox="0 0 32 32"
5149
+ fill="currentColor"
4251
5150
  aria-hidden="true"
4252
- ></i>
5151
+ role="img"
5152
+ width="1em"
5153
+ height="1em"
5154
+ >
5155
+ <path
5156
+ 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"
5157
+ />
5158
+ </svg>
4253
5159
  </span>
4254
5160
  <h2
4255
5161
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4292,10 +5198,19 @@ section: components
4292
5198
  <span
4293
5199
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4294
5200
  >
4295
- <i
4296
- class="fas fa-exclamation-triangle"
5201
+ <svg
5202
+ class="pf-v6-svg"
5203
+ viewBox="0 0 32 32"
5204
+ fill="currentColor"
4297
5205
  aria-hidden="true"
4298
- ></i>
5206
+ role="img"
5207
+ width="1em"
5208
+ height="1em"
5209
+ >
5210
+ <path
5211
+ 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"
5212
+ />
5213
+ </svg>
4299
5214
  </span>
4300
5215
  <h2
4301
5216
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4337,7 +5252,19 @@ section: components
4337
5252
  <span
4338
5253
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4339
5254
  >
4340
- <i class="fas fa-check-circle" aria-hidden="true"></i>
5255
+ <svg
5256
+ class="pf-v6-svg"
5257
+ viewBox="0 0 32 32"
5258
+ fill="currentColor"
5259
+ aria-hidden="true"
5260
+ role="img"
5261
+ width="1em"
5262
+ height="1em"
5263
+ >
5264
+ <path
5265
+ 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"
5266
+ />
5267
+ </svg>
4341
5268
  </span>
4342
5269
  <h2
4343
5270
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4379,7 +5306,19 @@ section: components
4379
5306
  <span
4380
5307
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4381
5308
  >
4382
- <i class="fas fa-check-circle" aria-hidden="true"></i>
5309
+ <svg
5310
+ class="pf-v6-svg"
5311
+ viewBox="0 0 32 32"
5312
+ fill="currentColor"
5313
+ aria-hidden="true"
5314
+ role="img"
5315
+ width="1em"
5316
+ height="1em"
5317
+ >
5318
+ <path
5319
+ 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"
5320
+ />
5321
+ </svg>
4383
5322
  </span>
4384
5323
  <h2
4385
5324
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -4421,7 +5360,19 @@ section: components
4421
5360
  <span
4422
5361
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4423
5362
  >
4424
- <i class="fas fa-check-circle" aria-hidden="true"></i>
5363
+ <svg
5364
+ class="pf-v6-svg"
5365
+ viewBox="0 0 32 32"
5366
+ fill="currentColor"
5367
+ aria-hidden="true"
5368
+ role="img"
5369
+ width="1em"
5370
+ height="1em"
5371
+ >
5372
+ <path
5373
+ 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"
5374
+ />
5375
+ </svg>
4425
5376
  </span>
4426
5377
  <h2
4427
5378
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -4464,7 +5415,19 @@ section: components
4464
5415
  <span
4465
5416
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4466
5417
  >
4467
- <i class="fas fa-check-circle" aria-hidden="true"></i>
5418
+ <svg
5419
+ class="pf-v6-svg"
5420
+ viewBox="0 0 32 32"
5421
+ fill="currentColor"
5422
+ aria-hidden="true"
5423
+ role="img"
5424
+ width="1em"
5425
+ height="1em"
5426
+ >
5427
+ <path
5428
+ 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"
5429
+ />
5430
+ </svg>
4468
5431
  </span>
4469
5432
  <h2
4470
5433
  class="pf-v6-c-notification-drawer__list-item-header-title"