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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (376) hide show
  1. package/README.md +1 -1
  2. package/assets/fontawesome/_variables.scss +2 -1
  3. package/assets/images/RHAiExperienceIcon.svg +27 -0
  4. package/assets/images/RHAutomationsLogo.svg +96 -0
  5. package/assets/images/RHServerStackIcon.svg +16 -0
  6. package/assets/images/compass--hero-bg.png +0 -0
  7. package/assets/images/compass--rh-wallpaper-dark.png +0 -0
  8. package/assets/images/compass--rh-wallpaper-light.png +0 -0
  9. package/assets/images/compass--wallpaper-dark.png +0 -0
  10. package/assets/images/compass--wallpaper-light.png +0 -0
  11. package/base/normalize.scss +7 -0
  12. package/base/patternfly-common.css +50 -0
  13. package/base/patternfly-common.scss +59 -0
  14. package/base/patternfly-svg-icons.css +11 -0
  15. package/base/patternfly-svg-icons.scss +14 -0
  16. package/base/patternfly-variables.css +345 -14
  17. package/base/patternfly-variables.scss +40 -0
  18. package/base/tokens/tokens-dark.scss +51 -3
  19. package/base/tokens/tokens-default.scss +67 -13
  20. package/base/tokens/tokens-glass-dark.scss +9 -0
  21. package/base/tokens/tokens-glass.scss +9 -0
  22. package/base/tokens/tokens-local.scss +16 -0
  23. package/base/tokens/tokens-palette.scss +3 -1
  24. package/base/tokens/tokens-redhat-dark.scss +14 -0
  25. package/base/tokens/tokens-redhat-glass-dark.scss +16 -0
  26. package/base/tokens/tokens-redhat-glass.scss +15 -0
  27. package/base/tokens/tokens-redhat-highcontrast-dark.scss +47 -0
  28. package/base/tokens/tokens-redhat-highcontrast.scss +127 -0
  29. package/base/tokens/tokens-redhat.scss +15 -0
  30. package/components/AboutModalBox/about-modal-box.css +36 -26
  31. package/components/Accordion/accordion.css +17 -14
  32. package/components/Accordion/accordion.scss +1 -2
  33. package/components/ActionList/action-list.css +2 -0
  34. package/components/ActionList/action-list.scss +2 -0
  35. package/components/Alert/alert.css +7 -5
  36. package/components/Alert/alert.scss +2 -1
  37. package/components/Avatar/avatar.css +12 -4
  38. package/components/BackgroundImage/background-image.css +6 -3
  39. package/components/Banner/banner.css +8 -6
  40. package/components/Brand/brand.css +3 -1
  41. package/components/Breadcrumb/breadcrumb.css +4 -3
  42. package/components/Button/button.css +117 -14
  43. package/components/Button/button.scss +127 -10
  44. package/components/CalendarMonth/calendar-month.css +4 -3
  45. package/components/Card/card.css +20 -7
  46. package/components/Card/card.scss +16 -2
  47. package/components/ClipboardCopy/clipboard-copy.css +7 -6
  48. package/components/ClipboardCopy/clipboard-copy.scss +3 -3
  49. package/components/CodeEditor/code-editor.css +1 -1
  50. package/components/CodeEditor/code-editor.scss +1 -1
  51. package/components/Compass/compass.css +320 -0
  52. package/components/Compass/compass.scss +350 -0
  53. package/components/DataList/data-list.css +34 -23
  54. package/components/DataList/data-list.scss +7 -2
  55. package/components/DescriptionList/description-list-order.scss +5 -1
  56. package/components/DescriptionList/description-list.css +7 -5
  57. package/components/DescriptionList/description-list.scss +5 -1
  58. package/components/Divider/divider.css +7 -5
  59. package/components/Drawer/drawer.css +110 -56
  60. package/components/Drawer/drawer.scss +69 -9
  61. package/components/DualListSelector/dual-list-selector.css +18 -12
  62. package/components/DualListSelector/dual-list-selector.scss +1 -1
  63. package/components/ExpandableSection/expandable-section.css +21 -16
  64. package/components/ExpandableSection/expandable-section.scss +6 -3
  65. package/components/Form/form.css +2 -2
  66. package/components/Form/form.scss +2 -2
  67. package/components/FormControl/form-control.css +3 -3
  68. package/components/FormControl/form-control.scss +3 -3
  69. package/components/Hero/hero.css +74 -0
  70. package/components/Hero/hero.scss +86 -0
  71. package/components/JumpLinks/jump-links.css +5 -4
  72. package/components/JumpLinks/jump-links.scss +6 -2
  73. package/components/Label/label-group.css +2 -2
  74. package/components/Label/label-group.scss +2 -2
  75. package/components/Label/label.css +4 -3
  76. package/components/Login/login.css +51 -37
  77. package/components/Masthead/masthead.css +70 -16
  78. package/components/Masthead/masthead.scss +54 -1
  79. package/components/Menu/menu.css +23 -14
  80. package/components/MenuToggle/menu-toggle.css +5 -1
  81. package/components/MenuToggle/menu-toggle.scss +6 -1
  82. package/components/ModalBox/modal-box.css +9 -7
  83. package/components/ModalBox/modal-box.scss +2 -2
  84. package/components/Nav/nav.css +74 -11
  85. package/components/Nav/nav.scss +77 -5
  86. package/components/NotificationDrawer/notification-drawer.css +19 -9
  87. package/components/NotificationDrawer/notification-drawer.scss +14 -5
  88. package/components/Page/page.css +55 -29
  89. package/components/Page/page.scss +44 -5
  90. package/components/Pagination/pagination.scss +5 -1
  91. package/components/ProgressStepper/progress-stepper.scss +5 -1
  92. package/components/Sidebar/sidebar.css +1 -1
  93. package/components/Sidebar/sidebar.scss +7 -3
  94. package/components/Skeleton/skeleton.css +16 -15
  95. package/components/Slider/slider.css +32 -18
  96. package/components/Switch/switch.css +4 -2
  97. package/components/Switch/switch.scss +1 -1
  98. package/components/Table/table-grid.css +28 -36
  99. package/components/Table/table-grid.scss +4 -4
  100. package/components/Table/table-tree-view.css +4 -2
  101. package/components/Table/table.css +33 -29
  102. package/components/Table/table.scss +2 -2
  103. package/components/Tabs/tabs.css +35 -18
  104. package/components/Tabs/tabs.scss +35 -7
  105. package/components/TextInputGroup/text-input-group.css +2 -2
  106. package/components/TextInputGroup/text-input-group.scss +2 -2
  107. package/components/ToggleGroup/toggle-group.css +34 -17
  108. package/components/ToggleGroup/toggle-group.scss +36 -20
  109. package/components/Toolbar/toolbar.css +47 -15
  110. package/components/Toolbar/toolbar.scss +34 -6
  111. package/components/TreeView/tree-view.css +45 -14
  112. package/components/TreeView/tree-view.scss +32 -1
  113. package/components/Wizard/wizard.css +21 -17
  114. package/components/Wizard/wizard.scss +4 -4
  115. package/components/_index.css +1602 -676
  116. package/components/_index.scss +3 -1
  117. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
  118. package/docs/components/Accordion/examples/Accordion.md +390 -30
  119. package/docs/components/ActionList/examples/ActionList.md +143 -11
  120. package/docs/components/Alert/examples/Alert.md +678 -54
  121. package/docs/components/Avatar/examples/Avatar.md +4 -4
  122. package/docs/components/BackToTop/examples/BackToTop.md +13 -1
  123. package/docs/components/Banner/examples/Banner.md +65 -5
  124. package/docs/components/Brand/examples/Brand.md +2 -2
  125. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
  126. package/docs/components/Button/examples/Button.md +2217 -241
  127. package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
  128. package/docs/components/Card/examples/Card.md +206 -4
  129. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +286 -22
  130. package/docs/components/CodeBlock/examples/CodeBlock.md +104 -8
  131. package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
  132. package/docs/components/Compass/examples/Compass.css +17 -0
  133. package/docs/components/Compass/examples/Compass.md +119 -0
  134. package/docs/components/DataList/examples/DataList.md +405 -205
  135. package/docs/components/DatePicker/examples/DatePicker.md +78 -6
  136. package/docs/components/DescriptionList/examples/DescriptionList.md +327 -27
  137. package/docs/components/Divider/examples/Divider.md +2 -2
  138. package/docs/components/Drawer/examples/Drawer.md +353 -35
  139. package/docs/components/DualListSelector/examples/DualListSelector.md +1013 -143
  140. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  141. package/docs/components/Form/examples/Form.md +78 -6
  142. package/docs/components/Hero/examples/Hero.md +25 -0
  143. package/docs/components/Icon/examples/Icon.md +92 -8
  144. package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
  145. package/docs/components/InputGroup/examples/InputGroup.md +27 -3
  146. package/docs/components/JumpLinks/examples/JumpLinks.md +54 -6
  147. package/docs/components/Label/examples/Label.md +2834 -218
  148. package/docs/components/Login/examples/Login.md +26 -2
  149. package/docs/components/Masthead/examples/masthead.md +80 -1
  150. package/docs/components/Menu/examples/Menu.md +1458 -114
  151. package/docs/components/MenuToggle/examples/MenuToggle.md +53 -1
  152. package/docs/components/ModalBox/examples/ModalBox.md +287 -23
  153. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +156 -12
  154. package/docs/components/Nav/examples/Navigation.md +798 -58
  155. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +598 -46
  156. package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
  157. package/docs/components/Page/examples/Page.md +51 -2
  158. package/docs/components/Pagination/examples/Pagination.md +627 -51
  159. package/docs/components/Popover/examples/Popover.md +286 -22
  160. package/docs/components/ProgressStepper/examples/ProgressStepper.md +275 -23
  161. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  162. package/docs/components/Slider/examples/Slider.md +52 -4
  163. package/docs/components/Table/examples/Table.md +875 -70
  164. package/docs/components/Tabs/examples/Tabs.md +4127 -320
  165. package/docs/components/TextInputGroup/examples/TextInputGroup.md +600 -48
  166. package/docs/components/ToggleGroup/examples/toggle-group.md +195 -15
  167. package/docs/components/Toolbar/examples/Toolbar.md +490 -42
  168. package/docs/components/TreeView/examples/TreeView.md +1390 -130
  169. package/docs/components/Wizard/examples/Wizard.md +492 -72
  170. package/docs/demos/AboutModal/examples/AboutModal.md +57 -9
  171. package/docs/demos/Alert/examples/Alert.md +236 -32
  172. package/docs/demos/BackToTop/examples/BackToTop.md +57 -9
  173. package/docs/demos/Banner/examples/Banner.md +88 -16
  174. package/docs/demos/Button/examples/Button.md +13 -1
  175. package/docs/demos/Card/examples/Card.md +399 -42
  176. package/docs/demos/CardView/examples/CardView.md +161 -17
  177. package/docs/demos/Compass/examples/Compass.md +6836 -0
  178. package/docs/demos/Dashboard/examples/Dashboard.md +173 -26
  179. package/docs/demos/DataList/examples/DataList.md +566 -65
  180. package/docs/demos/DescriptionList/examples/DescriptionList.md +156 -27
  181. package/docs/demos/Drawer/examples/Drawer.md +216 -45
  182. package/docs/demos/Form/examples/BasicForms.md +273 -21
  183. package/docs/demos/JumpLinks/examples/JumpLinks.md +272 -59
  184. package/docs/demos/Masthead/examples/Masthead.md +458 -89
  185. package/docs/demos/Modal/examples/Modal.md +342 -57
  186. package/docs/demos/Nav/examples/Nav.md +660 -87
  187. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1088 -140
  188. package/docs/demos/Page/examples/Page.md +618 -123
  189. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  190. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
  191. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +691 -113
  192. package/docs/demos/Skeleton/examples/Skeleton.md +44 -8
  193. package/docs/demos/Table/examples/Table.md +3924 -256
  194. package/docs/demos/Tabs/examples/Tabs.md +407 -65
  195. package/docs/demos/Toolbar/examples/Toolbar.md +502 -52
  196. package/docs/demos/Wizard/examples/Wizard.md +796 -130
  197. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  198. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  199. package/docs/layouts/Flex/examples/Flex.css +3 -3
  200. package/docs/layouts/Flex/examples/Flex.md +3 -2
  201. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  202. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  203. package/docs/layouts/Grid/examples/Grid.css +1 -1
  204. package/docs/layouts/Grid/examples/Grid.md +6 -5
  205. package/docs/layouts/Level/examples/Level.css +3 -3
  206. package/docs/layouts/Level/examples/Level.md +2 -1
  207. package/docs/layouts/Split/examples/Split.css +1 -1
  208. package/docs/layouts/Split/examples/Split.md +2 -1
  209. package/docs/layouts/Stack/examples/Stack.css +3 -3
  210. package/docs/layouts/Stack/examples/Stack.md +2 -1
  211. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  212. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  213. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  214. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  215. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  216. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  217. package/docs/utilities/Display/examples/Display.css +1 -1
  218. package/docs/utilities/Display/examples/Display.md +3 -2
  219. package/docs/utilities/Flex/examples/Flex.css +7 -7
  220. package/docs/utilities/Flex/examples/Flex.md +3 -2
  221. package/docs/utilities/Float/examples/Float.css +2 -2
  222. package/docs/utilities/Float/examples/Float.md +3 -2
  223. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  224. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  225. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  226. package/docs/utilities/Text/examples/Text.md +5 -4
  227. package/icons/PfIcons/add-circle-o.svg +4 -0
  228. package/icons/PfIcons/ansible-tower.svg +4 -0
  229. package/icons/PfIcons/applications.svg +4 -0
  230. package/icons/PfIcons/arrow.svg +4 -0
  231. package/icons/PfIcons/asleep.svg +4 -0
  232. package/icons/PfIcons/attention-bell.svg +4 -0
  233. package/icons/PfIcons/automation.svg +4 -0
  234. package/icons/PfIcons/bell.svg +4 -0
  235. package/icons/PfIcons/blueprint.svg +4 -0
  236. package/icons/PfIcons/build.svg +4 -0
  237. package/icons/PfIcons/builder-image.svg +4 -0
  238. package/icons/PfIcons/bundle.svg +4 -0
  239. package/icons/PfIcons/catalog.svg +4 -0
  240. package/icons/PfIcons/chat.svg +4 -0
  241. package/icons/PfIcons/close.svg +4 -0
  242. package/icons/PfIcons/cloud-security.svg +4 -0
  243. package/icons/PfIcons/cloud-tenant.svg +4 -0
  244. package/icons/PfIcons/cluster.svg +4 -0
  245. package/icons/PfIcons/connected.svg +4 -0
  246. package/icons/PfIcons/container-node.svg +4 -0
  247. package/icons/PfIcons/cpu.svg +4 -0
  248. package/icons/PfIcons/critical-risk.svg +4 -0
  249. package/icons/PfIcons/data-processor.svg +4 -0
  250. package/icons/PfIcons/data-sink.svg +4 -0
  251. package/icons/PfIcons/data-source.svg +4 -0
  252. package/icons/PfIcons/degraded.svg +4 -0
  253. package/icons/PfIcons/disconnected.svg +4 -0
  254. package/icons/PfIcons/domain.svg +4 -0
  255. package/icons/PfIcons/edit.svg +4 -0
  256. package/icons/PfIcons/enhancement.svg +4 -0
  257. package/icons/PfIcons/enterprise.svg +4 -0
  258. package/icons/PfIcons/equalizer.svg +4 -0
  259. package/icons/PfIcons/error-circle-o.svg +4 -0
  260. package/icons/PfIcons/export.svg +4 -0
  261. package/icons/PfIcons/filter.svg +4 -0
  262. package/icons/PfIcons/flavor.svg +4 -0
  263. package/icons/PfIcons/folder-close.svg +4 -0
  264. package/icons/PfIcons/folder-open.svg +4 -0
  265. package/icons/PfIcons/globe-route.svg +4 -0
  266. package/icons/PfIcons/help.svg +4 -0
  267. package/icons/PfIcons/history.svg +4 -0
  268. package/icons/PfIcons/home.svg +4 -0
  269. package/icons/PfIcons/import.svg +4 -0
  270. package/icons/PfIcons/in-progress.svg +4 -0
  271. package/icons/PfIcons/info.svg +4 -0
  272. package/icons/PfIcons/infrastructure.svg +4 -0
  273. package/icons/PfIcons/integration.svg +4 -0
  274. package/icons/PfIcons/key.svg +4 -0
  275. package/icons/PfIcons/locked.svg +4 -0
  276. package/icons/PfIcons/maintenance.svg +4 -0
  277. package/icons/PfIcons/memory.svg +4 -0
  278. package/icons/PfIcons/messages.svg +4 -0
  279. package/icons/PfIcons/middleware.svg +4 -0
  280. package/icons/PfIcons/migration.svg +4 -0
  281. package/icons/PfIcons/module.svg +4 -0
  282. package/icons/PfIcons/monitoring.svg +4 -0
  283. package/icons/PfIcons/multicluster.svg +4 -0
  284. package/icons/PfIcons/namespaces.svg +4 -0
  285. package/icons/PfIcons/network.svg +4 -0
  286. package/icons/PfIcons/new-process.svg +4 -0
  287. package/icons/PfIcons/not-started.svg +4 -0
  288. package/icons/PfIcons/off.svg +4 -0
  289. package/icons/PfIcons/ok.svg +4 -0
  290. package/icons/PfIcons/on-running.svg +4 -0
  291. package/icons/PfIcons/on.svg +4 -0
  292. package/icons/PfIcons/open-drawer-right.svg +4 -0
  293. package/icons/PfIcons/openshift.svg +4 -0
  294. package/icons/PfIcons/openstack.svg +4 -0
  295. package/icons/PfIcons/optimize.svg +4 -0
  296. package/icons/PfIcons/orders.svg +4 -0
  297. package/icons/PfIcons/os-image.svg +4 -0
  298. package/icons/PfIcons/package.svg +4 -0
  299. package/icons/PfIcons/panel-close.svg +4 -0
  300. package/icons/PfIcons/panel-open.svg +4 -0
  301. package/icons/PfIcons/paused.svg +4 -0
  302. package/icons/PfIcons/pending.svg +4 -0
  303. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  304. package/icons/PfIcons/pficon-history.svg +4 -0
  305. package/icons/PfIcons/pficon-network-range.svg +4 -0
  306. package/icons/PfIcons/pficon-satellite.svg +4 -0
  307. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  308. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  309. package/icons/PfIcons/pficon-template.svg +4 -0
  310. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  311. package/icons/PfIcons/plugged.svg +4 -0
  312. package/icons/PfIcons/port.svg +4 -0
  313. package/icons/PfIcons/print.svg +4 -0
  314. package/icons/PfIcons/private.svg +4 -0
  315. package/icons/PfIcons/process-automation.svg +4 -0
  316. package/icons/PfIcons/project.svg +4 -0
  317. package/icons/PfIcons/rebalance.svg +4 -0
  318. package/icons/PfIcons/rebooting.svg +4 -0
  319. package/icons/PfIcons/regions.svg +4 -0
  320. package/icons/PfIcons/registry.svg +4 -0
  321. package/icons/PfIcons/remove2.svg +4 -0
  322. package/icons/PfIcons/replicator.svg +4 -0
  323. package/icons/PfIcons/repository.svg +4 -0
  324. package/icons/PfIcons/resource-pool.svg +4 -0
  325. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  326. package/icons/PfIcons/resources-almost-full.svg +4 -0
  327. package/icons/PfIcons/resources-empty.svg +4 -0
  328. package/icons/PfIcons/resources-full.svg +4 -0
  329. package/icons/PfIcons/running.svg +4 -0
  330. package/icons/PfIcons/save.svg +4 -0
  331. package/icons/PfIcons/screen.svg +4 -0
  332. package/icons/PfIcons/security.svg +4 -0
  333. package/icons/PfIcons/server-group.svg +4 -0
  334. package/icons/PfIcons/server.svg +4 -0
  335. package/icons/PfIcons/service-catalog.svg +4 -0
  336. package/icons/PfIcons/service.svg +4 -0
  337. package/icons/PfIcons/services.svg +4 -0
  338. package/icons/PfIcons/severity-critical.svg +4 -0
  339. package/icons/PfIcons/severity-important.svg +4 -0
  340. package/icons/PfIcons/severity-minor.svg +4 -0
  341. package/icons/PfIcons/severity-moderate.svg +4 -0
  342. package/icons/PfIcons/severity-none.svg +4 -0
  343. package/icons/PfIcons/severity-undefined.svg +4 -0
  344. package/icons/PfIcons/spinner.svg +4 -0
  345. package/icons/PfIcons/spinner2.svg +4 -0
  346. package/icons/PfIcons/storage-domain.svg +4 -0
  347. package/icons/PfIcons/task.svg +4 -0
  348. package/icons/PfIcons/tenant.svg +4 -0
  349. package/icons/PfIcons/thumb-tack.svg +4 -0
  350. package/icons/PfIcons/topology.svg +4 -0
  351. package/icons/PfIcons/treeview.svg +4 -0
  352. package/icons/PfIcons/trend-down.svg +4 -0
  353. package/icons/PfIcons/trend-up.svg +4 -0
  354. package/icons/PfIcons/unknown.svg +4 -0
  355. package/icons/PfIcons/unlocked.svg +4 -0
  356. package/icons/PfIcons/unplugged.svg +4 -0
  357. package/icons/PfIcons/user.svg +4 -0
  358. package/icons/PfIcons/users.svg +4 -0
  359. package/icons/PfIcons/virtual-machine.svg +4 -0
  360. package/icons/PfIcons/volume.svg +4 -0
  361. package/icons/PfIcons/warning-triangle.svg +4 -0
  362. package/icons/PfIcons/zone.svg +4 -0
  363. package/layouts/Flex/flex.scss +83 -19
  364. package/layouts/Gallery/gallery.css +6 -2
  365. package/layouts/_index.css +6 -2
  366. package/package.json +34 -16
  367. package/patternfly-base-no-globals.css +406 -14
  368. package/patternfly-base.css +413 -14
  369. package/patternfly-charts.css +3 -3
  370. package/patternfly-no-globals.css +1947 -625
  371. package/patternfly.css +1954 -625
  372. package/patternfly.min.css +1 -1
  373. package/patternfly.min.css.map +1 -1
  374. package/sass-utilities/functions.scss +32 -25
  375. package/sass-utilities/mixins.scss +36 -20
  376. package/sass-utilities/namespaces-components.scss +6 -0
package/docs/demos/Page/examples/Page.md CHANGED
@@ -15,7 +15,7 @@ wrapperTag: div
15
15
  <span class="pf-v6-c-button__text">Skip to content</span>
16
16
  </a>
17
17
  </div>
18
- <header class="pf-v6-c-masthead" id="page-demo-basic-masthead">
18
+ <header class="pf-v6-c-masthead" id="page-demo-basic-docked">
19
19
  <div class="pf-v6-c-masthead__main">
20
20
  <span class="pf-v6-c-masthead__toggle">
21
21
  <button
@@ -57,7 +57,7 @@ wrapperTag: div
57
57
  y1="2.25860997e-13%"
58
58
  x2="32%"
59
59
  y2="100%"
60
- id="linearGradient-page-demo-basic-masthead"
60
+ id="linearGradient-page-demo-basic-docked"
61
61
  >
62
62
  <stop stop-color="#2B9AF3" offset="0%" />
63
63
  <stop
@@ -111,11 +111,11 @@ wrapperTag: div
111
111
  />
112
112
  <path
113
113
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
114
- fill="url(#linearGradient-page-demo-basic-masthead)"
114
+ fill="url(#linearGradient-page-demo-basic-docked)"
115
115
  />
116
116
  <path
117
117
  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"
118
- fill="url(#linearGradient-page-demo-basic-masthead)"
118
+ fill="url(#linearGradient-page-demo-basic-docked)"
119
119
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
120
120
  />
121
121
  </g>
@@ -127,7 +127,7 @@ wrapperTag: div
127
127
  <div class="pf-v6-c-masthead__content">
128
128
  <div
129
129
  class="pf-v6-c-toolbar pf-m-static"
130
- id="page-demo-basic-masthead-toolbar"
130
+ id="page-demo-basic-docked-toolbar"
131
131
  >
132
132
  <div class="pf-v6-c-toolbar__content">
133
133
  <div class="pf-v6-c-toolbar__content-section">
@@ -249,21 +249,57 @@ wrapperTag: div
249
249
  </li>
250
250
  <li class="pf-v6-c-breadcrumb__item">
251
251
  <span class="pf-v6-c-breadcrumb__item-divider">
252
- <i class="fas fa-angle-right" aria-hidden="true"></i>
252
+ <svg
253
+ class="pf-v6-svg"
254
+ viewBox="0 0 20 20"
255
+ fill="currentColor"
256
+ aria-hidden="true"
257
+ role="img"
258
+ width="1em"
259
+ height="1em"
260
+ >
261
+ <path
262
+ 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"
263
+ />
264
+ </svg>
253
265
  </span>
254
266
 
255
267
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
256
268
  </li>
257
269
  <li class="pf-v6-c-breadcrumb__item">
258
270
  <span class="pf-v6-c-breadcrumb__item-divider">
259
- <i class="fas fa-angle-right" aria-hidden="true"></i>
271
+ <svg
272
+ class="pf-v6-svg"
273
+ viewBox="0 0 20 20"
274
+ fill="currentColor"
275
+ aria-hidden="true"
276
+ role="img"
277
+ width="1em"
278
+ height="1em"
279
+ >
280
+ <path
281
+ 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"
282
+ />
283
+ </svg>
260
284
  </span>
261
285
 
262
286
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
263
287
  </li>
264
288
  <li class="pf-v6-c-breadcrumb__item">
265
289
  <span class="pf-v6-c-breadcrumb__item-divider">
266
- <i class="fas fa-angle-right" aria-hidden="true"></i>
290
+ <svg
291
+ class="pf-v6-svg"
292
+ viewBox="0 0 20 20"
293
+ fill="currentColor"
294
+ aria-hidden="true"
295
+ role="img"
296
+ width="1em"
297
+ height="1em"
298
+ >
299
+ <path
300
+ 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"
301
+ />
302
+ </svg>
267
303
  </span>
268
304
 
269
305
  <a
@@ -338,7 +374,7 @@ wrapperTag: div
338
374
  </div>
339
375
  <header
340
376
  class="pf-v6-c-masthead"
341
- id="multiple-sidebar-body-elements-demo-masthead"
377
+ id="multiple-sidebar-body-elements-demo-docked"
342
378
  >
343
379
  <div class="pf-v6-c-masthead__main">
344
380
  <span class="pf-v6-c-masthead__toggle">
@@ -381,7 +417,7 @@ wrapperTag: div
381
417
  y1="2.25860997e-13%"
382
418
  x2="32%"
383
419
  y2="100%"
384
- id="linearGradient-multiple-sidebar-body-elements-demo-masthead"
420
+ id="linearGradient-multiple-sidebar-body-elements-demo-docked"
385
421
  >
386
422
  <stop stop-color="#2B9AF3" offset="0%" />
387
423
  <stop
@@ -435,11 +471,11 @@ wrapperTag: div
435
471
  />
436
472
  <path
437
473
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
438
- fill="url(#linearGradient-multiple-sidebar-body-elements-demo-masthead)"
474
+ fill="url(#linearGradient-multiple-sidebar-body-elements-demo-docked)"
439
475
  />
440
476
  <path
441
477
  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"
442
- fill="url(#linearGradient-multiple-sidebar-body-elements-demo-masthead)"
478
+ fill="url(#linearGradient-multiple-sidebar-body-elements-demo-docked)"
443
479
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
444
480
  />
445
481
  </g>
@@ -451,7 +487,7 @@ wrapperTag: div
451
487
  <div class="pf-v6-c-masthead__content">
452
488
  <div
453
489
  class="pf-v6-c-toolbar pf-m-static"
454
- id="multiple-sidebar-body-elements-demo-masthead-toolbar"
490
+ id="multiple-sidebar-body-elements-demo-docked-toolbar"
455
491
  >
456
492
  <div class="pf-v6-c-toolbar__content">
457
493
  <div class="pf-v6-c-toolbar__content-section">
@@ -588,21 +624,57 @@ wrapperTag: div
588
624
  </li>
589
625
  <li class="pf-v6-c-breadcrumb__item">
590
626
  <span class="pf-v6-c-breadcrumb__item-divider">
591
- <i class="fas fa-angle-right" aria-hidden="true"></i>
627
+ <svg
628
+ class="pf-v6-svg"
629
+ viewBox="0 0 20 20"
630
+ fill="currentColor"
631
+ aria-hidden="true"
632
+ role="img"
633
+ width="1em"
634
+ height="1em"
635
+ >
636
+ <path
637
+ 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"
638
+ />
639
+ </svg>
592
640
  </span>
593
641
 
594
642
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
595
643
  </li>
596
644
  <li class="pf-v6-c-breadcrumb__item">
597
645
  <span class="pf-v6-c-breadcrumb__item-divider">
598
- <i class="fas fa-angle-right" aria-hidden="true"></i>
646
+ <svg
647
+ class="pf-v6-svg"
648
+ viewBox="0 0 20 20"
649
+ fill="currentColor"
650
+ aria-hidden="true"
651
+ role="img"
652
+ width="1em"
653
+ height="1em"
654
+ >
655
+ <path
656
+ 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"
657
+ />
658
+ </svg>
599
659
  </span>
600
660
 
601
661
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
602
662
  </li>
603
663
  <li class="pf-v6-c-breadcrumb__item">
604
664
  <span class="pf-v6-c-breadcrumb__item-divider">
605
- <i class="fas fa-angle-right" aria-hidden="true"></i>
665
+ <svg
666
+ class="pf-v6-svg"
667
+ viewBox="0 0 20 20"
668
+ fill="currentColor"
669
+ aria-hidden="true"
670
+ role="img"
671
+ width="1em"
672
+ height="1em"
673
+ >
674
+ <path
675
+ 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"
676
+ />
677
+ </svg>
606
678
  </span>
607
679
 
608
680
  <a
@@ -677,7 +749,7 @@ wrapperTag: div
677
749
  </div>
678
750
  <header
679
751
  class="pf-v6-c-masthead"
680
- id="page-demo-sticky-top-horizontal-subnav-masthead"
752
+ id="page-demo-sticky-top-horizontal-subnav-docked"
681
753
  >
682
754
  <div class="pf-v6-c-masthead__main">
683
755
  <span class="pf-v6-c-masthead__toggle">
@@ -720,7 +792,7 @@ wrapperTag: div
720
792
  y1="2.25860997e-13%"
721
793
  x2="32%"
722
794
  y2="100%"
723
- id="linearGradient-page-demo-sticky-top-horizontal-subnav-masthead"
795
+ id="linearGradient-page-demo-sticky-top-horizontal-subnav-docked"
724
796
  >
725
797
  <stop stop-color="#2B9AF3" offset="0%" />
726
798
  <stop
@@ -774,11 +846,11 @@ wrapperTag: div
774
846
  />
775
847
  <path
776
848
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
777
- fill="url(#linearGradient-page-demo-sticky-top-horizontal-subnav-masthead)"
849
+ fill="url(#linearGradient-page-demo-sticky-top-horizontal-subnav-docked)"
778
850
  />
779
851
  <path
780
852
  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"
781
- fill="url(#linearGradient-page-demo-sticky-top-horizontal-subnav-masthead)"
853
+ fill="url(#linearGradient-page-demo-sticky-top-horizontal-subnav-docked)"
782
854
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
783
855
  />
784
856
  </g>
@@ -790,7 +862,7 @@ wrapperTag: div
790
862
  <div class="pf-v6-c-masthead__content">
791
863
  <div
792
864
  class="pf-v6-c-toolbar pf-m-static"
793
- id="page-demo-sticky-top-horizontal-subnav-masthead-toolbar"
865
+ id="page-demo-sticky-top-horizontal-subnav-docked-toolbar"
794
866
  >
795
867
  <div class="pf-v6-c-toolbar__content">
796
868
  <div class="pf-v6-c-toolbar__content-section">
@@ -939,21 +1011,57 @@ wrapperTag: div
939
1011
  </li>
940
1012
  <li class="pf-v6-c-breadcrumb__item">
941
1013
  <span class="pf-v6-c-breadcrumb__item-divider">
942
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1014
+ <svg
1015
+ class="pf-v6-svg"
1016
+ viewBox="0 0 20 20"
1017
+ fill="currentColor"
1018
+ aria-hidden="true"
1019
+ role="img"
1020
+ width="1em"
1021
+ height="1em"
1022
+ >
1023
+ <path
1024
+ 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"
1025
+ />
1026
+ </svg>
943
1027
  </span>
944
1028
 
945
1029
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
946
1030
  </li>
947
1031
  <li class="pf-v6-c-breadcrumb__item">
948
1032
  <span class="pf-v6-c-breadcrumb__item-divider">
949
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1033
+ <svg
1034
+ class="pf-v6-svg"
1035
+ viewBox="0 0 20 20"
1036
+ fill="currentColor"
1037
+ aria-hidden="true"
1038
+ role="img"
1039
+ width="1em"
1040
+ height="1em"
1041
+ >
1042
+ <path
1043
+ 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"
1044
+ />
1045
+ </svg>
950
1046
  </span>
951
1047
 
952
1048
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
953
1049
  </li>
954
1050
  <li class="pf-v6-c-breadcrumb__item">
955
1051
  <span class="pf-v6-c-breadcrumb__item-divider">
956
- <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>
957
1065
  </span>
958
1066
 
959
1067
  <a
@@ -1146,10 +1254,7 @@ wrapperTag: div
1146
1254
  <span class="pf-v6-c-button__text">Skip to content</span>
1147
1255
  </a>
1148
1256
  </div>
1149
- <header
1150
- class="pf-v6-c-masthead"
1151
- id="page-demo-sticky-top-breadcrumb-masthead"
1152
- >
1257
+ <header class="pf-v6-c-masthead" id="page-demo-sticky-top-breadcrumb-docked">
1153
1258
  <div class="pf-v6-c-masthead__main">
1154
1259
  <span class="pf-v6-c-masthead__toggle">
1155
1260
  <button
@@ -1191,7 +1296,7 @@ wrapperTag: div
1191
1296
  y1="2.25860997e-13%"
1192
1297
  x2="32%"
1193
1298
  y2="100%"
1194
- id="linearGradient-page-demo-sticky-top-breadcrumb-masthead"
1299
+ id="linearGradient-page-demo-sticky-top-breadcrumb-docked"
1195
1300
  >
1196
1301
  <stop stop-color="#2B9AF3" offset="0%" />
1197
1302
  <stop
@@ -1245,11 +1350,11 @@ wrapperTag: div
1245
1350
  />
1246
1351
  <path
1247
1352
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1248
- fill="url(#linearGradient-page-demo-sticky-top-breadcrumb-masthead)"
1353
+ fill="url(#linearGradient-page-demo-sticky-top-breadcrumb-docked)"
1249
1354
  />
1250
1355
  <path
1251
1356
  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"
1252
- fill="url(#linearGradient-page-demo-sticky-top-breadcrumb-masthead)"
1357
+ fill="url(#linearGradient-page-demo-sticky-top-breadcrumb-docked)"
1253
1358
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1254
1359
  />
1255
1360
  </g>
@@ -1261,7 +1366,7 @@ wrapperTag: div
1261
1366
  <div class="pf-v6-c-masthead__content">
1262
1367
  <div
1263
1368
  class="pf-v6-c-toolbar pf-m-static"
1264
- id="page-demo-sticky-top-breadcrumb-masthead-toolbar"
1369
+ id="page-demo-sticky-top-breadcrumb-docked-toolbar"
1265
1370
  >
1266
1371
  <div class="pf-v6-c-toolbar__content">
1267
1372
  <div class="pf-v6-c-toolbar__content-section">
@@ -1385,21 +1490,57 @@ wrapperTag: div
1385
1490
  </li>
1386
1491
  <li class="pf-v6-c-breadcrumb__item">
1387
1492
  <span class="pf-v6-c-breadcrumb__item-divider">
1388
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1493
+ <svg
1494
+ class="pf-v6-svg"
1495
+ viewBox="0 0 20 20"
1496
+ fill="currentColor"
1497
+ aria-hidden="true"
1498
+ role="img"
1499
+ width="1em"
1500
+ height="1em"
1501
+ >
1502
+ <path
1503
+ 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"
1504
+ />
1505
+ </svg>
1389
1506
  </span>
1390
1507
 
1391
1508
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1392
1509
  </li>
1393
1510
  <li class="pf-v6-c-breadcrumb__item">
1394
1511
  <span class="pf-v6-c-breadcrumb__item-divider">
1395
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1512
+ <svg
1513
+ class="pf-v6-svg"
1514
+ viewBox="0 0 20 20"
1515
+ fill="currentColor"
1516
+ aria-hidden="true"
1517
+ role="img"
1518
+ width="1em"
1519
+ height="1em"
1520
+ >
1521
+ <path
1522
+ 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"
1523
+ />
1524
+ </svg>
1396
1525
  </span>
1397
1526
 
1398
1527
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1399
1528
  </li>
1400
1529
  <li class="pf-v6-c-breadcrumb__item">
1401
1530
  <span class="pf-v6-c-breadcrumb__item-divider">
1402
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1531
+ <svg
1532
+ class="pf-v6-svg"
1533
+ viewBox="0 0 20 20"
1534
+ fill="currentColor"
1535
+ aria-hidden="true"
1536
+ role="img"
1537
+ width="1em"
1538
+ height="1em"
1539
+ >
1540
+ <path
1541
+ 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"
1542
+ />
1543
+ </svg>
1403
1544
  </span>
1404
1545
 
1405
1546
  <a
@@ -1592,10 +1733,7 @@ wrapperTag: div
1592
1733
  <span class="pf-v6-c-button__text">Skip to content</span>
1593
1734
  </a>
1594
1735
  </div>
1595
- <header
1596
- class="pf-v6-c-masthead"
1597
- id="page-demo-sticky-top-breadcrumb-masthead"
1598
- >
1736
+ <header class="pf-v6-c-masthead" id="page-demo-sticky-top-breadcrumb-docked">
1599
1737
  <div class="pf-v6-c-masthead__main">
1600
1738
  <span class="pf-v6-c-masthead__toggle">
1601
1739
  <button
@@ -1637,7 +1775,7 @@ wrapperTag: div
1637
1775
  y1="2.25860997e-13%"
1638
1776
  x2="32%"
1639
1777
  y2="100%"
1640
- id="linearGradient-page-demo-sticky-top-breadcrumb-masthead"
1778
+ id="linearGradient-page-demo-sticky-top-breadcrumb-docked"
1641
1779
  >
1642
1780
  <stop stop-color="#2B9AF3" offset="0%" />
1643
1781
  <stop
@@ -1691,11 +1829,11 @@ wrapperTag: div
1691
1829
  />
1692
1830
  <path
1693
1831
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1694
- fill="url(#linearGradient-page-demo-sticky-top-breadcrumb-masthead)"
1832
+ fill="url(#linearGradient-page-demo-sticky-top-breadcrumb-docked)"
1695
1833
  />
1696
1834
  <path
1697
1835
  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"
1698
- fill="url(#linearGradient-page-demo-sticky-top-breadcrumb-masthead)"
1836
+ fill="url(#linearGradient-page-demo-sticky-top-breadcrumb-docked)"
1699
1837
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1700
1838
  />
1701
1839
  </g>
@@ -1707,7 +1845,7 @@ wrapperTag: div
1707
1845
  <div class="pf-v6-c-masthead__content">
1708
1846
  <div
1709
1847
  class="pf-v6-c-toolbar pf-m-static"
1710
- id="page-demo-sticky-top-breadcrumb-masthead-toolbar"
1848
+ id="page-demo-sticky-top-breadcrumb-docked-toolbar"
1711
1849
  >
1712
1850
  <div class="pf-v6-c-toolbar__content">
1713
1851
  <div class="pf-v6-c-toolbar__content-section">
@@ -1831,21 +1969,57 @@ wrapperTag: div
1831
1969
  </li>
1832
1970
  <li class="pf-v6-c-breadcrumb__item">
1833
1971
  <span class="pf-v6-c-breadcrumb__item-divider">
1834
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1972
+ <svg
1973
+ class="pf-v6-svg"
1974
+ viewBox="0 0 20 20"
1975
+ fill="currentColor"
1976
+ aria-hidden="true"
1977
+ role="img"
1978
+ width="1em"
1979
+ height="1em"
1980
+ >
1981
+ <path
1982
+ 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"
1983
+ />
1984
+ </svg>
1835
1985
  </span>
1836
1986
 
1837
1987
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1838
1988
  </li>
1839
1989
  <li class="pf-v6-c-breadcrumb__item">
1840
1990
  <span class="pf-v6-c-breadcrumb__item-divider">
1841
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1991
+ <svg
1992
+ class="pf-v6-svg"
1993
+ viewBox="0 0 20 20"
1994
+ fill="currentColor"
1995
+ aria-hidden="true"
1996
+ role="img"
1997
+ width="1em"
1998
+ height="1em"
1999
+ >
2000
+ <path
2001
+ 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"
2002
+ />
2003
+ </svg>
1842
2004
  </span>
1843
2005
 
1844
2006
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1845
2007
  </li>
1846
2008
  <li class="pf-v6-c-breadcrumb__item">
1847
2009
  <span class="pf-v6-c-breadcrumb__item-divider">
1848
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2010
+ <svg
2011
+ class="pf-v6-svg"
2012
+ viewBox="0 0 20 20"
2013
+ fill="currentColor"
2014
+ aria-hidden="true"
2015
+ role="img"
2016
+ width="1em"
2017
+ height="1em"
2018
+ >
2019
+ <path
2020
+ 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"
2021
+ />
2022
+ </svg>
1849
2023
  </span>
1850
2024
 
1851
2025
  <a
@@ -2040,7 +2214,7 @@ wrapperTag: div
2040
2214
  </div>
2041
2215
  <header
2042
2216
  class="pf-v6-c-masthead"
2043
- id="page-demo-sticky-top-section-group-masthead"
2217
+ id="page-demo-sticky-top-section-group-docked"
2044
2218
  >
2045
2219
  <div class="pf-v6-c-masthead__main">
2046
2220
  <span class="pf-v6-c-masthead__toggle">
@@ -2083,7 +2257,7 @@ wrapperTag: div
2083
2257
  y1="2.25860997e-13%"
2084
2258
  x2="32%"
2085
2259
  y2="100%"
2086
- id="linearGradient-page-demo-sticky-top-section-group-masthead"
2260
+ id="linearGradient-page-demo-sticky-top-section-group-docked"
2087
2261
  >
2088
2262
  <stop stop-color="#2B9AF3" offset="0%" />
2089
2263
  <stop
@@ -2137,11 +2311,11 @@ wrapperTag: div
2137
2311
  />
2138
2312
  <path
2139
2313
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2140
- fill="url(#linearGradient-page-demo-sticky-top-section-group-masthead)"
2314
+ fill="url(#linearGradient-page-demo-sticky-top-section-group-docked)"
2141
2315
  />
2142
2316
  <path
2143
2317
  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"
2144
- fill="url(#linearGradient-page-demo-sticky-top-section-group-masthead)"
2318
+ fill="url(#linearGradient-page-demo-sticky-top-section-group-docked)"
2145
2319
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2146
2320
  />
2147
2321
  </g>
@@ -2153,7 +2327,7 @@ wrapperTag: div
2153
2327
  <div class="pf-v6-c-masthead__content">
2154
2328
  <div
2155
2329
  class="pf-v6-c-toolbar pf-m-static"
2156
- id="page-demo-sticky-top-section-group-masthead-toolbar"
2330
+ id="page-demo-sticky-top-section-group-docked-toolbar"
2157
2331
  >
2158
2332
  <div class="pf-v6-c-toolbar__content">
2159
2333
  <div class="pf-v6-c-toolbar__content-section">
@@ -2276,21 +2450,57 @@ wrapperTag: div
2276
2450
  </li>
2277
2451
  <li class="pf-v6-c-breadcrumb__item">
2278
2452
  <span class="pf-v6-c-breadcrumb__item-divider">
2279
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2453
+ <svg
2454
+ class="pf-v6-svg"
2455
+ viewBox="0 0 20 20"
2456
+ fill="currentColor"
2457
+ aria-hidden="true"
2458
+ role="img"
2459
+ width="1em"
2460
+ height="1em"
2461
+ >
2462
+ <path
2463
+ 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"
2464
+ />
2465
+ </svg>
2280
2466
  </span>
2281
2467
 
2282
2468
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2283
2469
  </li>
2284
2470
  <li class="pf-v6-c-breadcrumb__item">
2285
2471
  <span class="pf-v6-c-breadcrumb__item-divider">
2286
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2472
+ <svg
2473
+ class="pf-v6-svg"
2474
+ viewBox="0 0 20 20"
2475
+ fill="currentColor"
2476
+ aria-hidden="true"
2477
+ role="img"
2478
+ width="1em"
2479
+ height="1em"
2480
+ >
2481
+ <path
2482
+ 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"
2483
+ />
2484
+ </svg>
2287
2485
  </span>
2288
2486
 
2289
2487
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2290
2488
  </li>
2291
2489
  <li class="pf-v6-c-breadcrumb__item">
2292
2490
  <span class="pf-v6-c-breadcrumb__item-divider">
2293
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2491
+ <svg
2492
+ class="pf-v6-svg"
2493
+ viewBox="0 0 20 20"
2494
+ fill="currentColor"
2495
+ aria-hidden="true"
2496
+ role="img"
2497
+ width="1em"
2498
+ height="1em"
2499
+ >
2500
+ <path
2501
+ 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"
2502
+ />
2503
+ </svg>
2294
2504
  </span>
2295
2505
 
2296
2506
  <a
@@ -2484,10 +2694,7 @@ wrapperTag: div
2484
2694
  <span class="pf-v6-c-button__text">Skip to content</span>
2485
2695
  </a>
2486
2696
  </div>
2487
- <header
2488
- class="pf-v6-c-masthead"
2489
- id="page-demo-sticky-section-bottom-masthead"
2490
- >
2697
+ <header class="pf-v6-c-masthead" id="page-demo-sticky-section-bottom-docked">
2491
2698
  <div class="pf-v6-c-masthead__main">
2492
2699
  <span class="pf-v6-c-masthead__toggle">
2493
2700
  <button
@@ -2529,7 +2736,7 @@ wrapperTag: div
2529
2736
  y1="2.25860997e-13%"
2530
2737
  x2="32%"
2531
2738
  y2="100%"
2532
- id="linearGradient-page-demo-sticky-section-bottom-masthead"
2739
+ id="linearGradient-page-demo-sticky-section-bottom-docked"
2533
2740
  >
2534
2741
  <stop stop-color="#2B9AF3" offset="0%" />
2535
2742
  <stop
@@ -2583,11 +2790,11 @@ wrapperTag: div
2583
2790
  />
2584
2791
  <path
2585
2792
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2586
- fill="url(#linearGradient-page-demo-sticky-section-bottom-masthead)"
2793
+ fill="url(#linearGradient-page-demo-sticky-section-bottom-docked)"
2587
2794
  />
2588
2795
  <path
2589
2796
  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"
2590
- fill="url(#linearGradient-page-demo-sticky-section-bottom-masthead)"
2797
+ fill="url(#linearGradient-page-demo-sticky-section-bottom-docked)"
2591
2798
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2592
2799
  />
2593
2800
  </g>
@@ -2599,7 +2806,7 @@ wrapperTag: div
2599
2806
  <div class="pf-v6-c-masthead__content">
2600
2807
  <div
2601
2808
  class="pf-v6-c-toolbar pf-m-static"
2602
- id="page-demo-sticky-section-bottom-masthead-toolbar"
2809
+ id="page-demo-sticky-section-bottom-docked-toolbar"
2603
2810
  >
2604
2811
  <div class="pf-v6-c-toolbar__content">
2605
2812
  <div class="pf-v6-c-toolbar__content-section">
@@ -2721,21 +2928,57 @@ wrapperTag: div
2721
2928
  </li>
2722
2929
  <li class="pf-v6-c-breadcrumb__item">
2723
2930
  <span class="pf-v6-c-breadcrumb__item-divider">
2724
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2931
+ <svg
2932
+ class="pf-v6-svg"
2933
+ viewBox="0 0 20 20"
2934
+ fill="currentColor"
2935
+ aria-hidden="true"
2936
+ role="img"
2937
+ width="1em"
2938
+ height="1em"
2939
+ >
2940
+ <path
2941
+ 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"
2942
+ />
2943
+ </svg>
2725
2944
  </span>
2726
2945
 
2727
2946
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2728
2947
  </li>
2729
2948
  <li class="pf-v6-c-breadcrumb__item">
2730
2949
  <span class="pf-v6-c-breadcrumb__item-divider">
2731
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2950
+ <svg
2951
+ class="pf-v6-svg"
2952
+ viewBox="0 0 20 20"
2953
+ fill="currentColor"
2954
+ aria-hidden="true"
2955
+ role="img"
2956
+ width="1em"
2957
+ height="1em"
2958
+ >
2959
+ <path
2960
+ 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"
2961
+ />
2962
+ </svg>
2732
2963
  </span>
2733
2964
 
2734
2965
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2735
2966
  </li>
2736
2967
  <li class="pf-v6-c-breadcrumb__item">
2737
2968
  <span class="pf-v6-c-breadcrumb__item-divider">
2738
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2969
+ <svg
2970
+ class="pf-v6-svg"
2971
+ viewBox="0 0 20 20"
2972
+ fill="currentColor"
2973
+ aria-hidden="true"
2974
+ role="img"
2975
+ width="1em"
2976
+ height="1em"
2977
+ >
2978
+ <path
2979
+ 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"
2980
+ />
2981
+ </svg>
2739
2982
  </span>
2740
2983
 
2741
2984
  <a
@@ -2935,7 +3178,7 @@ wrapperTag: div
2935
3178
  <span class="pf-v6-c-button__text">Skip to content</span>
2936
3179
  </a>
2937
3180
  </div>
2938
- <header class="pf-v6-c-masthead" id="page-demo-overflow-scroll-masthead">
3181
+ <header class="pf-v6-c-masthead" id="page-demo-overflow-scroll-docked">
2939
3182
  <div class="pf-v6-c-masthead__main">
2940
3183
  <span class="pf-v6-c-masthead__toggle">
2941
3184
  <button
@@ -2977,7 +3220,7 @@ wrapperTag: div
2977
3220
  y1="2.25860997e-13%"
2978
3221
  x2="32%"
2979
3222
  y2="100%"
2980
- id="linearGradient-page-demo-overflow-scroll-masthead"
3223
+ id="linearGradient-page-demo-overflow-scroll-docked"
2981
3224
  >
2982
3225
  <stop stop-color="#2B9AF3" offset="0%" />
2983
3226
  <stop
@@ -3031,11 +3274,11 @@ wrapperTag: div
3031
3274
  />
3032
3275
  <path
3033
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"
3034
- fill="url(#linearGradient-page-demo-overflow-scroll-masthead)"
3277
+ fill="url(#linearGradient-page-demo-overflow-scroll-docked)"
3035
3278
  />
3036
3279
  <path
3037
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"
3038
- fill="url(#linearGradient-page-demo-overflow-scroll-masthead)"
3281
+ fill="url(#linearGradient-page-demo-overflow-scroll-docked)"
3039
3282
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
3040
3283
  />
3041
3284
  </g>
@@ -3047,7 +3290,7 @@ wrapperTag: div
3047
3290
  <div class="pf-v6-c-masthead__content">
3048
3291
  <div
3049
3292
  class="pf-v6-c-toolbar pf-m-static"
3050
- id="page-demo-overflow-scroll-masthead-toolbar"
3293
+ id="page-demo-overflow-scroll-docked-toolbar"
3051
3294
  >
3052
3295
  <div class="pf-v6-c-toolbar__content">
3053
3296
  <div class="pf-v6-c-toolbar__content-section">
@@ -3169,21 +3412,57 @@ wrapperTag: div
3169
3412
  </li>
3170
3413
  <li class="pf-v6-c-breadcrumb__item">
3171
3414
  <span class="pf-v6-c-breadcrumb__item-divider">
3172
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3415
+ <svg
3416
+ class="pf-v6-svg"
3417
+ viewBox="0 0 20 20"
3418
+ fill="currentColor"
3419
+ aria-hidden="true"
3420
+ role="img"
3421
+ width="1em"
3422
+ height="1em"
3423
+ >
3424
+ <path
3425
+ 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"
3426
+ />
3427
+ </svg>
3173
3428
  </span>
3174
3429
 
3175
3430
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3176
3431
  </li>
3177
3432
  <li class="pf-v6-c-breadcrumb__item">
3178
3433
  <span class="pf-v6-c-breadcrumb__item-divider">
3179
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3434
+ <svg
3435
+ class="pf-v6-svg"
3436
+ viewBox="0 0 20 20"
3437
+ fill="currentColor"
3438
+ aria-hidden="true"
3439
+ role="img"
3440
+ width="1em"
3441
+ height="1em"
3442
+ >
3443
+ <path
3444
+ 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"
3445
+ />
3446
+ </svg>
3180
3447
  </span>
3181
3448
 
3182
3449
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3183
3450
  </li>
3184
3451
  <li class="pf-v6-c-breadcrumb__item">
3185
3452
  <span class="pf-v6-c-breadcrumb__item-divider">
3186
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3453
+ <svg
3454
+ class="pf-v6-svg"
3455
+ viewBox="0 0 20 20"
3456
+ fill="currentColor"
3457
+ aria-hidden="true"
3458
+ role="img"
3459
+ width="1em"
3460
+ height="1em"
3461
+ >
3462
+ <path
3463
+ 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"
3464
+ />
3465
+ </svg>
3187
3466
  </span>
3188
3467
 
3189
3468
  <a
@@ -3388,7 +3667,7 @@ wrapperTag: div
3388
3667
  <span class="pf-v6-c-button__text">Skip to content</span>
3389
3668
  </a>
3390
3669
  </div>
3391
- <header class="pf-v6-c-masthead" id="page-demo-centered-section-masthead">
3670
+ <header class="pf-v6-c-masthead" id="page-demo-centered-section-docked">
3392
3671
  <div class="pf-v6-c-masthead__main">
3393
3672
  <span class="pf-v6-c-masthead__toggle">
3394
3673
  <button
@@ -3430,7 +3709,7 @@ wrapperTag: div
3430
3709
  y1="2.25860997e-13%"
3431
3710
  x2="32%"
3432
3711
  y2="100%"
3433
- id="linearGradient-page-demo-centered-section-masthead"
3712
+ id="linearGradient-page-demo-centered-section-docked"
3434
3713
  >
3435
3714
  <stop stop-color="#2B9AF3" offset="0%" />
3436
3715
  <stop
@@ -3484,11 +3763,11 @@ wrapperTag: div
3484
3763
  />
3485
3764
  <path
3486
3765
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
3487
- fill="url(#linearGradient-page-demo-centered-section-masthead)"
3766
+ fill="url(#linearGradient-page-demo-centered-section-docked)"
3488
3767
  />
3489
3768
  <path
3490
3769
  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"
3491
- fill="url(#linearGradient-page-demo-centered-section-masthead)"
3770
+ fill="url(#linearGradient-page-demo-centered-section-docked)"
3492
3771
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
3493
3772
  />
3494
3773
  </g>
@@ -3500,7 +3779,7 @@ wrapperTag: div
3500
3779
  <div class="pf-v6-c-masthead__content">
3501
3780
  <div
3502
3781
  class="pf-v6-c-toolbar pf-m-static"
3503
- id="page-demo-centered-section-masthead-toolbar"
3782
+ id="page-demo-centered-section-docked-toolbar"
3504
3783
  >
3505
3784
  <div class="pf-v6-c-toolbar__content">
3506
3785
  <div class="pf-v6-c-toolbar__content-section">
@@ -3699,7 +3978,7 @@ wrapperTag: div
3699
3978
  <span class="pf-v6-c-button__text">Skip to content</span>
3700
3979
  </a>
3701
3980
  </div>
3702
- <header class="pf-v6-c-masthead" id="page-context-selector-masthead">
3981
+ <header class="pf-v6-c-masthead" id="page-context-selector-docked">
3703
3982
  <div class="pf-v6-c-masthead__main">
3704
3983
  <span class="pf-v6-c-masthead__toggle">
3705
3984
  <button
@@ -3741,7 +4020,7 @@ wrapperTag: div
3741
4020
  y1="2.25860997e-13%"
3742
4021
  x2="32%"
3743
4022
  y2="100%"
3744
- id="linearGradient-page-context-selector-masthead"
4023
+ id="linearGradient-page-context-selector-docked"
3745
4024
  >
3746
4025
  <stop stop-color="#2B9AF3" offset="0%" />
3747
4026
  <stop
@@ -3795,11 +4074,11 @@ wrapperTag: div
3795
4074
  />
3796
4075
  <path
3797
4076
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
3798
- fill="url(#linearGradient-page-context-selector-masthead)"
4077
+ fill="url(#linearGradient-page-context-selector-docked)"
3799
4078
  />
3800
4079
  <path
3801
4080
  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"
3802
- fill="url(#linearGradient-page-context-selector-masthead)"
4081
+ fill="url(#linearGradient-page-context-selector-docked)"
3803
4082
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
3804
4083
  />
3805
4084
  </g>
@@ -3811,7 +4090,7 @@ wrapperTag: div
3811
4090
  <div class="pf-v6-c-masthead__content">
3812
4091
  <div
3813
4092
  class="pf-v6-c-toolbar pf-m-static"
3814
- id="page-context-selector-masthead-toolbar"
4093
+ id="page-context-selector-docked-toolbar"
3815
4094
  >
3816
4095
  <div class="pf-v6-c-toolbar__content">
3817
4096
  <div class="pf-v6-c-toolbar__content-section">
@@ -3885,7 +4164,7 @@ wrapperTag: div
3885
4164
  aria-expanded="false"
3886
4165
  >
3887
4166
  <span class="pf-v6-c-menu-toggle__icon">
3888
- <i class="fas fa-cogs fa-fw" aria-hidden="true"></i>
4167
+ <i class="fas fa-cogs" aria-hidden="true"></i>
3889
4168
  </span>
3890
4169
  <span class="pf-v6-c-menu-toggle__text">Administrator</span>
3891
4170
  <span class="pf-v6-c-menu-toggle__controls">
@@ -3950,21 +4229,57 @@ wrapperTag: div
3950
4229
  </li>
3951
4230
  <li class="pf-v6-c-breadcrumb__item">
3952
4231
  <span class="pf-v6-c-breadcrumb__item-divider">
3953
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4232
+ <svg
4233
+ class="pf-v6-svg"
4234
+ viewBox="0 0 20 20"
4235
+ fill="currentColor"
4236
+ aria-hidden="true"
4237
+ role="img"
4238
+ width="1em"
4239
+ height="1em"
4240
+ >
4241
+ <path
4242
+ 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"
4243
+ />
4244
+ </svg>
3954
4245
  </span>
3955
4246
 
3956
4247
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3957
4248
  </li>
3958
4249
  <li class="pf-v6-c-breadcrumb__item">
3959
4250
  <span class="pf-v6-c-breadcrumb__item-divider">
3960
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4251
+ <svg
4252
+ class="pf-v6-svg"
4253
+ viewBox="0 0 20 20"
4254
+ fill="currentColor"
4255
+ aria-hidden="true"
4256
+ role="img"
4257
+ width="1em"
4258
+ height="1em"
4259
+ >
4260
+ <path
4261
+ 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"
4262
+ />
4263
+ </svg>
3961
4264
  </span>
3962
4265
 
3963
4266
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3964
4267
  </li>
3965
4268
  <li class="pf-v6-c-breadcrumb__item">
3966
4269
  <span class="pf-v6-c-breadcrumb__item-divider">
3967
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4270
+ <svg
4271
+ class="pf-v6-svg"
4272
+ viewBox="0 0 20 20"
4273
+ fill="currentColor"
4274
+ aria-hidden="true"
4275
+ role="img"
4276
+ width="1em"
4277
+ height="1em"
4278
+ >
4279
+ <path
4280
+ 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"
4281
+ />
4282
+ </svg>
3968
4283
  </span>
3969
4284
 
3970
4285
  <a
@@ -4037,7 +4352,7 @@ wrapperTag: div
4037
4352
  <span class="pf-v6-c-button__text">Skip to content</span>
4038
4353
  </a>
4039
4354
  </div>
4040
- <header class="pf-v6-c-masthead" id="page-context-selector-expanded-masthead">
4355
+ <header class="pf-v6-c-masthead" id="page-context-selector-expanded-docked">
4041
4356
  <div class="pf-v6-c-masthead__main">
4042
4357
  <span class="pf-v6-c-masthead__toggle">
4043
4358
  <button
@@ -4079,7 +4394,7 @@ wrapperTag: div
4079
4394
  y1="2.25860997e-13%"
4080
4395
  x2="32%"
4081
4396
  y2="100%"
4082
- id="linearGradient-page-context-selector-expanded-masthead"
4397
+ id="linearGradient-page-context-selector-expanded-docked"
4083
4398
  >
4084
4399
  <stop stop-color="#2B9AF3" offset="0%" />
4085
4400
  <stop
@@ -4133,11 +4448,11 @@ wrapperTag: div
4133
4448
  />
4134
4449
  <path
4135
4450
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
4136
- fill="url(#linearGradient-page-context-selector-expanded-masthead)"
4451
+ fill="url(#linearGradient-page-context-selector-expanded-docked)"
4137
4452
  />
4138
4453
  <path
4139
4454
  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"
4140
- fill="url(#linearGradient-page-context-selector-expanded-masthead)"
4455
+ fill="url(#linearGradient-page-context-selector-expanded-docked)"
4141
4456
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
4142
4457
  />
4143
4458
  </g>
@@ -4149,7 +4464,7 @@ wrapperTag: div
4149
4464
  <div class="pf-v6-c-masthead__content">
4150
4465
  <div
4151
4466
  class="pf-v6-c-toolbar pf-m-static"
4152
- id="page-context-selector-expanded-masthead-toolbar"
4467
+ id="page-context-selector-expanded-docked-toolbar"
4153
4468
  >
4154
4469
  <div class="pf-v6-c-toolbar__content">
4155
4470
  <div class="pf-v6-c-toolbar__content-section">
@@ -4223,7 +4538,7 @@ wrapperTag: div
4223
4538
  aria-expanded="true"
4224
4539
  >
4225
4540
  <span class="pf-v6-c-menu-toggle__icon">
4226
- <i class="fas fa-cogs fa-fw" aria-hidden="true"></i>
4541
+ <i class="fas fa-cogs" aria-hidden="true"></i>
4227
4542
  </span>
4228
4543
  <span class="pf-v6-c-menu-toggle__text">Administrator</span>
4229
4544
  <span class="pf-v6-c-menu-toggle__controls">
@@ -4324,21 +4639,57 @@ wrapperTag: div
4324
4639
  </li>
4325
4640
  <li class="pf-v6-c-breadcrumb__item">
4326
4641
  <span class="pf-v6-c-breadcrumb__item-divider">
4327
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4642
+ <svg
4643
+ class="pf-v6-svg"
4644
+ viewBox="0 0 20 20"
4645
+ fill="currentColor"
4646
+ aria-hidden="true"
4647
+ role="img"
4648
+ width="1em"
4649
+ height="1em"
4650
+ >
4651
+ <path
4652
+ 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"
4653
+ />
4654
+ </svg>
4328
4655
  </span>
4329
4656
 
4330
4657
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4331
4658
  </li>
4332
4659
  <li class="pf-v6-c-breadcrumb__item">
4333
4660
  <span class="pf-v6-c-breadcrumb__item-divider">
4334
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4661
+ <svg
4662
+ class="pf-v6-svg"
4663
+ viewBox="0 0 20 20"
4664
+ fill="currentColor"
4665
+ aria-hidden="true"
4666
+ role="img"
4667
+ width="1em"
4668
+ height="1em"
4669
+ >
4670
+ <path
4671
+ 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"
4672
+ />
4673
+ </svg>
4335
4674
  </span>
4336
4675
 
4337
4676
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4338
4677
  </li>
4339
4678
  <li class="pf-v6-c-breadcrumb__item">
4340
4679
  <span class="pf-v6-c-breadcrumb__item-divider">
4341
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4680
+ <svg
4681
+ class="pf-v6-svg"
4682
+ viewBox="0 0 20 20"
4683
+ fill="currentColor"
4684
+ aria-hidden="true"
4685
+ role="img"
4686
+ width="1em"
4687
+ height="1em"
4688
+ >
4689
+ <path
4690
+ 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"
4691
+ />
4692
+ </svg>
4342
4693
  </span>
4343
4694
 
4344
4695
  <a
@@ -4411,7 +4762,7 @@ wrapperTag: div
4411
4762
  <span class="pf-v6-c-button__text">Skip to content</span>
4412
4763
  </a>
4413
4764
  </div>
4414
- <header class="pf-v6-c-masthead" id="page-demo-sidebar-collapsed-masthead">
4765
+ <header class="pf-v6-c-masthead" id="page-demo-sidebar-collapsed-docked">
4415
4766
  <div class="pf-v6-c-masthead__main">
4416
4767
  <span class="pf-v6-c-masthead__toggle">
4417
4768
  <button
@@ -4453,7 +4804,7 @@ wrapperTag: div
4453
4804
  y1="2.25860997e-13%"
4454
4805
  x2="32%"
4455
4806
  y2="100%"
4456
- id="linearGradient-page-demo-sidebar-collapsed-masthead"
4807
+ id="linearGradient-page-demo-sidebar-collapsed-docked"
4457
4808
  >
4458
4809
  <stop stop-color="#2B9AF3" offset="0%" />
4459
4810
  <stop
@@ -4507,11 +4858,11 @@ wrapperTag: div
4507
4858
  />
4508
4859
  <path
4509
4860
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
4510
- fill="url(#linearGradient-page-demo-sidebar-collapsed-masthead)"
4861
+ fill="url(#linearGradient-page-demo-sidebar-collapsed-docked)"
4511
4862
  />
4512
4863
  <path
4513
4864
  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"
4514
- fill="url(#linearGradient-page-demo-sidebar-collapsed-masthead)"
4865
+ fill="url(#linearGradient-page-demo-sidebar-collapsed-docked)"
4515
4866
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
4516
4867
  />
4517
4868
  </g>
@@ -4523,7 +4874,7 @@ wrapperTag: div
4523
4874
  <div class="pf-v6-c-masthead__content">
4524
4875
  <div
4525
4876
  class="pf-v6-c-toolbar pf-m-static"
4526
- id="page-demo-sidebar-collapsed-masthead-toolbar"
4877
+ id="page-demo-sidebar-collapsed-docked-toolbar"
4527
4878
  >
4528
4879
  <div class="pf-v6-c-toolbar__content">
4529
4880
  <div class="pf-v6-c-toolbar__content-section">
@@ -4645,21 +4996,57 @@ wrapperTag: div
4645
4996
  </li>
4646
4997
  <li class="pf-v6-c-breadcrumb__item">
4647
4998
  <span class="pf-v6-c-breadcrumb__item-divider">
4648
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4999
+ <svg
5000
+ class="pf-v6-svg"
5001
+ viewBox="0 0 20 20"
5002
+ fill="currentColor"
5003
+ aria-hidden="true"
5004
+ role="img"
5005
+ width="1em"
5006
+ height="1em"
5007
+ >
5008
+ <path
5009
+ 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"
5010
+ />
5011
+ </svg>
4649
5012
  </span>
4650
5013
 
4651
5014
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4652
5015
  </li>
4653
5016
  <li class="pf-v6-c-breadcrumb__item">
4654
5017
  <span class="pf-v6-c-breadcrumb__item-divider">
4655
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5018
+ <svg
5019
+ class="pf-v6-svg"
5020
+ viewBox="0 0 20 20"
5021
+ fill="currentColor"
5022
+ aria-hidden="true"
5023
+ role="img"
5024
+ width="1em"
5025
+ height="1em"
5026
+ >
5027
+ <path
5028
+ 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"
5029
+ />
5030
+ </svg>
4656
5031
  </span>
4657
5032
 
4658
5033
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4659
5034
  </li>
4660
5035
  <li class="pf-v6-c-breadcrumb__item">
4661
5036
  <span class="pf-v6-c-breadcrumb__item-divider">
4662
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5037
+ <svg
5038
+ class="pf-v6-svg"
5039
+ viewBox="0 0 20 20"
5040
+ fill="currentColor"
5041
+ aria-hidden="true"
5042
+ role="img"
5043
+ width="1em"
5044
+ height="1em"
5045
+ >
5046
+ <path
5047
+ 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"
5048
+ />
5049
+ </svg>
4663
5050
  </span>
4664
5051
 
4665
5052
  <a
@@ -4732,7 +5119,7 @@ wrapperTag: div
4732
5119
  <span class="pf-v6-c-button__text">Skip to content</span>
4733
5120
  </a>
4734
5121
  </div>
4735
- <header class="pf-v6-c-masthead" id="page-demo-sidebar-expanded-masthead">
5122
+ <header class="pf-v6-c-masthead" id="page-demo-sidebar-expanded-docked">
4736
5123
  <div class="pf-v6-c-masthead__main">
4737
5124
  <span class="pf-v6-c-masthead__toggle">
4738
5125
  <button
@@ -4774,7 +5161,7 @@ wrapperTag: div
4774
5161
  y1="2.25860997e-13%"
4775
5162
  x2="32%"
4776
5163
  y2="100%"
4777
- id="linearGradient-page-demo-sidebar-expanded-masthead"
5164
+ id="linearGradient-page-demo-sidebar-expanded-docked"
4778
5165
  >
4779
5166
  <stop stop-color="#2B9AF3" offset="0%" />
4780
5167
  <stop
@@ -4828,11 +5215,11 @@ wrapperTag: div
4828
5215
  />
4829
5216
  <path
4830
5217
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
4831
- fill="url(#linearGradient-page-demo-sidebar-expanded-masthead)"
5218
+ fill="url(#linearGradient-page-demo-sidebar-expanded-docked)"
4832
5219
  />
4833
5220
  <path
4834
5221
  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"
4835
- fill="url(#linearGradient-page-demo-sidebar-expanded-masthead)"
5222
+ fill="url(#linearGradient-page-demo-sidebar-expanded-docked)"
4836
5223
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
4837
5224
  />
4838
5225
  </g>
@@ -4844,7 +5231,7 @@ wrapperTag: div
4844
5231
  <div class="pf-v6-c-masthead__content">
4845
5232
  <div
4846
5233
  class="pf-v6-c-toolbar pf-m-static"
4847
- id="page-demo-sidebar-expanded-masthead-toolbar"
5234
+ id="page-demo-sidebar-expanded-docked-toolbar"
4848
5235
  >
4849
5236
  <div class="pf-v6-c-toolbar__content">
4850
5237
  <div class="pf-v6-c-toolbar__content-section">
@@ -4966,21 +5353,57 @@ wrapperTag: div
4966
5353
  </li>
4967
5354
  <li class="pf-v6-c-breadcrumb__item">
4968
5355
  <span class="pf-v6-c-breadcrumb__item-divider">
4969
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5356
+ <svg
5357
+ class="pf-v6-svg"
5358
+ viewBox="0 0 20 20"
5359
+ fill="currentColor"
5360
+ aria-hidden="true"
5361
+ role="img"
5362
+ width="1em"
5363
+ height="1em"
5364
+ >
5365
+ <path
5366
+ 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"
5367
+ />
5368
+ </svg>
4970
5369
  </span>
4971
5370
 
4972
5371
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4973
5372
  </li>
4974
5373
  <li class="pf-v6-c-breadcrumb__item">
4975
5374
  <span class="pf-v6-c-breadcrumb__item-divider">
4976
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5375
+ <svg
5376
+ class="pf-v6-svg"
5377
+ viewBox="0 0 20 20"
5378
+ fill="currentColor"
5379
+ aria-hidden="true"
5380
+ role="img"
5381
+ width="1em"
5382
+ height="1em"
5383
+ >
5384
+ <path
5385
+ 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"
5386
+ />
5387
+ </svg>
4977
5388
  </span>
4978
5389
 
4979
5390
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4980
5391
  </li>
4981
5392
  <li class="pf-v6-c-breadcrumb__item">
4982
5393
  <span class="pf-v6-c-breadcrumb__item-divider">
4983
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5394
+ <svg
5395
+ class="pf-v6-svg"
5396
+ viewBox="0 0 20 20"
5397
+ fill="currentColor"
5398
+ aria-hidden="true"
5399
+ role="img"
5400
+ width="1em"
5401
+ height="1em"
5402
+ >
5403
+ <path
5404
+ 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"
5405
+ />
5406
+ </svg>
4984
5407
  </span>
4985
5408
 
4986
5409
  <a
@@ -5053,7 +5476,7 @@ wrapperTag: div
5053
5476
  <span class="pf-v6-c-button__text">Skip to content</span>
5054
5477
  </a>
5055
5478
  </div>
5056
- <header class="pf-v6-c-masthead" id="page-demo-no-sidebar-masthead">
5479
+ <header class="pf-v6-c-masthead" id="page-demo-no-sidebar-docked">
5057
5480
  <div class="pf-v6-c-masthead__main">
5058
5481
  <span class="pf-v6-c-masthead__toggle">
5059
5482
  <button
@@ -5095,7 +5518,7 @@ wrapperTag: div
5095
5518
  y1="2.25860997e-13%"
5096
5519
  x2="32%"
5097
5520
  y2="100%"
5098
- id="linearGradient-page-demo-no-sidebar-masthead"
5521
+ id="linearGradient-page-demo-no-sidebar-docked"
5099
5522
  >
5100
5523
  <stop stop-color="#2B9AF3" offset="0%" />
5101
5524
  <stop
@@ -5149,11 +5572,11 @@ wrapperTag: div
5149
5572
  />
5150
5573
  <path
5151
5574
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
5152
- fill="url(#linearGradient-page-demo-no-sidebar-masthead)"
5575
+ fill="url(#linearGradient-page-demo-no-sidebar-docked)"
5153
5576
  />
5154
5577
  <path
5155
5578
  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"
5156
- fill="url(#linearGradient-page-demo-no-sidebar-masthead)"
5579
+ fill="url(#linearGradient-page-demo-no-sidebar-docked)"
5157
5580
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
5158
5581
  />
5159
5582
  </g>
@@ -5165,7 +5588,7 @@ wrapperTag: div
5165
5588
  <div class="pf-v6-c-masthead__content">
5166
5589
  <div
5167
5590
  class="pf-v6-c-toolbar pf-m-static"
5168
- id="page-demo-no-sidebar-masthead-toolbar"
5591
+ id="page-demo-no-sidebar-docked-toolbar"
5169
5592
  >
5170
5593
  <div class="pf-v6-c-toolbar__content">
5171
5594
  <div class="pf-v6-c-toolbar__content-section">
@@ -5246,21 +5669,57 @@ wrapperTag: div
5246
5669
  </li>
5247
5670
  <li class="pf-v6-c-breadcrumb__item">
5248
5671
  <span class="pf-v6-c-breadcrumb__item-divider">
5249
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5672
+ <svg
5673
+ class="pf-v6-svg"
5674
+ viewBox="0 0 20 20"
5675
+ fill="currentColor"
5676
+ aria-hidden="true"
5677
+ role="img"
5678
+ width="1em"
5679
+ height="1em"
5680
+ >
5681
+ <path
5682
+ 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"
5683
+ />
5684
+ </svg>
5250
5685
  </span>
5251
5686
 
5252
5687
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
5253
5688
  </li>
5254
5689
  <li class="pf-v6-c-breadcrumb__item">
5255
5690
  <span class="pf-v6-c-breadcrumb__item-divider">
5256
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5691
+ <svg
5692
+ class="pf-v6-svg"
5693
+ viewBox="0 0 20 20"
5694
+ fill="currentColor"
5695
+ aria-hidden="true"
5696
+ role="img"
5697
+ width="1em"
5698
+ height="1em"
5699
+ >
5700
+ <path
5701
+ 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"
5702
+ />
5703
+ </svg>
5257
5704
  </span>
5258
5705
 
5259
5706
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
5260
5707
  </li>
5261
5708
  <li class="pf-v6-c-breadcrumb__item">
5262
5709
  <span class="pf-v6-c-breadcrumb__item-divider">
5263
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5710
+ <svg
5711
+ class="pf-v6-svg"
5712
+ viewBox="0 0 20 20"
5713
+ fill="currentColor"
5714
+ aria-hidden="true"
5715
+ role="img"
5716
+ width="1em"
5717
+ height="1em"
5718
+ >
5719
+ <path
5720
+ 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"
5721
+ />
5722
+ </svg>
5264
5723
  </span>
5265
5724
 
5266
5725
  <a
@@ -5340,21 +5799,57 @@ wrapperTag: div
5340
5799
  </li>
5341
5800
  <li class="pf-v6-c-breadcrumb__item">
5342
5801
  <span class="pf-v6-c-breadcrumb__item-divider">
5343
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5802
+ <svg
5803
+ class="pf-v6-svg"
5804
+ viewBox="0 0 20 20"
5805
+ fill="currentColor"
5806
+ aria-hidden="true"
5807
+ role="img"
5808
+ width="1em"
5809
+ height="1em"
5810
+ >
5811
+ <path
5812
+ 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"
5813
+ />
5814
+ </svg>
5344
5815
  </span>
5345
5816
 
5346
5817
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
5347
5818
  </li>
5348
5819
  <li class="pf-v6-c-breadcrumb__item">
5349
5820
  <span class="pf-v6-c-breadcrumb__item-divider">
5350
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5821
+ <svg
5822
+ class="pf-v6-svg"
5823
+ viewBox="0 0 20 20"
5824
+ fill="currentColor"
5825
+ aria-hidden="true"
5826
+ role="img"
5827
+ width="1em"
5828
+ height="1em"
5829
+ >
5830
+ <path
5831
+ 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"
5832
+ />
5833
+ </svg>
5351
5834
  </span>
5352
5835
 
5353
5836
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
5354
5837
  </li>
5355
5838
  <li class="pf-v6-c-breadcrumb__item">
5356
5839
  <span class="pf-v6-c-breadcrumb__item-divider">
5357
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5840
+ <svg
5841
+ class="pf-v6-svg"
5842
+ viewBox="0 0 20 20"
5843
+ fill="currentColor"
5844
+ aria-hidden="true"
5845
+ role="img"
5846
+ width="1em"
5847
+ height="1em"
5848
+ >
5849
+ <path
5850
+ 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"
5851
+ />
5852
+ </svg>
5358
5853
  </span>
5359
5854
 
5360
5855
  <a