@patternfly/patternfly 6.5.0-prerelease.4 → 6.5.0-prerelease.41

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 (338) 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 +16 -13
  32. package/components/Accordion/accordion.scss +0 -1
  33. package/components/ActionList/action-list.css +2 -0
  34. package/components/ActionList/action-list.scss +2 -0
  35. package/components/Alert/alert.css +5 -4
  36. package/components/Avatar/avatar.css +12 -4
  37. package/components/BackgroundImage/background-image.css +6 -3
  38. package/components/Banner/banner.css +8 -6
  39. package/components/Brand/brand.css +3 -1
  40. package/components/Breadcrumb/breadcrumb.css +4 -3
  41. package/components/Button/button.css +39 -9
  42. package/components/Button/button.scss +40 -4
  43. package/components/CalendarMonth/calendar-month.css +4 -3
  44. package/components/Card/card.css +19 -6
  45. package/components/Card/card.scss +15 -1
  46. package/components/ClipboardCopy/clipboard-copy.css +4 -3
  47. package/components/CodeEditor/code-editor.css +1 -1
  48. package/components/CodeEditor/code-editor.scss +1 -1
  49. package/components/Compass/compass.css +320 -0
  50. package/components/Compass/compass.scss +349 -0
  51. package/components/DataList/data-list.css +33 -22
  52. package/components/DataList/data-list.scss +6 -1
  53. package/components/DescriptionList/description-list-order.scss +5 -1
  54. package/components/DescriptionList/description-list.css +7 -5
  55. package/components/DescriptionList/description-list.scss +5 -1
  56. package/components/Divider/divider.css +7 -5
  57. package/components/Drawer/drawer.css +110 -56
  58. package/components/Drawer/drawer.scss +69 -9
  59. package/components/DualListSelector/dual-list-selector.css +17 -11
  60. package/components/ExpandableSection/expandable-section.css +19 -14
  61. package/components/ExpandableSection/expandable-section.scss +4 -1
  62. package/components/Form/form.css +1 -1
  63. package/components/Form/form.scss +1 -1
  64. package/components/FormControl/form-control.css +1 -1
  65. package/components/FormControl/form-control.scss +1 -1
  66. package/components/Hero/hero.css +74 -0
  67. package/components/Hero/hero.scss +86 -0
  68. package/components/JumpLinks/jump-links.css +4 -3
  69. package/components/JumpLinks/jump-links.scss +5 -1
  70. package/components/Label/label-group.css +2 -2
  71. package/components/Label/label-group.scss +2 -2
  72. package/components/Label/label.css +4 -3
  73. package/components/Login/login.css +51 -37
  74. package/components/Masthead/masthead.css +70 -16
  75. package/components/Masthead/masthead.scss +54 -1
  76. package/components/Menu/menu.css +23 -14
  77. package/components/MenuToggle/menu-toggle.css +4 -0
  78. package/components/MenuToggle/menu-toggle.scss +5 -0
  79. package/components/ModalBox/modal-box.css +9 -7
  80. package/components/ModalBox/modal-box.scss +2 -2
  81. package/components/Nav/nav.css +72 -9
  82. package/components/Nav/nav.scss +75 -3
  83. package/components/NotificationDrawer/notification-drawer.css +8 -6
  84. package/components/NotificationDrawer/notification-drawer.scss +2 -0
  85. package/components/Page/page.css +55 -29
  86. package/components/Page/page.scss +44 -5
  87. package/components/Pagination/pagination.scss +5 -1
  88. package/components/ProgressStepper/progress-stepper.scss +5 -1
  89. package/components/Sidebar/sidebar.css +1 -1
  90. package/components/Sidebar/sidebar.scss +7 -3
  91. package/components/Skeleton/skeleton.css +16 -15
  92. package/components/Slider/slider.css +32 -18
  93. package/components/Switch/switch.css +3 -1
  94. package/components/Table/table-grid.css +28 -36
  95. package/components/Table/table-grid.scss +4 -4
  96. package/components/Table/table-tree-view.css +4 -2
  97. package/components/Table/table.css +31 -27
  98. package/components/Tabs/tabs.css +33 -16
  99. package/components/Tabs/tabs.scss +33 -5
  100. package/components/Toolbar/toolbar.css +46 -14
  101. package/components/Toolbar/toolbar.scss +33 -5
  102. package/components/TreeView/tree-view.css +44 -13
  103. package/components/TreeView/tree-view.scss +31 -0
  104. package/components/Wizard/wizard.css +20 -16
  105. package/components/Wizard/wizard.scss +3 -3
  106. package/components/_index.css +1460 -633
  107. package/components/_index.scss +3 -1
  108. package/docs/components/Avatar/examples/Avatar.md +4 -4
  109. package/docs/components/Brand/examples/Brand.md +2 -2
  110. package/docs/components/Button/examples/Button.md +116 -0
  111. package/docs/components/Card/examples/Card.md +154 -0
  112. package/docs/components/Compass/examples/Compass.css +17 -0
  113. package/docs/components/Compass/examples/Compass.md +118 -0
  114. package/docs/components/DataList/examples/DataList.md +184 -188
  115. package/docs/components/DescriptionList/examples/DescriptionList.md +2 -2
  116. package/docs/components/Divider/examples/Divider.md +2 -2
  117. package/docs/components/Drawer/examples/Drawer.md +83 -17
  118. package/docs/components/Hero/examples/Hero.md +25 -0
  119. package/docs/components/Icon/examples/Icon.md +1 -1
  120. package/docs/components/InputGroup/examples/InputGroup.md +1 -1
  121. package/docs/components/JumpLinks/examples/JumpLinks.md +2 -2
  122. package/docs/components/Masthead/examples/masthead.md +68 -1
  123. package/docs/components/Menu/examples/Menu.md +2 -2
  124. package/docs/components/MenuToggle/examples/MenuToggle.md +40 -0
  125. package/docs/components/ModalBox/examples/ModalBox.md +1 -1
  126. package/docs/components/Nav/examples/Navigation.md +44 -0
  127. package/docs/components/Page/examples/Page.md +39 -2
  128. package/docs/components/Pagination/examples/Pagination.md +3 -3
  129. package/docs/components/ProgressStepper/examples/ProgressStepper.md +2 -2
  130. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  131. package/docs/components/Table/examples/Table.md +4 -3
  132. package/docs/components/Tabs/examples/Tabs.md +998 -83
  133. package/docs/components/Toolbar/examples/Toolbar.md +35 -7
  134. package/docs/components/TreeView/examples/TreeView.md +38 -26
  135. package/docs/components/Wizard/examples/Wizard.md +15 -15
  136. package/docs/demos/AboutModal/examples/AboutModal.md +5 -5
  137. package/docs/demos/Alert/examples/Alert.md +15 -15
  138. package/docs/demos/BackToTop/examples/BackToTop.md +5 -5
  139. package/docs/demos/Banner/examples/Banner.md +10 -10
  140. package/docs/demos/Card/examples/Card.md +14 -2
  141. package/docs/demos/CardView/examples/CardView.md +5 -5
  142. package/docs/demos/Compass/examples/Compass.md +6470 -0
  143. package/docs/demos/Dashboard/examples/Dashboard.md +6 -9
  144. package/docs/demos/DataList/examples/DataList.md +20 -23
  145. package/docs/demos/DescriptionList/examples/DescriptionList.md +57 -50
  146. package/docs/demos/Drawer/examples/Drawer.md +67 -60
  147. package/docs/demos/JumpLinks/examples/JumpLinks.md +30 -30
  148. package/docs/demos/Masthead/examples/Masthead.md +55 -58
  149. package/docs/demos/Modal/examples/Modal.md +30 -33
  150. package/docs/demos/Nav/examples/Nav.md +299 -62
  151. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +25 -25
  152. package/docs/demos/Page/examples/Page.md +70 -79
  153. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +178 -200
  154. package/docs/demos/Skeleton/examples/Skeleton.md +5 -5
  155. package/docs/demos/Table/examples/Table.md +1922 -78
  156. package/docs/demos/Tabs/examples/Tabs.md +102 -39
  157. package/docs/demos/Toolbar/examples/Toolbar.md +10 -10
  158. package/docs/demos/Wizard/examples/Wizard.md +76 -82
  159. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  160. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  161. package/docs/layouts/Flex/examples/Flex.css +3 -3
  162. package/docs/layouts/Flex/examples/Flex.md +3 -2
  163. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  164. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  165. package/docs/layouts/Grid/examples/Grid.css +1 -1
  166. package/docs/layouts/Grid/examples/Grid.md +6 -5
  167. package/docs/layouts/Level/examples/Level.css +3 -3
  168. package/docs/layouts/Level/examples/Level.md +2 -1
  169. package/docs/layouts/Split/examples/Split.css +1 -1
  170. package/docs/layouts/Split/examples/Split.md +2 -1
  171. package/docs/layouts/Stack/examples/Stack.css +3 -3
  172. package/docs/layouts/Stack/examples/Stack.md +2 -1
  173. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  174. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  175. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  176. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  177. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  178. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  179. package/docs/utilities/Display/examples/Display.css +1 -1
  180. package/docs/utilities/Display/examples/Display.md +3 -2
  181. package/docs/utilities/Flex/examples/Flex.css +7 -7
  182. package/docs/utilities/Flex/examples/Flex.md +3 -2
  183. package/docs/utilities/Float/examples/Float.css +2 -2
  184. package/docs/utilities/Float/examples/Float.md +3 -2
  185. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  186. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  187. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  188. package/docs/utilities/Text/examples/Text.md +5 -4
  189. package/icons/PfIcons/add-circle-o.svg +4 -0
  190. package/icons/PfIcons/ansible-tower.svg +4 -0
  191. package/icons/PfIcons/applications.svg +4 -0
  192. package/icons/PfIcons/arrow.svg +4 -0
  193. package/icons/PfIcons/asleep.svg +4 -0
  194. package/icons/PfIcons/attention-bell.svg +4 -0
  195. package/icons/PfIcons/automation.svg +4 -0
  196. package/icons/PfIcons/bell.svg +4 -0
  197. package/icons/PfIcons/blueprint.svg +4 -0
  198. package/icons/PfIcons/build.svg +4 -0
  199. package/icons/PfIcons/builder-image.svg +4 -0
  200. package/icons/PfIcons/bundle.svg +4 -0
  201. package/icons/PfIcons/catalog.svg +4 -0
  202. package/icons/PfIcons/chat.svg +4 -0
  203. package/icons/PfIcons/close.svg +4 -0
  204. package/icons/PfIcons/cloud-security.svg +4 -0
  205. package/icons/PfIcons/cloud-tenant.svg +4 -0
  206. package/icons/PfIcons/cluster.svg +4 -0
  207. package/icons/PfIcons/connected.svg +4 -0
  208. package/icons/PfIcons/container-node.svg +4 -0
  209. package/icons/PfIcons/cpu.svg +4 -0
  210. package/icons/PfIcons/critical-risk.svg +4 -0
  211. package/icons/PfIcons/data-processor.svg +4 -0
  212. package/icons/PfIcons/data-sink.svg +4 -0
  213. package/icons/PfIcons/data-source.svg +4 -0
  214. package/icons/PfIcons/degraded.svg +4 -0
  215. package/icons/PfIcons/disconnected.svg +4 -0
  216. package/icons/PfIcons/domain.svg +4 -0
  217. package/icons/PfIcons/edit.svg +4 -0
  218. package/icons/PfIcons/enhancement.svg +4 -0
  219. package/icons/PfIcons/enterprise.svg +4 -0
  220. package/icons/PfIcons/equalizer.svg +4 -0
  221. package/icons/PfIcons/error-circle-o.svg +4 -0
  222. package/icons/PfIcons/export.svg +4 -0
  223. package/icons/PfIcons/filter.svg +4 -0
  224. package/icons/PfIcons/flavor.svg +4 -0
  225. package/icons/PfIcons/folder-close.svg +4 -0
  226. package/icons/PfIcons/folder-open.svg +4 -0
  227. package/icons/PfIcons/globe-route.svg +4 -0
  228. package/icons/PfIcons/help.svg +4 -0
  229. package/icons/PfIcons/history.svg +4 -0
  230. package/icons/PfIcons/home.svg +4 -0
  231. package/icons/PfIcons/import.svg +4 -0
  232. package/icons/PfIcons/in-progress.svg +4 -0
  233. package/icons/PfIcons/info.svg +4 -0
  234. package/icons/PfIcons/infrastructure.svg +4 -0
  235. package/icons/PfIcons/integration.svg +4 -0
  236. package/icons/PfIcons/key.svg +4 -0
  237. package/icons/PfIcons/locked.svg +4 -0
  238. package/icons/PfIcons/maintenance.svg +4 -0
  239. package/icons/PfIcons/memory.svg +4 -0
  240. package/icons/PfIcons/messages.svg +4 -0
  241. package/icons/PfIcons/middleware.svg +4 -0
  242. package/icons/PfIcons/migration.svg +4 -0
  243. package/icons/PfIcons/module.svg +4 -0
  244. package/icons/PfIcons/monitoring.svg +4 -0
  245. package/icons/PfIcons/multicluster.svg +4 -0
  246. package/icons/PfIcons/namespaces.svg +4 -0
  247. package/icons/PfIcons/network.svg +4 -0
  248. package/icons/PfIcons/new-process.svg +4 -0
  249. package/icons/PfIcons/not-started.svg +4 -0
  250. package/icons/PfIcons/off.svg +4 -0
  251. package/icons/PfIcons/ok.svg +4 -0
  252. package/icons/PfIcons/on-running.svg +4 -0
  253. package/icons/PfIcons/on.svg +4 -0
  254. package/icons/PfIcons/open-drawer-right.svg +4 -0
  255. package/icons/PfIcons/openshift.svg +4 -0
  256. package/icons/PfIcons/openstack.svg +4 -0
  257. package/icons/PfIcons/optimize.svg +4 -0
  258. package/icons/PfIcons/orders.svg +4 -0
  259. package/icons/PfIcons/os-image.svg +4 -0
  260. package/icons/PfIcons/package.svg +4 -0
  261. package/icons/PfIcons/panel-close.svg +4 -0
  262. package/icons/PfIcons/panel-open.svg +4 -0
  263. package/icons/PfIcons/paused.svg +4 -0
  264. package/icons/PfIcons/pending.svg +4 -0
  265. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  266. package/icons/PfIcons/pficon-history.svg +4 -0
  267. package/icons/PfIcons/pficon-network-range.svg +4 -0
  268. package/icons/PfIcons/pficon-satellite.svg +4 -0
  269. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  270. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  271. package/icons/PfIcons/pficon-template.svg +4 -0
  272. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  273. package/icons/PfIcons/plugged.svg +4 -0
  274. package/icons/PfIcons/port.svg +4 -0
  275. package/icons/PfIcons/print.svg +4 -0
  276. package/icons/PfIcons/private.svg +4 -0
  277. package/icons/PfIcons/process-automation.svg +4 -0
  278. package/icons/PfIcons/project.svg +4 -0
  279. package/icons/PfIcons/rebalance.svg +4 -0
  280. package/icons/PfIcons/rebooting.svg +4 -0
  281. package/icons/PfIcons/regions.svg +4 -0
  282. package/icons/PfIcons/registry.svg +4 -0
  283. package/icons/PfIcons/remove2.svg +4 -0
  284. package/icons/PfIcons/replicator.svg +4 -0
  285. package/icons/PfIcons/repository.svg +4 -0
  286. package/icons/PfIcons/resource-pool.svg +4 -0
  287. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  288. package/icons/PfIcons/resources-almost-full.svg +4 -0
  289. package/icons/PfIcons/resources-empty.svg +4 -0
  290. package/icons/PfIcons/resources-full.svg +4 -0
  291. package/icons/PfIcons/running.svg +4 -0
  292. package/icons/PfIcons/save.svg +4 -0
  293. package/icons/PfIcons/screen.svg +4 -0
  294. package/icons/PfIcons/security.svg +4 -0
  295. package/icons/PfIcons/server-group.svg +4 -0
  296. package/icons/PfIcons/server.svg +4 -0
  297. package/icons/PfIcons/service-catalog.svg +4 -0
  298. package/icons/PfIcons/service.svg +4 -0
  299. package/icons/PfIcons/services.svg +4 -0
  300. package/icons/PfIcons/severity-critical.svg +4 -0
  301. package/icons/PfIcons/severity-important.svg +4 -0
  302. package/icons/PfIcons/severity-minor.svg +4 -0
  303. package/icons/PfIcons/severity-moderate.svg +4 -0
  304. package/icons/PfIcons/severity-none.svg +4 -0
  305. package/icons/PfIcons/severity-undefined.svg +4 -0
  306. package/icons/PfIcons/spinner.svg +4 -0
  307. package/icons/PfIcons/spinner2.svg +4 -0
  308. package/icons/PfIcons/storage-domain.svg +4 -0
  309. package/icons/PfIcons/task.svg +4 -0
  310. package/icons/PfIcons/tenant.svg +4 -0
  311. package/icons/PfIcons/thumb-tack.svg +4 -0
  312. package/icons/PfIcons/topology.svg +4 -0
  313. package/icons/PfIcons/treeview.svg +4 -0
  314. package/icons/PfIcons/trend-down.svg +4 -0
  315. package/icons/PfIcons/trend-up.svg +4 -0
  316. package/icons/PfIcons/unknown.svg +4 -0
  317. package/icons/PfIcons/unlocked.svg +4 -0
  318. package/icons/PfIcons/unplugged.svg +4 -0
  319. package/icons/PfIcons/user.svg +4 -0
  320. package/icons/PfIcons/users.svg +4 -0
  321. package/icons/PfIcons/virtual-machine.svg +4 -0
  322. package/icons/PfIcons/volume.svg +4 -0
  323. package/icons/PfIcons/warning-triangle.svg +4 -0
  324. package/icons/PfIcons/zone.svg +4 -0
  325. package/layouts/Flex/flex.scss +83 -19
  326. package/layouts/Gallery/gallery.css +6 -2
  327. package/layouts/_index.css +6 -2
  328. package/package.json +34 -16
  329. package/patternfly-base-no-globals.css +406 -14
  330. package/patternfly-base.css +413 -14
  331. package/patternfly-charts.css +3 -3
  332. package/patternfly-no-globals.css +1796 -573
  333. package/patternfly.css +1803 -573
  334. package/patternfly.min.css +1 -1
  335. package/patternfly.min.css.map +1 -1
  336. package/sass-utilities/functions.scss +32 -25
  337. package/sass-utilities/mixins.scss +36 -20
  338. 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">
@@ -338,57 +338,63 @@ wrapperTag: div
338
338
  </div>
339
339
  </div>
340
340
  <div class="pf-v6-c-drawer__panel pf-m-width-33-on-lg" hidden>
341
- <div class="pf-v6-c-drawer__body">
342
- <div class="pf-v6-c-drawer__head">
343
- <div class="pf-v6-c-drawer__actions">
341
+ <div class="pf-v6-c-drawer__head">
342
+ <div class="pf-v6-c-drawer__actions">
343
+ <button
344
+ class="pf-v6-c-menu-toggle pf-m-plain"
345
+ type="button"
346
+ aria-expanded="false"
347
+ aria-label="Menu toggle"
348
+ id="drawer-collapsed-example-toggle"
349
+ >
350
+ <span class="pf-v6-c-menu-toggle__icon">
351
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
352
+ </span>
353
+ </button>
354
+ <div class="pf-v6-c-drawer__close">
344
355
  <button
345
- class="pf-v6-c-menu-toggle pf-m-plain"
356
+ class="pf-v6-c-button pf-m-plain"
346
357
  type="button"
347
- aria-expanded="false"
348
- aria-label="Menu toggle"
349
- id="drawer-collapsed-example-toggle"
358
+ aria-label="Close drawer panel"
350
359
  >
351
- <span class="pf-v6-c-menu-toggle__icon">
352
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
360
+ <span class="pf-v6-c-button__icon">
361
+ <i class="fas fa-times" aria-hidden="true"></i>
353
362
  </span>
354
363
  </button>
355
- <div class="pf-v6-c-drawer__close">
356
- <button
357
- class="pf-v6-c-button pf-m-plain"
358
- type="button"
359
- aria-label="Close drawer panel"
360
- >
361
- <span class="pf-v6-c-button__icon">
362
- <i class="fas fa-times" aria-hidden="true"></i>
363
- </span>
364
- </button>
365
- </div>
366
364
  </div>
367
- <div class="pf-v6-l-flex pf-m-space-items-sm">
368
- <div class="pf-v6-l-flex__item">
369
- <span class="pf-v6-c-label pf-m-compact pf-m-blue">
370
- <span class="pf-v6-c-label__content">
371
- <span class="pf-v6-c-label__text">DC</span>
372
- </span>
365
+ </div>
366
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
367
+ <div class="pf-v6-l-flex__item">
368
+ <span class="pf-v6-c-label pf-m-compact pf-m-blue">
369
+ <span class="pf-v6-c-label__content">
370
+ <span class="pf-v6-c-label__text">DC</span>
373
371
  </span>
374
- </div>
375
- <div class="pf-v6-l-flex__item">
376
- <h2
377
- class="pf-v6-c-title pf-m-xl"
378
- id="drawer-collapsed-example-drawer-label"
379
- >mary-test</h2>
380
- </div>
372
+ </span>
373
+ </div>
374
+ <div class="pf-v6-l-flex__item">
375
+ <h2
376
+ class="pf-v6-c-title pf-m-xl"
377
+ id="drawer-collapsed-example-drawer-label"
378
+ >mary-test</h2>
381
379
  </div>
382
380
  </div>
383
381
  </div>
384
382
  <div class="pf-v6-c-drawer__body pf-m-no-padding">
385
- <div class="pf-v6-c-tabs pf-m-box pf-m-fill">
386
- <ul class="pf-v6-c-tabs__list" role="tablist">
383
+ <div
384
+ class="pf-v6-c-tabs pf-m-box pf-m-fill"
385
+ aria-label="Drawer panel"
386
+ >
387
+ <ul
388
+ class="pf-v6-c-tabs__list"
389
+ role="tablist"
390
+ aria-label="Drawer panel"
391
+ >
387
392
  <li class="pf-v6-c-tabs__item pf-m-current" role="presentation">
388
393
  <button
389
394
  type="button"
390
395
  class="pf-v6-c-tabs__link"
391
396
  role="tab"
397
+ aria-selected="true"
392
398
  id="drawer-collapsed-example-panel-tabs-tab1-link"
393
399
  >
394
400
  <span class="pf-v6-c-tabs__item-text">Overview</span>
@@ -399,6 +405,7 @@ wrapperTag: div
399
405
  type="button"
400
406
  class="pf-v6-c-tabs__link"
401
407
  role="tab"
408
+ aria-selected="false"
402
409
  id="drawer-collapsed-example-panel-tabs-tab2-link"
403
410
  >
404
411
  <span class="pf-v6-c-tabs__item-text">Activity</span>
@@ -504,7 +511,7 @@ wrapperTag: div
504
511
  <span class="pf-v6-c-button__text">Skip to content</span>
505
512
  </a>
506
513
  </div>
507
- <header class="pf-v6-c-masthead" id="drawer-expanded-example-masthead">
514
+ <header class="pf-v6-c-masthead" id="drawer-expanded-example-docked">
508
515
  <div class="pf-v6-c-masthead__main">
509
516
  <span class="pf-v6-c-masthead__toggle">
510
517
  <button
@@ -546,7 +553,7 @@ wrapperTag: div
546
553
  y1="2.25860997e-13%"
547
554
  x2="32%"
548
555
  y2="100%"
549
- id="linearGradient-drawer-expanded-example-masthead"
556
+ id="linearGradient-drawer-expanded-example-docked"
550
557
  >
551
558
  <stop stop-color="#2B9AF3" offset="0%" />
552
559
  <stop
@@ -600,11 +607,11 @@ wrapperTag: div
600
607
  />
601
608
  <path
602
609
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
603
- fill="url(#linearGradient-drawer-expanded-example-masthead)"
610
+ fill="url(#linearGradient-drawer-expanded-example-docked)"
604
611
  />
605
612
  <path
606
613
  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"
607
- fill="url(#linearGradient-drawer-expanded-example-masthead)"
614
+ fill="url(#linearGradient-drawer-expanded-example-docked)"
608
615
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
609
616
  />
610
617
  </g>
@@ -616,7 +623,7 @@ wrapperTag: div
616
623
  <div class="pf-v6-c-masthead__content">
617
624
  <div
618
625
  class="pf-v6-c-toolbar pf-m-static"
619
- id="drawer-expanded-example-masthead-toolbar"
626
+ id="drawer-expanded-example-docked-toolbar"
620
627
  >
621
628
  <div class="pf-v6-c-toolbar__content">
622
629
  <div class="pf-v6-c-toolbar__content-section">
@@ -847,7 +854,7 @@ wrapperTag: div
847
854
  <span class="pf-v6-c-button__text">Skip to content</span>
848
855
  </a>
849
856
  </div>
850
- <header class="pf-v6-c-masthead" id="drawer-expanded-bottom-example-masthead">
857
+ <header class="pf-v6-c-masthead" id="drawer-expanded-bottom-example-docked">
851
858
  <div class="pf-v6-c-masthead__main">
852
859
  <span class="pf-v6-c-masthead__toggle">
853
860
  <button
@@ -889,7 +896,7 @@ wrapperTag: div
889
896
  y1="2.25860997e-13%"
890
897
  x2="32%"
891
898
  y2="100%"
892
- id="linearGradient-drawer-expanded-bottom-example-masthead"
899
+ id="linearGradient-drawer-expanded-bottom-example-docked"
893
900
  >
894
901
  <stop stop-color="#2B9AF3" offset="0%" />
895
902
  <stop
@@ -943,11 +950,11 @@ wrapperTag: div
943
950
  />
944
951
  <path
945
952
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
946
- fill="url(#linearGradient-drawer-expanded-bottom-example-masthead)"
953
+ fill="url(#linearGradient-drawer-expanded-bottom-example-docked)"
947
954
  />
948
955
  <path
949
956
  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"
950
- fill="url(#linearGradient-drawer-expanded-bottom-example-masthead)"
957
+ fill="url(#linearGradient-drawer-expanded-bottom-example-docked)"
951
958
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
952
959
  />
953
960
  </g>
@@ -959,7 +966,7 @@ wrapperTag: div
959
966
  <div class="pf-v6-c-masthead__content">
960
967
  <div
961
968
  class="pf-v6-c-toolbar pf-m-static"
962
- id="drawer-expanded-bottom-example-masthead-toolbar"
969
+ id="drawer-expanded-bottom-example-docked-toolbar"
963
970
  >
964
971
  <div class="pf-v6-c-toolbar__content">
965
972
  <div class="pf-v6-c-toolbar__content-section">
@@ -1190,7 +1197,7 @@ wrapperTag: div
1190
1197
  <span class="pf-v6-c-button__text">Skip to content</span>
1191
1198
  </a>
1192
1199
  </div>
1193
- <header class="pf-v6-c-masthead" id="drawer-jump-links-masthead">
1200
+ <header class="pf-v6-c-masthead" id="drawer-jump-links-docked">
1194
1201
  <div class="pf-v6-c-masthead__main">
1195
1202
  <span class="pf-v6-c-masthead__toggle">
1196
1203
  <button
@@ -1232,7 +1239,7 @@ wrapperTag: div
1232
1239
  y1="2.25860997e-13%"
1233
1240
  x2="32%"
1234
1241
  y2="100%"
1235
- id="linearGradient-drawer-jump-links-masthead"
1242
+ id="linearGradient-drawer-jump-links-docked"
1236
1243
  >
1237
1244
  <stop stop-color="#2B9AF3" offset="0%" />
1238
1245
  <stop
@@ -1286,11 +1293,11 @@ wrapperTag: div
1286
1293
  />
1287
1294
  <path
1288
1295
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1289
- fill="url(#linearGradient-drawer-jump-links-masthead)"
1296
+ fill="url(#linearGradient-drawer-jump-links-docked)"
1290
1297
  />
1291
1298
  <path
1292
1299
  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"
1293
- fill="url(#linearGradient-drawer-jump-links-masthead)"
1300
+ fill="url(#linearGradient-drawer-jump-links-docked)"
1294
1301
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1295
1302
  />
1296
1303
  </g>
@@ -1302,7 +1309,7 @@ wrapperTag: div
1302
1309
  <div class="pf-v6-c-masthead__content">
1303
1310
  <div
1304
1311
  class="pf-v6-c-toolbar pf-m-static"
1305
- id="drawer-jump-links-masthead-toolbar"
1312
+ id="drawer-jump-links-docked-toolbar"
1306
1313
  >
1307
1314
  <div class="pf-v6-c-toolbar__content">
1308
1315
  <div class="pf-v6-c-toolbar__content-section">
@@ -1612,7 +1619,7 @@ wrapperTag: div
1612
1619
  <span class="pf-v6-c-button__text">Skip to content</span>
1613
1620
  </a>
1614
1621
  </div>
1615
- <header class="pf-v6-c-masthead" id="drawer-expanded-jump-links-masthead">
1622
+ <header class="pf-v6-c-masthead" id="drawer-expanded-jump-links-docked">
1616
1623
  <div class="pf-v6-c-masthead__main">
1617
1624
  <span class="pf-v6-c-masthead__toggle">
1618
1625
  <button
@@ -1654,7 +1661,7 @@ wrapperTag: div
1654
1661
  y1="2.25860997e-13%"
1655
1662
  x2="32%"
1656
1663
  y2="100%"
1657
- id="linearGradient-drawer-expanded-jump-links-masthead"
1664
+ id="linearGradient-drawer-expanded-jump-links-docked"
1658
1665
  >
1659
1666
  <stop stop-color="#2B9AF3" offset="0%" />
1660
1667
  <stop
@@ -1708,11 +1715,11 @@ wrapperTag: div
1708
1715
  />
1709
1716
  <path
1710
1717
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1711
- fill="url(#linearGradient-drawer-expanded-jump-links-masthead)"
1718
+ fill="url(#linearGradient-drawer-expanded-jump-links-docked)"
1712
1719
  />
1713
1720
  <path
1714
1721
  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"
1715
- fill="url(#linearGradient-drawer-expanded-jump-links-masthead)"
1722
+ fill="url(#linearGradient-drawer-expanded-jump-links-docked)"
1716
1723
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1717
1724
  />
1718
1725
  </g>
@@ -1724,7 +1731,7 @@ wrapperTag: div
1724
1731
  <div class="pf-v6-c-masthead__content">
1725
1732
  <div
1726
1733
  class="pf-v6-c-toolbar pf-m-static"
1727
- id="drawer-expanded-jump-links-masthead-toolbar"
1734
+ id="drawer-expanded-jump-links-docked-toolbar"
1728
1735
  >
1729
1736
  <div class="pf-v6-c-toolbar__content">
1730
1737
  <div class="pf-v6-c-toolbar__content-section">
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -17,7 +17,7 @@ section: components
17
17
  </div>
18
18
  <header
19
19
  class="pf-v6-c-masthead"
20
- id="jump-links-collapsed-mobile-example-masthead"
20
+ id="jump-links-collapsed-mobile-example-docked"
21
21
  >
22
22
  <div class="pf-v6-c-masthead__main">
23
23
  <span class="pf-v6-c-masthead__toggle">
@@ -60,7 +60,7 @@ section: components
60
60
  y1="2.25860997e-13%"
61
61
  x2="32%"
62
62
  y2="100%"
63
- id="linearGradient-jump-links-collapsed-mobile-example-masthead"
63
+ id="linearGradient-jump-links-collapsed-mobile-example-docked"
64
64
  >
65
65
  <stop stop-color="#2B9AF3" offset="0%" />
66
66
  <stop
@@ -114,11 +114,11 @@ section: components
114
114
  />
115
115
  <path
116
116
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
117
- fill="url(#linearGradient-jump-links-collapsed-mobile-example-masthead)"
117
+ fill="url(#linearGradient-jump-links-collapsed-mobile-example-docked)"
118
118
  />
119
119
  <path
120
120
  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"
121
- fill="url(#linearGradient-jump-links-collapsed-mobile-example-masthead)"
121
+ fill="url(#linearGradient-jump-links-collapsed-mobile-example-docked)"
122
122
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
123
123
  />
124
124
  </g>
@@ -130,7 +130,7 @@ section: components
130
130
  <div class="pf-v6-c-masthead__content">
131
131
  <div
132
132
  class="pf-v6-c-toolbar pf-m-static"
133
- id="jump-links-collapsed-mobile-example-masthead-toolbar"
133
+ id="jump-links-collapsed-mobile-example-docked-toolbar"
134
134
  >
135
135
  <div class="pf-v6-c-toolbar__content">
136
136
  <div class="pf-v6-c-toolbar__content-section">
@@ -451,7 +451,7 @@ section: components
451
451
  </div>
452
452
  <header
453
453
  class="pf-v6-c-masthead"
454
- id="jump-links-vertical-expanded-mobile-example-masthead"
454
+ id="jump-links-vertical-expanded-mobile-example-docked"
455
455
  >
456
456
  <div class="pf-v6-c-masthead__main">
457
457
  <span class="pf-v6-c-masthead__toggle">
@@ -494,7 +494,7 @@ section: components
494
494
  y1="2.25860997e-13%"
495
495
  x2="32%"
496
496
  y2="100%"
497
- id="linearGradient-jump-links-vertical-expanded-mobile-example-masthead"
497
+ id="linearGradient-jump-links-vertical-expanded-mobile-example-docked"
498
498
  >
499
499
  <stop stop-color="#2B9AF3" offset="0%" />
500
500
  <stop
@@ -548,11 +548,11 @@ section: components
548
548
  />
549
549
  <path
550
550
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
551
- fill="url(#linearGradient-jump-links-vertical-expanded-mobile-example-masthead)"
551
+ fill="url(#linearGradient-jump-links-vertical-expanded-mobile-example-docked)"
552
552
  />
553
553
  <path
554
554
  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"
555
- fill="url(#linearGradient-jump-links-vertical-expanded-mobile-example-masthead)"
555
+ fill="url(#linearGradient-jump-links-vertical-expanded-mobile-example-docked)"
556
556
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
557
557
  />
558
558
  </g>
@@ -564,7 +564,7 @@ section: components
564
564
  <div class="pf-v6-c-masthead__content">
565
565
  <div
566
566
  class="pf-v6-c-toolbar pf-m-static"
567
- id="jump-links-vertical-expanded-mobile-example-masthead-toolbar"
567
+ id="jump-links-vertical-expanded-mobile-example-docked-toolbar"
568
568
  >
569
569
  <div class="pf-v6-c-toolbar__content">
570
570
  <div class="pf-v6-c-toolbar__content-section">
@@ -885,7 +885,7 @@ section: components
885
885
  </div>
886
886
  <header
887
887
  class="pf-v6-c-masthead"
888
- id="jump-links-vertical-toggle-text-mobile-example-masthead"
888
+ id="jump-links-vertical-toggle-text-mobile-example-docked"
889
889
  >
890
890
  <div class="pf-v6-c-masthead__main">
891
891
  <span class="pf-v6-c-masthead__toggle">
@@ -928,7 +928,7 @@ section: components
928
928
  y1="2.25860997e-13%"
929
929
  x2="32%"
930
930
  y2="100%"
931
- id="linearGradient-jump-links-vertical-toggle-text-mobile-example-masthead"
931
+ id="linearGradient-jump-links-vertical-toggle-text-mobile-example-docked"
932
932
  >
933
933
  <stop stop-color="#2B9AF3" offset="0%" />
934
934
  <stop
@@ -982,11 +982,11 @@ section: components
982
982
  />
983
983
  <path
984
984
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
985
- fill="url(#linearGradient-jump-links-vertical-toggle-text-mobile-example-masthead)"
985
+ fill="url(#linearGradient-jump-links-vertical-toggle-text-mobile-example-docked)"
986
986
  />
987
987
  <path
988
988
  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"
989
- fill="url(#linearGradient-jump-links-vertical-toggle-text-mobile-example-masthead)"
989
+ fill="url(#linearGradient-jump-links-vertical-toggle-text-mobile-example-docked)"
990
990
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
991
991
  />
992
992
  </g>
@@ -998,7 +998,7 @@ section: components
998
998
  <div class="pf-v6-c-masthead__content">
999
999
  <div
1000
1000
  class="pf-v6-c-toolbar pf-m-static"
1001
- id="jump-links-vertical-toggle-text-mobile-example-masthead-toolbar"
1001
+ id="jump-links-vertical-toggle-text-mobile-example-docked-toolbar"
1002
1002
  >
1003
1003
  <div class="pf-v6-c-toolbar__content">
1004
1004
  <div class="pf-v6-c-toolbar__content-section">
@@ -1317,7 +1317,7 @@ section: components
1317
1317
  <span class="pf-v6-c-button__text">Skip to content</span>
1318
1318
  </a>
1319
1319
  </div>
1320
- <header class="pf-v6-c-masthead" id="jump-links-horizontal-example-masthead">
1320
+ <header class="pf-v6-c-masthead" id="jump-links-horizontal-example-docked">
1321
1321
  <div class="pf-v6-c-masthead__main">
1322
1322
  <span class="pf-v6-c-masthead__toggle">
1323
1323
  <button
@@ -1359,7 +1359,7 @@ section: components
1359
1359
  y1="2.25860997e-13%"
1360
1360
  x2="32%"
1361
1361
  y2="100%"
1362
- id="linearGradient-jump-links-horizontal-example-masthead"
1362
+ id="linearGradient-jump-links-horizontal-example-docked"
1363
1363
  >
1364
1364
  <stop stop-color="#2B9AF3" offset="0%" />
1365
1365
  <stop
@@ -1413,11 +1413,11 @@ section: components
1413
1413
  />
1414
1414
  <path
1415
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"
1416
- fill="url(#linearGradient-jump-links-horizontal-example-masthead)"
1416
+ fill="url(#linearGradient-jump-links-horizontal-example-docked)"
1417
1417
  />
1418
1418
  <path
1419
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"
1420
- fill="url(#linearGradient-jump-links-horizontal-example-masthead)"
1420
+ fill="url(#linearGradient-jump-links-horizontal-example-docked)"
1421
1421
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1422
1422
  />
1423
1423
  </g>
@@ -1429,7 +1429,7 @@ section: components
1429
1429
  <div class="pf-v6-c-masthead__content">
1430
1430
  <div
1431
1431
  class="pf-v6-c-toolbar pf-m-static"
1432
- id="jump-links-horizontal-example-masthead-toolbar"
1432
+ id="jump-links-horizontal-example-docked-toolbar"
1433
1433
  >
1434
1434
  <div class="pf-v6-c-toolbar__content">
1435
1435
  <div class="pf-v6-c-toolbar__content-section">
@@ -1694,7 +1694,7 @@ section: components
1694
1694
  <span class="pf-v6-c-button__text">Skip to content</span>
1695
1695
  </a>
1696
1696
  </div>
1697
- <header class="pf-v6-c-masthead" id="jump-links-drawer-masthead">
1697
+ <header class="pf-v6-c-masthead" id="jump-links-drawer-docked">
1698
1698
  <div class="pf-v6-c-masthead__main">
1699
1699
  <span class="pf-v6-c-masthead__toggle">
1700
1700
  <button
@@ -1736,7 +1736,7 @@ section: components
1736
1736
  y1="2.25860997e-13%"
1737
1737
  x2="32%"
1738
1738
  y2="100%"
1739
- id="linearGradient-jump-links-drawer-masthead"
1739
+ id="linearGradient-jump-links-drawer-docked"
1740
1740
  >
1741
1741
  <stop stop-color="#2B9AF3" offset="0%" />
1742
1742
  <stop
@@ -1790,11 +1790,11 @@ section: components
1790
1790
  />
1791
1791
  <path
1792
1792
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1793
- fill="url(#linearGradient-jump-links-drawer-masthead)"
1793
+ fill="url(#linearGradient-jump-links-drawer-docked)"
1794
1794
  />
1795
1795
  <path
1796
1796
  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"
1797
- fill="url(#linearGradient-jump-links-drawer-masthead)"
1797
+ fill="url(#linearGradient-jump-links-drawer-docked)"
1798
1798
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1799
1799
  />
1800
1800
  </g>
@@ -1806,7 +1806,7 @@ section: components
1806
1806
  <div class="pf-v6-c-masthead__content">
1807
1807
  <div
1808
1808
  class="pf-v6-c-toolbar pf-m-static"
1809
- id="jump-links-drawer-masthead-toolbar"
1809
+ id="jump-links-drawer-docked-toolbar"
1810
1810
  >
1811
1811
  <div class="pf-v6-c-toolbar__content">
1812
1812
  <div class="pf-v6-c-toolbar__content-section">
@@ -2116,7 +2116,7 @@ section: components
2116
2116
  <span class="pf-v6-c-button__text">Skip to content</span>
2117
2117
  </a>
2118
2118
  </div>
2119
- <header class="pf-v6-c-masthead" id="jump-links-drawer-expanded-masthead">
2119
+ <header class="pf-v6-c-masthead" id="jump-links-drawer-expanded-docked">
2120
2120
  <div class="pf-v6-c-masthead__main">
2121
2121
  <span class="pf-v6-c-masthead__toggle">
2122
2122
  <button
@@ -2158,7 +2158,7 @@ section: components
2158
2158
  y1="2.25860997e-13%"
2159
2159
  x2="32%"
2160
2160
  y2="100%"
2161
- id="linearGradient-jump-links-drawer-expanded-masthead"
2161
+ id="linearGradient-jump-links-drawer-expanded-docked"
2162
2162
  >
2163
2163
  <stop stop-color="#2B9AF3" offset="0%" />
2164
2164
  <stop
@@ -2212,11 +2212,11 @@ section: components
2212
2212
  />
2213
2213
  <path
2214
2214
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2215
- fill="url(#linearGradient-jump-links-drawer-expanded-masthead)"
2215
+ fill="url(#linearGradient-jump-links-drawer-expanded-docked)"
2216
2216
  />
2217
2217
  <path
2218
2218
  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"
2219
- fill="url(#linearGradient-jump-links-drawer-expanded-masthead)"
2219
+ fill="url(#linearGradient-jump-links-drawer-expanded-docked)"
2220
2220
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2221
2221
  />
2222
2222
  </g>
@@ -2228,7 +2228,7 @@ section: components
2228
2228
  <div class="pf-v6-c-masthead__content">
2229
2229
  <div
2230
2230
  class="pf-v6-c-toolbar pf-m-static"
2231
- id="jump-links-drawer-expanded-masthead-toolbar"
2231
+ id="jump-links-drawer-expanded-docked-toolbar"
2232
2232
  >
2233
2233
  <div class="pf-v6-c-toolbar__content">
2234
2234
  <div class="pf-v6-c-toolbar__content-section">