@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/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">
@@ -338,7 +338,7 @@ wrapperTag: div
338
338
  </div>
339
339
  <header
340
340
  class="pf-v6-c-masthead"
341
- id="multiple-sidebar-body-elements-demo-masthead"
341
+ id="multiple-sidebar-body-elements-demo-docked"
342
342
  >
343
343
  <div class="pf-v6-c-masthead__main">
344
344
  <span class="pf-v6-c-masthead__toggle">
@@ -381,7 +381,7 @@ wrapperTag: div
381
381
  y1="2.25860997e-13%"
382
382
  x2="32%"
383
383
  y2="100%"
384
- id="linearGradient-multiple-sidebar-body-elements-demo-masthead"
384
+ id="linearGradient-multiple-sidebar-body-elements-demo-docked"
385
385
  >
386
386
  <stop stop-color="#2B9AF3" offset="0%" />
387
387
  <stop
@@ -435,11 +435,11 @@ wrapperTag: div
435
435
  />
436
436
  <path
437
437
  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)"
438
+ fill="url(#linearGradient-multiple-sidebar-body-elements-demo-docked)"
439
439
  />
440
440
  <path
441
441
  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)"
442
+ fill="url(#linearGradient-multiple-sidebar-body-elements-demo-docked)"
443
443
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
444
444
  />
445
445
  </g>
@@ -451,7 +451,7 @@ wrapperTag: div
451
451
  <div class="pf-v6-c-masthead__content">
452
452
  <div
453
453
  class="pf-v6-c-toolbar pf-m-static"
454
- id="multiple-sidebar-body-elements-demo-masthead-toolbar"
454
+ id="multiple-sidebar-body-elements-demo-docked-toolbar"
455
455
  >
456
456
  <div class="pf-v6-c-toolbar__content">
457
457
  <div class="pf-v6-c-toolbar__content-section">
@@ -677,7 +677,7 @@ wrapperTag: div
677
677
  </div>
678
678
  <header
679
679
  class="pf-v6-c-masthead"
680
- id="page-demo-sticky-top-horizontal-subnav-masthead"
680
+ id="page-demo-sticky-top-horizontal-subnav-docked"
681
681
  >
682
682
  <div class="pf-v6-c-masthead__main">
683
683
  <span class="pf-v6-c-masthead__toggle">
@@ -720,7 +720,7 @@ wrapperTag: div
720
720
  y1="2.25860997e-13%"
721
721
  x2="32%"
722
722
  y2="100%"
723
- id="linearGradient-page-demo-sticky-top-horizontal-subnav-masthead"
723
+ id="linearGradient-page-demo-sticky-top-horizontal-subnav-docked"
724
724
  >
725
725
  <stop stop-color="#2B9AF3" offset="0%" />
726
726
  <stop
@@ -774,11 +774,11 @@ wrapperTag: div
774
774
  />
775
775
  <path
776
776
  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)"
777
+ fill="url(#linearGradient-page-demo-sticky-top-horizontal-subnav-docked)"
778
778
  />
779
779
  <path
780
780
  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)"
781
+ fill="url(#linearGradient-page-demo-sticky-top-horizontal-subnav-docked)"
782
782
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
783
783
  />
784
784
  </g>
@@ -790,7 +790,7 @@ wrapperTag: div
790
790
  <div class="pf-v6-c-masthead__content">
791
791
  <div
792
792
  class="pf-v6-c-toolbar pf-m-static"
793
- id="page-demo-sticky-top-horizontal-subnav-masthead-toolbar"
793
+ id="page-demo-sticky-top-horizontal-subnav-docked-toolbar"
794
794
  >
795
795
  <div class="pf-v6-c-toolbar__content">
796
796
  <div class="pf-v6-c-toolbar__content-section">
@@ -1146,10 +1146,7 @@ wrapperTag: div
1146
1146
  <span class="pf-v6-c-button__text">Skip to content</span>
1147
1147
  </a>
1148
1148
  </div>
1149
- <header
1150
- class="pf-v6-c-masthead"
1151
- id="page-demo-sticky-top-breadcrumb-masthead"
1152
- >
1149
+ <header class="pf-v6-c-masthead" id="page-demo-sticky-top-breadcrumb-docked">
1153
1150
  <div class="pf-v6-c-masthead__main">
1154
1151
  <span class="pf-v6-c-masthead__toggle">
1155
1152
  <button
@@ -1191,7 +1188,7 @@ wrapperTag: div
1191
1188
  y1="2.25860997e-13%"
1192
1189
  x2="32%"
1193
1190
  y2="100%"
1194
- id="linearGradient-page-demo-sticky-top-breadcrumb-masthead"
1191
+ id="linearGradient-page-demo-sticky-top-breadcrumb-docked"
1195
1192
  >
1196
1193
  <stop stop-color="#2B9AF3" offset="0%" />
1197
1194
  <stop
@@ -1245,11 +1242,11 @@ wrapperTag: div
1245
1242
  />
1246
1243
  <path
1247
1244
  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)"
1245
+ fill="url(#linearGradient-page-demo-sticky-top-breadcrumb-docked)"
1249
1246
  />
1250
1247
  <path
1251
1248
  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)"
1249
+ fill="url(#linearGradient-page-demo-sticky-top-breadcrumb-docked)"
1253
1250
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1254
1251
  />
1255
1252
  </g>
@@ -1261,7 +1258,7 @@ wrapperTag: div
1261
1258
  <div class="pf-v6-c-masthead__content">
1262
1259
  <div
1263
1260
  class="pf-v6-c-toolbar pf-m-static"
1264
- id="page-demo-sticky-top-breadcrumb-masthead-toolbar"
1261
+ id="page-demo-sticky-top-breadcrumb-docked-toolbar"
1265
1262
  >
1266
1263
  <div class="pf-v6-c-toolbar__content">
1267
1264
  <div class="pf-v6-c-toolbar__content-section">
@@ -1592,10 +1589,7 @@ wrapperTag: div
1592
1589
  <span class="pf-v6-c-button__text">Skip to content</span>
1593
1590
  </a>
1594
1591
  </div>
1595
- <header
1596
- class="pf-v6-c-masthead"
1597
- id="page-demo-sticky-top-breadcrumb-masthead"
1598
- >
1592
+ <header class="pf-v6-c-masthead" id="page-demo-sticky-top-breadcrumb-docked">
1599
1593
  <div class="pf-v6-c-masthead__main">
1600
1594
  <span class="pf-v6-c-masthead__toggle">
1601
1595
  <button
@@ -1637,7 +1631,7 @@ wrapperTag: div
1637
1631
  y1="2.25860997e-13%"
1638
1632
  x2="32%"
1639
1633
  y2="100%"
1640
- id="linearGradient-page-demo-sticky-top-breadcrumb-masthead"
1634
+ id="linearGradient-page-demo-sticky-top-breadcrumb-docked"
1641
1635
  >
1642
1636
  <stop stop-color="#2B9AF3" offset="0%" />
1643
1637
  <stop
@@ -1691,11 +1685,11 @@ wrapperTag: div
1691
1685
  />
1692
1686
  <path
1693
1687
  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)"
1688
+ fill="url(#linearGradient-page-demo-sticky-top-breadcrumb-docked)"
1695
1689
  />
1696
1690
  <path
1697
1691
  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)"
1692
+ fill="url(#linearGradient-page-demo-sticky-top-breadcrumb-docked)"
1699
1693
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1700
1694
  />
1701
1695
  </g>
@@ -1707,7 +1701,7 @@ wrapperTag: div
1707
1701
  <div class="pf-v6-c-masthead__content">
1708
1702
  <div
1709
1703
  class="pf-v6-c-toolbar pf-m-static"
1710
- id="page-demo-sticky-top-breadcrumb-masthead-toolbar"
1704
+ id="page-demo-sticky-top-breadcrumb-docked-toolbar"
1711
1705
  >
1712
1706
  <div class="pf-v6-c-toolbar__content">
1713
1707
  <div class="pf-v6-c-toolbar__content-section">
@@ -2040,7 +2034,7 @@ wrapperTag: div
2040
2034
  </div>
2041
2035
  <header
2042
2036
  class="pf-v6-c-masthead"
2043
- id="page-demo-sticky-top-section-group-masthead"
2037
+ id="page-demo-sticky-top-section-group-docked"
2044
2038
  >
2045
2039
  <div class="pf-v6-c-masthead__main">
2046
2040
  <span class="pf-v6-c-masthead__toggle">
@@ -2083,7 +2077,7 @@ wrapperTag: div
2083
2077
  y1="2.25860997e-13%"
2084
2078
  x2="32%"
2085
2079
  y2="100%"
2086
- id="linearGradient-page-demo-sticky-top-section-group-masthead"
2080
+ id="linearGradient-page-demo-sticky-top-section-group-docked"
2087
2081
  >
2088
2082
  <stop stop-color="#2B9AF3" offset="0%" />
2089
2083
  <stop
@@ -2137,11 +2131,11 @@ wrapperTag: div
2137
2131
  />
2138
2132
  <path
2139
2133
  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)"
2134
+ fill="url(#linearGradient-page-demo-sticky-top-section-group-docked)"
2141
2135
  />
2142
2136
  <path
2143
2137
  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)"
2138
+ fill="url(#linearGradient-page-demo-sticky-top-section-group-docked)"
2145
2139
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2146
2140
  />
2147
2141
  </g>
@@ -2153,7 +2147,7 @@ wrapperTag: div
2153
2147
  <div class="pf-v6-c-masthead__content">
2154
2148
  <div
2155
2149
  class="pf-v6-c-toolbar pf-m-static"
2156
- id="page-demo-sticky-top-section-group-masthead-toolbar"
2150
+ id="page-demo-sticky-top-section-group-docked-toolbar"
2157
2151
  >
2158
2152
  <div class="pf-v6-c-toolbar__content">
2159
2153
  <div class="pf-v6-c-toolbar__content-section">
@@ -2484,10 +2478,7 @@ wrapperTag: div
2484
2478
  <span class="pf-v6-c-button__text">Skip to content</span>
2485
2479
  </a>
2486
2480
  </div>
2487
- <header
2488
- class="pf-v6-c-masthead"
2489
- id="page-demo-sticky-section-bottom-masthead"
2490
- >
2481
+ <header class="pf-v6-c-masthead" id="page-demo-sticky-section-bottom-docked">
2491
2482
  <div class="pf-v6-c-masthead__main">
2492
2483
  <span class="pf-v6-c-masthead__toggle">
2493
2484
  <button
@@ -2529,7 +2520,7 @@ wrapperTag: div
2529
2520
  y1="2.25860997e-13%"
2530
2521
  x2="32%"
2531
2522
  y2="100%"
2532
- id="linearGradient-page-demo-sticky-section-bottom-masthead"
2523
+ id="linearGradient-page-demo-sticky-section-bottom-docked"
2533
2524
  >
2534
2525
  <stop stop-color="#2B9AF3" offset="0%" />
2535
2526
  <stop
@@ -2583,11 +2574,11 @@ wrapperTag: div
2583
2574
  />
2584
2575
  <path
2585
2576
  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)"
2577
+ fill="url(#linearGradient-page-demo-sticky-section-bottom-docked)"
2587
2578
  />
2588
2579
  <path
2589
2580
  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)"
2581
+ fill="url(#linearGradient-page-demo-sticky-section-bottom-docked)"
2591
2582
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2592
2583
  />
2593
2584
  </g>
@@ -2599,7 +2590,7 @@ wrapperTag: div
2599
2590
  <div class="pf-v6-c-masthead__content">
2600
2591
  <div
2601
2592
  class="pf-v6-c-toolbar pf-m-static"
2602
- id="page-demo-sticky-section-bottom-masthead-toolbar"
2593
+ id="page-demo-sticky-section-bottom-docked-toolbar"
2603
2594
  >
2604
2595
  <div class="pf-v6-c-toolbar__content">
2605
2596
  <div class="pf-v6-c-toolbar__content-section">
@@ -2935,7 +2926,7 @@ wrapperTag: div
2935
2926
  <span class="pf-v6-c-button__text">Skip to content</span>
2936
2927
  </a>
2937
2928
  </div>
2938
- <header class="pf-v6-c-masthead" id="page-demo-overflow-scroll-masthead">
2929
+ <header class="pf-v6-c-masthead" id="page-demo-overflow-scroll-docked">
2939
2930
  <div class="pf-v6-c-masthead__main">
2940
2931
  <span class="pf-v6-c-masthead__toggle">
2941
2932
  <button
@@ -2977,7 +2968,7 @@ wrapperTag: div
2977
2968
  y1="2.25860997e-13%"
2978
2969
  x2="32%"
2979
2970
  y2="100%"
2980
- id="linearGradient-page-demo-overflow-scroll-masthead"
2971
+ id="linearGradient-page-demo-overflow-scroll-docked"
2981
2972
  >
2982
2973
  <stop stop-color="#2B9AF3" offset="0%" />
2983
2974
  <stop
@@ -3031,11 +3022,11 @@ wrapperTag: div
3031
3022
  />
3032
3023
  <path
3033
3024
  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)"
3025
+ fill="url(#linearGradient-page-demo-overflow-scroll-docked)"
3035
3026
  />
3036
3027
  <path
3037
3028
  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)"
3029
+ fill="url(#linearGradient-page-demo-overflow-scroll-docked)"
3039
3030
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
3040
3031
  />
3041
3032
  </g>
@@ -3047,7 +3038,7 @@ wrapperTag: div
3047
3038
  <div class="pf-v6-c-masthead__content">
3048
3039
  <div
3049
3040
  class="pf-v6-c-toolbar pf-m-static"
3050
- id="page-demo-overflow-scroll-masthead-toolbar"
3041
+ id="page-demo-overflow-scroll-docked-toolbar"
3051
3042
  >
3052
3043
  <div class="pf-v6-c-toolbar__content">
3053
3044
  <div class="pf-v6-c-toolbar__content-section">
@@ -3388,7 +3379,7 @@ wrapperTag: div
3388
3379
  <span class="pf-v6-c-button__text">Skip to content</span>
3389
3380
  </a>
3390
3381
  </div>
3391
- <header class="pf-v6-c-masthead" id="page-demo-centered-section-masthead">
3382
+ <header class="pf-v6-c-masthead" id="page-demo-centered-section-docked">
3392
3383
  <div class="pf-v6-c-masthead__main">
3393
3384
  <span class="pf-v6-c-masthead__toggle">
3394
3385
  <button
@@ -3430,7 +3421,7 @@ wrapperTag: div
3430
3421
  y1="2.25860997e-13%"
3431
3422
  x2="32%"
3432
3423
  y2="100%"
3433
- id="linearGradient-page-demo-centered-section-masthead"
3424
+ id="linearGradient-page-demo-centered-section-docked"
3434
3425
  >
3435
3426
  <stop stop-color="#2B9AF3" offset="0%" />
3436
3427
  <stop
@@ -3484,11 +3475,11 @@ wrapperTag: div
3484
3475
  />
3485
3476
  <path
3486
3477
  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)"
3478
+ fill="url(#linearGradient-page-demo-centered-section-docked)"
3488
3479
  />
3489
3480
  <path
3490
3481
  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)"
3482
+ fill="url(#linearGradient-page-demo-centered-section-docked)"
3492
3483
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
3493
3484
  />
3494
3485
  </g>
@@ -3500,7 +3491,7 @@ wrapperTag: div
3500
3491
  <div class="pf-v6-c-masthead__content">
3501
3492
  <div
3502
3493
  class="pf-v6-c-toolbar pf-m-static"
3503
- id="page-demo-centered-section-masthead-toolbar"
3494
+ id="page-demo-centered-section-docked-toolbar"
3504
3495
  >
3505
3496
  <div class="pf-v6-c-toolbar__content">
3506
3497
  <div class="pf-v6-c-toolbar__content-section">
@@ -3699,7 +3690,7 @@ wrapperTag: div
3699
3690
  <span class="pf-v6-c-button__text">Skip to content</span>
3700
3691
  </a>
3701
3692
  </div>
3702
- <header class="pf-v6-c-masthead" id="page-context-selector-masthead">
3693
+ <header class="pf-v6-c-masthead" id="page-context-selector-docked">
3703
3694
  <div class="pf-v6-c-masthead__main">
3704
3695
  <span class="pf-v6-c-masthead__toggle">
3705
3696
  <button
@@ -3741,7 +3732,7 @@ wrapperTag: div
3741
3732
  y1="2.25860997e-13%"
3742
3733
  x2="32%"
3743
3734
  y2="100%"
3744
- id="linearGradient-page-context-selector-masthead"
3735
+ id="linearGradient-page-context-selector-docked"
3745
3736
  >
3746
3737
  <stop stop-color="#2B9AF3" offset="0%" />
3747
3738
  <stop
@@ -3795,11 +3786,11 @@ wrapperTag: div
3795
3786
  />
3796
3787
  <path
3797
3788
  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)"
3789
+ fill="url(#linearGradient-page-context-selector-docked)"
3799
3790
  />
3800
3791
  <path
3801
3792
  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)"
3793
+ fill="url(#linearGradient-page-context-selector-docked)"
3803
3794
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
3804
3795
  />
3805
3796
  </g>
@@ -3811,7 +3802,7 @@ wrapperTag: div
3811
3802
  <div class="pf-v6-c-masthead__content">
3812
3803
  <div
3813
3804
  class="pf-v6-c-toolbar pf-m-static"
3814
- id="page-context-selector-masthead-toolbar"
3805
+ id="page-context-selector-docked-toolbar"
3815
3806
  >
3816
3807
  <div class="pf-v6-c-toolbar__content">
3817
3808
  <div class="pf-v6-c-toolbar__content-section">
@@ -4037,7 +4028,7 @@ wrapperTag: div
4037
4028
  <span class="pf-v6-c-button__text">Skip to content</span>
4038
4029
  </a>
4039
4030
  </div>
4040
- <header class="pf-v6-c-masthead" id="page-context-selector-expanded-masthead">
4031
+ <header class="pf-v6-c-masthead" id="page-context-selector-expanded-docked">
4041
4032
  <div class="pf-v6-c-masthead__main">
4042
4033
  <span class="pf-v6-c-masthead__toggle">
4043
4034
  <button
@@ -4079,7 +4070,7 @@ wrapperTag: div
4079
4070
  y1="2.25860997e-13%"
4080
4071
  x2="32%"
4081
4072
  y2="100%"
4082
- id="linearGradient-page-context-selector-expanded-masthead"
4073
+ id="linearGradient-page-context-selector-expanded-docked"
4083
4074
  >
4084
4075
  <stop stop-color="#2B9AF3" offset="0%" />
4085
4076
  <stop
@@ -4133,11 +4124,11 @@ wrapperTag: div
4133
4124
  />
4134
4125
  <path
4135
4126
  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)"
4127
+ fill="url(#linearGradient-page-context-selector-expanded-docked)"
4137
4128
  />
4138
4129
  <path
4139
4130
  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)"
4131
+ fill="url(#linearGradient-page-context-selector-expanded-docked)"
4141
4132
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
4142
4133
  />
4143
4134
  </g>
@@ -4149,7 +4140,7 @@ wrapperTag: div
4149
4140
  <div class="pf-v6-c-masthead__content">
4150
4141
  <div
4151
4142
  class="pf-v6-c-toolbar pf-m-static"
4152
- id="page-context-selector-expanded-masthead-toolbar"
4143
+ id="page-context-selector-expanded-docked-toolbar"
4153
4144
  >
4154
4145
  <div class="pf-v6-c-toolbar__content">
4155
4146
  <div class="pf-v6-c-toolbar__content-section">
@@ -4411,7 +4402,7 @@ wrapperTag: div
4411
4402
  <span class="pf-v6-c-button__text">Skip to content</span>
4412
4403
  </a>
4413
4404
  </div>
4414
- <header class="pf-v6-c-masthead" id="page-demo-sidebar-collapsed-masthead">
4405
+ <header class="pf-v6-c-masthead" id="page-demo-sidebar-collapsed-docked">
4415
4406
  <div class="pf-v6-c-masthead__main">
4416
4407
  <span class="pf-v6-c-masthead__toggle">
4417
4408
  <button
@@ -4453,7 +4444,7 @@ wrapperTag: div
4453
4444
  y1="2.25860997e-13%"
4454
4445
  x2="32%"
4455
4446
  y2="100%"
4456
- id="linearGradient-page-demo-sidebar-collapsed-masthead"
4447
+ id="linearGradient-page-demo-sidebar-collapsed-docked"
4457
4448
  >
4458
4449
  <stop stop-color="#2B9AF3" offset="0%" />
4459
4450
  <stop
@@ -4507,11 +4498,11 @@ wrapperTag: div
4507
4498
  />
4508
4499
  <path
4509
4500
  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)"
4501
+ fill="url(#linearGradient-page-demo-sidebar-collapsed-docked)"
4511
4502
  />
4512
4503
  <path
4513
4504
  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)"
4505
+ fill="url(#linearGradient-page-demo-sidebar-collapsed-docked)"
4515
4506
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
4516
4507
  />
4517
4508
  </g>
@@ -4523,7 +4514,7 @@ wrapperTag: div
4523
4514
  <div class="pf-v6-c-masthead__content">
4524
4515
  <div
4525
4516
  class="pf-v6-c-toolbar pf-m-static"
4526
- id="page-demo-sidebar-collapsed-masthead-toolbar"
4517
+ id="page-demo-sidebar-collapsed-docked-toolbar"
4527
4518
  >
4528
4519
  <div class="pf-v6-c-toolbar__content">
4529
4520
  <div class="pf-v6-c-toolbar__content-section">
@@ -4732,7 +4723,7 @@ wrapperTag: div
4732
4723
  <span class="pf-v6-c-button__text">Skip to content</span>
4733
4724
  </a>
4734
4725
  </div>
4735
- <header class="pf-v6-c-masthead" id="page-demo-sidebar-expanded-masthead">
4726
+ <header class="pf-v6-c-masthead" id="page-demo-sidebar-expanded-docked">
4736
4727
  <div class="pf-v6-c-masthead__main">
4737
4728
  <span class="pf-v6-c-masthead__toggle">
4738
4729
  <button
@@ -4774,7 +4765,7 @@ wrapperTag: div
4774
4765
  y1="2.25860997e-13%"
4775
4766
  x2="32%"
4776
4767
  y2="100%"
4777
- id="linearGradient-page-demo-sidebar-expanded-masthead"
4768
+ id="linearGradient-page-demo-sidebar-expanded-docked"
4778
4769
  >
4779
4770
  <stop stop-color="#2B9AF3" offset="0%" />
4780
4771
  <stop
@@ -4828,11 +4819,11 @@ wrapperTag: div
4828
4819
  />
4829
4820
  <path
4830
4821
  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)"
4822
+ fill="url(#linearGradient-page-demo-sidebar-expanded-docked)"
4832
4823
  />
4833
4824
  <path
4834
4825
  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)"
4826
+ fill="url(#linearGradient-page-demo-sidebar-expanded-docked)"
4836
4827
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
4837
4828
  />
4838
4829
  </g>
@@ -4844,7 +4835,7 @@ wrapperTag: div
4844
4835
  <div class="pf-v6-c-masthead__content">
4845
4836
  <div
4846
4837
  class="pf-v6-c-toolbar pf-m-static"
4847
- id="page-demo-sidebar-expanded-masthead-toolbar"
4838
+ id="page-demo-sidebar-expanded-docked-toolbar"
4848
4839
  >
4849
4840
  <div class="pf-v6-c-toolbar__content">
4850
4841
  <div class="pf-v6-c-toolbar__content-section">
@@ -5053,7 +5044,7 @@ wrapperTag: div
5053
5044
  <span class="pf-v6-c-button__text">Skip to content</span>
5054
5045
  </a>
5055
5046
  </div>
5056
- <header class="pf-v6-c-masthead" id="page-demo-no-sidebar-masthead">
5047
+ <header class="pf-v6-c-masthead" id="page-demo-no-sidebar-docked">
5057
5048
  <div class="pf-v6-c-masthead__main">
5058
5049
  <span class="pf-v6-c-masthead__toggle">
5059
5050
  <button
@@ -5095,7 +5086,7 @@ wrapperTag: div
5095
5086
  y1="2.25860997e-13%"
5096
5087
  x2="32%"
5097
5088
  y2="100%"
5098
- id="linearGradient-page-demo-no-sidebar-masthead"
5089
+ id="linearGradient-page-demo-no-sidebar-docked"
5099
5090
  >
5100
5091
  <stop stop-color="#2B9AF3" offset="0%" />
5101
5092
  <stop
@@ -5149,11 +5140,11 @@ wrapperTag: div
5149
5140
  />
5150
5141
  <path
5151
5142
  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)"
5143
+ fill="url(#linearGradient-page-demo-no-sidebar-docked)"
5153
5144
  />
5154
5145
  <path
5155
5146
  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)"
5147
+ fill="url(#linearGradient-page-demo-no-sidebar-docked)"
5157
5148
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
5158
5149
  />
5159
5150
  </g>
@@ -5165,7 +5156,7 @@ wrapperTag: div
5165
5156
  <div class="pf-v6-c-masthead__content">
5166
5157
  <div
5167
5158
  class="pf-v6-c-toolbar pf-m-static"
5168
- id="page-demo-no-sidebar-masthead-toolbar"
5159
+ id="page-demo-no-sidebar-docked-toolbar"
5169
5160
  >
5170
5161
  <div class="pf-v6-c-toolbar__content">
5171
5162
  <div class="pf-v6-c-toolbar__content-section">