@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/Drawer/examples/Drawer.md CHANGED
@@ -16,7 +16,7 @@ wrapperTag: div
16
16
  <span class="pf-v6-c-button__text">Skip to content</span>
17
17
  </a>
18
18
  </div>
19
- <header class="pf-v6-c-masthead" id="drawer-collapsed-example-masthead">
19
+ <header class="pf-v6-c-masthead" id="drawer-collapsed-example-docked">
20
20
  <div class="pf-v6-c-masthead__main">
21
21
  <span class="pf-v6-c-masthead__toggle">
22
22
  <button
@@ -58,7 +58,7 @@ wrapperTag: div
58
58
  y1="2.25860997e-13%"
59
59
  x2="32%"
60
60
  y2="100%"
61
- id="linearGradient-drawer-collapsed-example-masthead"
61
+ id="linearGradient-drawer-collapsed-example-docked"
62
62
  >
63
63
  <stop stop-color="#2B9AF3" offset="0%" />
64
64
  <stop
@@ -112,11 +112,11 @@ wrapperTag: div
112
112
  />
113
113
  <path
114
114
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
115
- fill="url(#linearGradient-drawer-collapsed-example-masthead)"
115
+ fill="url(#linearGradient-drawer-collapsed-example-docked)"
116
116
  />
117
117
  <path
118
118
  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"
119
- fill="url(#linearGradient-drawer-collapsed-example-masthead)"
119
+ fill="url(#linearGradient-drawer-collapsed-example-docked)"
120
120
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
121
121
  />
122
122
  </g>
@@ -128,7 +128,7 @@ wrapperTag: div
128
128
  <div class="pf-v6-c-masthead__content">
129
129
  <div
130
130
  class="pf-v6-c-toolbar pf-m-static"
131
- id="drawer-collapsed-example-masthead-toolbar"
131
+ id="drawer-collapsed-example-docked-toolbar"
132
132
  >
133
133
  <div class="pf-v6-c-toolbar__content">
134
134
  <div class="pf-v6-c-toolbar__content-section">
@@ -258,7 +258,19 @@ wrapperTag: div
258
258
  </li>
259
259
  <li class="pf-v6-c-breadcrumb__item">
260
260
  <span class="pf-v6-c-breadcrumb__item-divider">
261
- <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>
262
274
  </span>
263
275
 
264
276
  <a
@@ -268,7 +280,19 @@ wrapperTag: div
268
280
  </li>
269
281
  <li class="pf-v6-c-breadcrumb__item">
270
282
  <span class="pf-v6-c-breadcrumb__item-divider">
271
- <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>
272
296
  </span>
273
297
 
274
298
  <a
@@ -278,7 +302,19 @@ wrapperTag: div
278
302
  </li>
279
303
  <li class="pf-v6-c-breadcrumb__item">
280
304
  <span class="pf-v6-c-breadcrumb__item-divider">
281
- <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>
282
318
  </span>
283
319
 
284
320
  <a
@@ -358,7 +394,19 @@ wrapperTag: div
358
394
  aria-label="Close drawer panel"
359
395
  >
360
396
  <span class="pf-v6-c-button__icon">
361
- <i class="fas fa-times" aria-hidden="true"></i>
397
+ <svg
398
+ class="pf-v6-svg"
399
+ viewBox="0 0 20 20"
400
+ fill="currentColor"
401
+ aria-hidden="true"
402
+ role="img"
403
+ width="1em"
404
+ height="1em"
405
+ >
406
+ <path
407
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
408
+ />
409
+ </svg>
362
410
  </span>
363
411
  </button>
364
412
  </div>
@@ -380,13 +428,21 @@ wrapperTag: div
380
428
  </div>
381
429
  </div>
382
430
  <div class="pf-v6-c-drawer__body pf-m-no-padding">
383
- <div class="pf-v6-c-tabs pf-m-box pf-m-fill">
384
- <ul class="pf-v6-c-tabs__list" role="tablist">
431
+ <div
432
+ class="pf-v6-c-tabs pf-m-box pf-m-fill"
433
+ aria-label="Drawer panel"
434
+ >
435
+ <ul
436
+ class="pf-v6-c-tabs__list"
437
+ role="tablist"
438
+ aria-label="Drawer panel"
439
+ >
385
440
  <li class="pf-v6-c-tabs__item pf-m-current" role="presentation">
386
441
  <button
387
442
  type="button"
388
443
  class="pf-v6-c-tabs__link"
389
444
  role="tab"
445
+ aria-selected="true"
390
446
  id="drawer-collapsed-example-panel-tabs-tab1-link"
391
447
  >
392
448
  <span class="pf-v6-c-tabs__item-text">Overview</span>
@@ -397,6 +453,7 @@ wrapperTag: div
397
453
  type="button"
398
454
  class="pf-v6-c-tabs__link"
399
455
  role="tab"
456
+ aria-selected="false"
400
457
  id="drawer-collapsed-example-panel-tabs-tab2-link"
401
458
  >
402
459
  <span class="pf-v6-c-tabs__item-text">Activity</span>
@@ -502,7 +559,7 @@ wrapperTag: div
502
559
  <span class="pf-v6-c-button__text">Skip to content</span>
503
560
  </a>
504
561
  </div>
505
- <header class="pf-v6-c-masthead" id="drawer-expanded-example-masthead">
562
+ <header class="pf-v6-c-masthead" id="drawer-expanded-example-docked">
506
563
  <div class="pf-v6-c-masthead__main">
507
564
  <span class="pf-v6-c-masthead__toggle">
508
565
  <button
@@ -544,7 +601,7 @@ wrapperTag: div
544
601
  y1="2.25860997e-13%"
545
602
  x2="32%"
546
603
  y2="100%"
547
- id="linearGradient-drawer-expanded-example-masthead"
604
+ id="linearGradient-drawer-expanded-example-docked"
548
605
  >
549
606
  <stop stop-color="#2B9AF3" offset="0%" />
550
607
  <stop
@@ -598,11 +655,11 @@ wrapperTag: div
598
655
  />
599
656
  <path
600
657
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
601
- fill="url(#linearGradient-drawer-expanded-example-masthead)"
658
+ fill="url(#linearGradient-drawer-expanded-example-docked)"
602
659
  />
603
660
  <path
604
661
  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"
605
- fill="url(#linearGradient-drawer-expanded-example-masthead)"
662
+ fill="url(#linearGradient-drawer-expanded-example-docked)"
606
663
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
607
664
  />
608
665
  </g>
@@ -614,7 +671,7 @@ wrapperTag: div
614
671
  <div class="pf-v6-c-masthead__content">
615
672
  <div
616
673
  class="pf-v6-c-toolbar pf-m-static"
617
- id="drawer-expanded-example-masthead-toolbar"
674
+ id="drawer-expanded-example-docked-toolbar"
618
675
  >
619
676
  <div class="pf-v6-c-toolbar__content">
620
677
  <div class="pf-v6-c-toolbar__content-section">
@@ -744,7 +801,19 @@ wrapperTag: div
744
801
  </li>
745
802
  <li class="pf-v6-c-breadcrumb__item">
746
803
  <span class="pf-v6-c-breadcrumb__item-divider">
747
- <i class="fas fa-angle-right" aria-hidden="true"></i>
804
+ <svg
805
+ class="pf-v6-svg"
806
+ viewBox="0 0 20 20"
807
+ fill="currentColor"
808
+ aria-hidden="true"
809
+ role="img"
810
+ width="1em"
811
+ height="1em"
812
+ >
813
+ <path
814
+ 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"
815
+ />
816
+ </svg>
748
817
  </span>
749
818
 
750
819
  <a
@@ -754,7 +823,19 @@ wrapperTag: div
754
823
  </li>
755
824
  <li class="pf-v6-c-breadcrumb__item">
756
825
  <span class="pf-v6-c-breadcrumb__item-divider">
757
- <i class="fas fa-angle-right" aria-hidden="true"></i>
826
+ <svg
827
+ class="pf-v6-svg"
828
+ viewBox="0 0 20 20"
829
+ fill="currentColor"
830
+ aria-hidden="true"
831
+ role="img"
832
+ width="1em"
833
+ height="1em"
834
+ >
835
+ <path
836
+ 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"
837
+ />
838
+ </svg>
758
839
  </span>
759
840
 
760
841
  <a
@@ -764,7 +845,19 @@ wrapperTag: div
764
845
  </li>
765
846
  <li class="pf-v6-c-breadcrumb__item">
766
847
  <span class="pf-v6-c-breadcrumb__item-divider">
767
- <i class="fas fa-angle-right" aria-hidden="true"></i>
848
+ <svg
849
+ class="pf-v6-svg"
850
+ viewBox="0 0 20 20"
851
+ fill="currentColor"
852
+ aria-hidden="true"
853
+ role="img"
854
+ width="1em"
855
+ height="1em"
856
+ >
857
+ <path
858
+ 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"
859
+ />
860
+ </svg>
768
861
  </span>
769
862
 
770
863
  <a
@@ -845,7 +938,7 @@ wrapperTag: div
845
938
  <span class="pf-v6-c-button__text">Skip to content</span>
846
939
  </a>
847
940
  </div>
848
- <header class="pf-v6-c-masthead" id="drawer-expanded-bottom-example-masthead">
941
+ <header class="pf-v6-c-masthead" id="drawer-expanded-bottom-example-docked">
849
942
  <div class="pf-v6-c-masthead__main">
850
943
  <span class="pf-v6-c-masthead__toggle">
851
944
  <button
@@ -887,7 +980,7 @@ wrapperTag: div
887
980
  y1="2.25860997e-13%"
888
981
  x2="32%"
889
982
  y2="100%"
890
- id="linearGradient-drawer-expanded-bottom-example-masthead"
983
+ id="linearGradient-drawer-expanded-bottom-example-docked"
891
984
  >
892
985
  <stop stop-color="#2B9AF3" offset="0%" />
893
986
  <stop
@@ -941,11 +1034,11 @@ wrapperTag: div
941
1034
  />
942
1035
  <path
943
1036
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
944
- fill="url(#linearGradient-drawer-expanded-bottom-example-masthead)"
1037
+ fill="url(#linearGradient-drawer-expanded-bottom-example-docked)"
945
1038
  />
946
1039
  <path
947
1040
  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"
948
- fill="url(#linearGradient-drawer-expanded-bottom-example-masthead)"
1041
+ fill="url(#linearGradient-drawer-expanded-bottom-example-docked)"
949
1042
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
950
1043
  />
951
1044
  </g>
@@ -957,7 +1050,7 @@ wrapperTag: div
957
1050
  <div class="pf-v6-c-masthead__content">
958
1051
  <div
959
1052
  class="pf-v6-c-toolbar pf-m-static"
960
- id="drawer-expanded-bottom-example-masthead-toolbar"
1053
+ id="drawer-expanded-bottom-example-docked-toolbar"
961
1054
  >
962
1055
  <div class="pf-v6-c-toolbar__content">
963
1056
  <div class="pf-v6-c-toolbar__content-section">
@@ -1087,7 +1180,19 @@ wrapperTag: div
1087
1180
  </li>
1088
1181
  <li class="pf-v6-c-breadcrumb__item">
1089
1182
  <span class="pf-v6-c-breadcrumb__item-divider">
1090
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1183
+ <svg
1184
+ class="pf-v6-svg"
1185
+ viewBox="0 0 20 20"
1186
+ fill="currentColor"
1187
+ aria-hidden="true"
1188
+ role="img"
1189
+ width="1em"
1190
+ height="1em"
1191
+ >
1192
+ <path
1193
+ 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"
1194
+ />
1195
+ </svg>
1091
1196
  </span>
1092
1197
 
1093
1198
  <a
@@ -1097,7 +1202,19 @@ wrapperTag: div
1097
1202
  </li>
1098
1203
  <li class="pf-v6-c-breadcrumb__item">
1099
1204
  <span class="pf-v6-c-breadcrumb__item-divider">
1100
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1205
+ <svg
1206
+ class="pf-v6-svg"
1207
+ viewBox="0 0 20 20"
1208
+ fill="currentColor"
1209
+ aria-hidden="true"
1210
+ role="img"
1211
+ width="1em"
1212
+ height="1em"
1213
+ >
1214
+ <path
1215
+ 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"
1216
+ />
1217
+ </svg>
1101
1218
  </span>
1102
1219
 
1103
1220
  <a
@@ -1107,7 +1224,19 @@ wrapperTag: div
1107
1224
  </li>
1108
1225
  <li class="pf-v6-c-breadcrumb__item">
1109
1226
  <span class="pf-v6-c-breadcrumb__item-divider">
1110
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1227
+ <svg
1228
+ class="pf-v6-svg"
1229
+ viewBox="0 0 20 20"
1230
+ fill="currentColor"
1231
+ aria-hidden="true"
1232
+ role="img"
1233
+ width="1em"
1234
+ height="1em"
1235
+ >
1236
+ <path
1237
+ 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"
1238
+ />
1239
+ </svg>
1111
1240
  </span>
1112
1241
 
1113
1242
  <a
@@ -1188,7 +1317,7 @@ wrapperTag: div
1188
1317
  <span class="pf-v6-c-button__text">Skip to content</span>
1189
1318
  </a>
1190
1319
  </div>
1191
- <header class="pf-v6-c-masthead" id="drawer-jump-links-masthead">
1320
+ <header class="pf-v6-c-masthead" id="drawer-jump-links-docked">
1192
1321
  <div class="pf-v6-c-masthead__main">
1193
1322
  <span class="pf-v6-c-masthead__toggle">
1194
1323
  <button
@@ -1230,7 +1359,7 @@ wrapperTag: div
1230
1359
  y1="2.25860997e-13%"
1231
1360
  x2="32%"
1232
1361
  y2="100%"
1233
- id="linearGradient-drawer-jump-links-masthead"
1362
+ id="linearGradient-drawer-jump-links-docked"
1234
1363
  >
1235
1364
  <stop stop-color="#2B9AF3" offset="0%" />
1236
1365
  <stop
@@ -1284,11 +1413,11 @@ wrapperTag: div
1284
1413
  />
1285
1414
  <path
1286
1415
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1287
- fill="url(#linearGradient-drawer-jump-links-masthead)"
1416
+ fill="url(#linearGradient-drawer-jump-links-docked)"
1288
1417
  />
1289
1418
  <path
1290
1419
  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"
1291
- fill="url(#linearGradient-drawer-jump-links-masthead)"
1420
+ fill="url(#linearGradient-drawer-jump-links-docked)"
1292
1421
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1293
1422
  />
1294
1423
  </g>
@@ -1300,7 +1429,7 @@ wrapperTag: div
1300
1429
  <div class="pf-v6-c-masthead__content">
1301
1430
  <div
1302
1431
  class="pf-v6-c-toolbar pf-m-static"
1303
- id="drawer-jump-links-masthead-toolbar"
1432
+ id="drawer-jump-links-docked-toolbar"
1304
1433
  >
1305
1434
  <div class="pf-v6-c-toolbar__content">
1306
1435
  <div class="pf-v6-c-toolbar__content-section">
@@ -1437,10 +1566,19 @@ wrapperTag: div
1437
1566
  >
1438
1567
  <span class="pf-v6-c-button__icon pf-m-start">
1439
1568
  <span class="pf-v6-c-jump-links__toggle-icon">
1440
- <i
1441
- class="fas fa-angle-right"
1569
+ <svg
1570
+ class="pf-v6-svg"
1571
+ viewBox="0 0 20 20"
1572
+ fill="currentColor"
1442
1573
  aria-hidden="true"
1443
- ></i>
1574
+ role="img"
1575
+ width="1em"
1576
+ height="1em"
1577
+ >
1578
+ <path
1579
+ 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"
1580
+ />
1581
+ </svg>
1444
1582
  </span>
1445
1583
  </span>
1446
1584
  <span
@@ -1579,7 +1717,19 @@ wrapperTag: div
1579
1717
  aria-label="Close drawer panel"
1580
1718
  >
1581
1719
  <span class="pf-v6-c-button__icon">
1582
- <i class="fas fa-times" aria-hidden="true"></i>
1720
+ <svg
1721
+ class="pf-v6-svg"
1722
+ viewBox="0 0 20 20"
1723
+ fill="currentColor"
1724
+ aria-hidden="true"
1725
+ role="img"
1726
+ width="1em"
1727
+ height="1em"
1728
+ >
1729
+ <path
1730
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
1731
+ />
1732
+ </svg>
1583
1733
  </span>
1584
1734
  </button>
1585
1735
  </div>
@@ -1610,7 +1760,7 @@ wrapperTag: div
1610
1760
  <span class="pf-v6-c-button__text">Skip to content</span>
1611
1761
  </a>
1612
1762
  </div>
1613
- <header class="pf-v6-c-masthead" id="drawer-expanded-jump-links-masthead">
1763
+ <header class="pf-v6-c-masthead" id="drawer-expanded-jump-links-docked">
1614
1764
  <div class="pf-v6-c-masthead__main">
1615
1765
  <span class="pf-v6-c-masthead__toggle">
1616
1766
  <button
@@ -1652,7 +1802,7 @@ wrapperTag: div
1652
1802
  y1="2.25860997e-13%"
1653
1803
  x2="32%"
1654
1804
  y2="100%"
1655
- id="linearGradient-drawer-expanded-jump-links-masthead"
1805
+ id="linearGradient-drawer-expanded-jump-links-docked"
1656
1806
  >
1657
1807
  <stop stop-color="#2B9AF3" offset="0%" />
1658
1808
  <stop
@@ -1706,11 +1856,11 @@ wrapperTag: div
1706
1856
  />
1707
1857
  <path
1708
1858
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1709
- fill="url(#linearGradient-drawer-expanded-jump-links-masthead)"
1859
+ fill="url(#linearGradient-drawer-expanded-jump-links-docked)"
1710
1860
  />
1711
1861
  <path
1712
1862
  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"
1713
- fill="url(#linearGradient-drawer-expanded-jump-links-masthead)"
1863
+ fill="url(#linearGradient-drawer-expanded-jump-links-docked)"
1714
1864
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1715
1865
  />
1716
1866
  </g>
@@ -1722,7 +1872,7 @@ wrapperTag: div
1722
1872
  <div class="pf-v6-c-masthead__content">
1723
1873
  <div
1724
1874
  class="pf-v6-c-toolbar pf-m-static"
1725
- id="drawer-expanded-jump-links-masthead-toolbar"
1875
+ id="drawer-expanded-jump-links-docked-toolbar"
1726
1876
  >
1727
1877
  <div class="pf-v6-c-toolbar__content">
1728
1878
  <div class="pf-v6-c-toolbar__content-section">
@@ -1859,10 +2009,19 @@ wrapperTag: div
1859
2009
  >
1860
2010
  <span class="pf-v6-c-button__icon pf-m-start">
1861
2011
  <span class="pf-v6-c-jump-links__toggle-icon">
1862
- <i
1863
- class="fas fa-angle-right"
2012
+ <svg
2013
+ class="pf-v6-svg"
2014
+ viewBox="0 0 20 20"
2015
+ fill="currentColor"
1864
2016
  aria-hidden="true"
1865
- ></i>
2017
+ role="img"
2018
+ width="1em"
2019
+ height="1em"
2020
+ >
2021
+ <path
2022
+ 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"
2023
+ />
2024
+ </svg>
1866
2025
  </span>
1867
2026
  </span>
1868
2027
  <span
@@ -2001,7 +2160,19 @@ wrapperTag: div
2001
2160
  aria-label="Close drawer panel"
2002
2161
  >
2003
2162
  <span class="pf-v6-c-button__icon">
2004
- <i class="fas fa-times" aria-hidden="true"></i>
2163
+ <svg
2164
+ class="pf-v6-svg"
2165
+ viewBox="0 0 20 20"
2166
+ fill="currentColor"
2167
+ aria-hidden="true"
2168
+ role="img"
2169
+ width="1em"
2170
+ height="1em"
2171
+ >
2172
+ <path
2173
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2174
+ />
2175
+ </svg>
2005
2176
  </span>
2006
2177
  </button>
2007
2178
  </div>