@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/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -18,7 +18,7 @@ wrapperTag: div
18
18
  </div>
19
19
  <header
20
20
  class="pf-v6-c-masthead pf-m-display-stack pf-m-display-inline-on-lg"
21
- id="primary-detail-expanded-example-masthead"
21
+ id="primary-detail-expanded-example-docked"
22
22
  >
23
23
  <div class="pf-v6-c-masthead__main">
24
24
  <span class="pf-v6-c-masthead__toggle">
@@ -61,7 +61,7 @@ wrapperTag: div
61
61
  y1="2.25860997e-13%"
62
62
  x2="32%"
63
63
  y2="100%"
64
- id="linearGradient-primary-detail-expanded-example-masthead"
64
+ id="linearGradient-primary-detail-expanded-example-docked"
65
65
  >
66
66
  <stop stop-color="#2B9AF3" offset="0%" />
67
67
  <stop
@@ -115,11 +115,11 @@ wrapperTag: div
115
115
  />
116
116
  <path
117
117
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
118
- fill="url(#linearGradient-primary-detail-expanded-example-masthead)"
118
+ fill="url(#linearGradient-primary-detail-expanded-example-docked)"
119
119
  />
120
120
  <path
121
121
  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"
122
- fill="url(#linearGradient-primary-detail-expanded-example-masthead)"
122
+ fill="url(#linearGradient-primary-detail-expanded-example-docked)"
123
123
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
124
124
  />
125
125
  </g>
@@ -131,7 +131,7 @@ wrapperTag: div
131
131
  <div class="pf-v6-c-masthead__content">
132
132
  <div
133
133
  class="pf-v6-c-toolbar pf-m-static"
134
- id="primary-detail-expanded-example-masthead-toolbar"
134
+ id="primary-detail-expanded-example-docked-toolbar"
135
135
  >
136
136
  <div class="pf-v6-c-toolbar__content">
137
137
  <div class="pf-v6-c-toolbar__content-section">
@@ -1084,39 +1084,35 @@ wrapperTag: div
1084
1084
  <!-- Panel -->
1085
1085
  <div class="pf-v6-c-drawer__panel">
1086
1086
  <!-- Panel header -->
1087
- <div class="pf-v6-c-drawer__body">
1088
- <div class="pf-v6-l-flex pf-m-column">
1089
- <div class="pf-v6-l-flex__item">
1090
- <div class="pf-v6-c-drawer__head">
1091
- <div class="pf-v6-c-drawer__actions">
1092
- <div class="pf-v6-c-drawer__close">
1093
- <button
1094
- class="pf-v6-c-button pf-m-plain"
1095
- type="button"
1096
- aria-label="Close drawer panel"
1097
- >
1098
- <span class="pf-v6-c-button__icon">
1099
- <i class="fas fa-times" aria-hidden="true"></i>
1100
- </span>
1101
- </button>
1102
- </div>
1103
- </div>
1104
- <h2
1105
- class="pf-v6-c-title pf-m-lg"
1106
- id="primary-detail-expanded-example-drawer-drawer-label"
1107
- >Node 2</h2>
1108
- </div>
1109
- </div>
1110
- <div class="pf-v6-l-flex__item">
1111
- <a href="#">siemur/test-space</a>
1087
+ <div class="pf-v6-c-drawer__head">
1088
+ <div class="pf-v6-c-drawer__actions">
1089
+ <div class="pf-v6-c-drawer__close">
1090
+ <button
1091
+ class="pf-v6-c-button pf-m-plain"
1092
+ type="button"
1093
+ aria-label="Close drawer panel"
1094
+ >
1095
+ <span class="pf-v6-c-button__icon">
1096
+ <i class="fas fa-times" aria-hidden="true"></i>
1097
+ </span>
1098
+ </button>
1112
1099
  </div>
1113
1100
  </div>
1101
+ <h2
1102
+ class="pf-v6-c-title pf-m-lg"
1103
+ id="primary-detail-expanded-example-drawer-drawer-label"
1104
+ >Node 2</h2>
1105
+ </div>
1106
+
1107
+ <div class="pf-v6-c-drawer__description">
1108
+ <a href="#">siemur/test-space</a>
1114
1109
  </div>
1115
1110
 
1116
1111
  <!-- Tabs -->
1117
1112
  <div class="pf-v6-c-drawer__body pf-m-no-padding">
1118
1113
  <div
1119
1114
  class="pf-v6-c-tabs pf-m-box pf-m-fill"
1115
+ aria-label="Node 2"
1120
1116
  role="region"
1121
1117
  id="primary-detail-expanded-example-drawer-tabs"
1122
1118
  >
@@ -1131,7 +1127,11 @@ wrapperTag: div
1131
1127
  </span>
1132
1128
  </button>
1133
1129
  </div>
1134
- <ul class="pf-v6-c-tabs__list" role="tablist">
1130
+ <ul
1131
+ class="pf-v6-c-tabs__list"
1132
+ role="tablist"
1133
+ aria-label="Node 2"
1134
+ >
1135
1135
  <li
1136
1136
  class="pf-v6-c-tabs__item pf-m-current"
1137
1137
  role="presentation"
@@ -1140,6 +1140,7 @@ wrapperTag: div
1140
1140
  type="button"
1141
1141
  class="pf-v6-c-tabs__link"
1142
1142
  role="tab"
1143
+ aria-selected="true"
1143
1144
  aria-controls="primary-detail-expanded-example-drawer-tabs-tab1-panel"
1144
1145
  id="primary-detail-expanded-example-drawer-tabs-tab1-link"
1145
1146
  >
@@ -1151,6 +1152,7 @@ wrapperTag: div
1151
1152
  type="button"
1152
1153
  class="pf-v6-c-tabs__link"
1153
1154
  role="tab"
1155
+ aria-selected="false"
1154
1156
  aria-controls="primary-detail-expanded-example-drawer-tabs-tab2-panel"
1155
1157
  id="primary-detail-expanded-example-drawer-tabs-tab2-link"
1156
1158
  >
@@ -1287,7 +1289,7 @@ wrapperTag: div
1287
1289
  </div>
1288
1290
  <header
1289
1291
  class="pf-v6-c-masthead pf-m-display-stack pf-m-display-inline-on-lg"
1290
- id="primary-detail-collapsed-example-masthead"
1292
+ id="primary-detail-collapsed-example-docked"
1291
1293
  >
1292
1294
  <div class="pf-v6-c-masthead__main">
1293
1295
  <span class="pf-v6-c-masthead__toggle">
@@ -1330,7 +1332,7 @@ wrapperTag: div
1330
1332
  y1="2.25860997e-13%"
1331
1333
  x2="32%"
1332
1334
  y2="100%"
1333
- id="linearGradient-primary-detail-collapsed-example-masthead"
1335
+ id="linearGradient-primary-detail-collapsed-example-docked"
1334
1336
  >
1335
1337
  <stop stop-color="#2B9AF3" offset="0%" />
1336
1338
  <stop
@@ -1384,11 +1386,11 @@ wrapperTag: div
1384
1386
  />
1385
1387
  <path
1386
1388
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1387
- fill="url(#linearGradient-primary-detail-collapsed-example-masthead)"
1389
+ fill="url(#linearGradient-primary-detail-collapsed-example-docked)"
1388
1390
  />
1389
1391
  <path
1390
1392
  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"
1391
- fill="url(#linearGradient-primary-detail-collapsed-example-masthead)"
1393
+ fill="url(#linearGradient-primary-detail-collapsed-example-docked)"
1392
1394
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1393
1395
  />
1394
1396
  </g>
@@ -1400,7 +1402,7 @@ wrapperTag: div
1400
1402
  <div class="pf-v6-c-masthead__content">
1401
1403
  <div
1402
1404
  class="pf-v6-c-toolbar pf-m-static"
1403
- id="primary-detail-collapsed-example-masthead-toolbar"
1405
+ id="primary-detail-collapsed-example-docked-toolbar"
1404
1406
  >
1405
1407
  <div class="pf-v6-c-toolbar__content">
1406
1408
  <div class="pf-v6-c-toolbar__content-section">
@@ -2354,33 +2356,28 @@ wrapperTag: div
2354
2356
  <!-- Panel -->
2355
2357
  <div class="pf-v6-c-drawer__panel" hidden>
2356
2358
  <!-- Panel header -->
2357
- <div class="pf-v6-c-drawer__body">
2358
- <div class="pf-v6-l-flex pf-m-column">
2359
- <div class="pf-v6-l-flex__item">
2360
- <div class="pf-v6-c-drawer__head">
2361
- <div class="pf-v6-c-drawer__actions">
2362
- <div class="pf-v6-c-drawer__close">
2363
- <button
2364
- class="pf-v6-c-button pf-m-plain"
2365
- type="button"
2366
- aria-label="Close drawer panel"
2367
- >
2368
- <span class="pf-v6-c-button__icon">
2369
- <i class="fas fa-times" aria-hidden="true"></i>
2370
- </span>
2371
- </button>
2372
- </div>
2373
- </div>
2374
- <h2
2375
- class="pf-v6-c-title pf-m-lg"
2376
- id="primary-detail-collapsed-example-drawer-drawer-label"
2377
- >Patternfly-elements</h2>
2378
- </div>
2359
+ <div class="pf-v6-c-drawer__head">
2360
+ <div class="pf-v6-c-drawer__actions">
2361
+ <div class="pf-v6-c-drawer__close">
2362
+ <button
2363
+ class="pf-v6-c-button pf-m-plain"
2364
+ type="button"
2365
+ aria-label="Close drawer panel"
2366
+ >
2367
+ <span class="pf-v6-c-button__icon">
2368
+ <i class="fas fa-times" aria-hidden="true"></i>
2369
+ </span>
2370
+ </button>
2379
2371
  </div>
2380
- <div class="pf-v6-l-flex__item">PatternFly elements</div>
2381
2372
  </div>
2373
+ <h2
2374
+ class="pf-v6-c-title pf-m-lg"
2375
+ id="primary-detail-collapsed-example-drawer-drawer-label"
2376
+ >Patternfly-elements</h2>
2382
2377
  </div>
2383
2378
 
2379
+ <div class="pf-v6-c-drawer__description">PatternFly elements</div>
2380
+
2384
2381
  <!-- Tab content -->
2385
2382
  <div class="pf-v6-c-drawer__body">
2386
2383
  <div class="pf-v6-l-flex pf-m-column pf-m-space-items-lg">
@@ -2476,7 +2473,7 @@ wrapperTag: div
2476
2473
  </div>
2477
2474
  <header
2478
2475
  class="pf-v6-c-masthead pf-m-display-stack pf-m-display-inline-on-lg"
2479
- id="primary-detail-content-body-padding-example-masthead"
2476
+ id="primary-detail-content-body-padding-example-docked"
2480
2477
  >
2481
2478
  <div class="pf-v6-c-masthead__main">
2482
2479
  <span class="pf-v6-c-masthead__toggle">
@@ -2519,7 +2516,7 @@ wrapperTag: div
2519
2516
  y1="2.25860997e-13%"
2520
2517
  x2="32%"
2521
2518
  y2="100%"
2522
- id="linearGradient-primary-detail-content-body-padding-example-masthead"
2519
+ id="linearGradient-primary-detail-content-body-padding-example-docked"
2523
2520
  >
2524
2521
  <stop stop-color="#2B9AF3" offset="0%" />
2525
2522
  <stop
@@ -2573,11 +2570,11 @@ wrapperTag: div
2573
2570
  />
2574
2571
  <path
2575
2572
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2576
- fill="url(#linearGradient-primary-detail-content-body-padding-example-masthead)"
2573
+ fill="url(#linearGradient-primary-detail-content-body-padding-example-docked)"
2577
2574
  />
2578
2575
  <path
2579
2576
  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"
2580
- fill="url(#linearGradient-primary-detail-content-body-padding-example-masthead)"
2577
+ fill="url(#linearGradient-primary-detail-content-body-padding-example-docked)"
2581
2578
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2582
2579
  />
2583
2580
  </g>
@@ -2589,7 +2586,7 @@ wrapperTag: div
2589
2586
  <div class="pf-v6-c-masthead__content">
2590
2587
  <div
2591
2588
  class="pf-v6-c-toolbar pf-m-static"
2592
- id="primary-detail-content-body-padding-example-masthead-toolbar"
2589
+ id="primary-detail-content-body-padding-example-docked-toolbar"
2593
2590
  >
2594
2591
  <div class="pf-v6-c-toolbar__content">
2595
2592
  <div class="pf-v6-c-toolbar__content-section">
@@ -3487,33 +3484,28 @@ wrapperTag: div
3487
3484
  <!-- Panel -->
3488
3485
  <div class="pf-v6-c-drawer__panel">
3489
3486
  <!-- Panel header -->
3490
- <div class="pf-v6-c-drawer__body">
3491
- <div class="pf-v6-l-flex pf-m-column">
3492
- <div class="pf-v6-l-flex__item">
3493
- <div class="pf-v6-c-drawer__head">
3494
- <div class="pf-v6-c-drawer__actions">
3495
- <div class="pf-v6-c-drawer__close">
3496
- <button
3497
- class="pf-v6-c-button pf-m-plain"
3498
- type="button"
3499
- aria-label="Close drawer panel"
3500
- >
3501
- <span class="pf-v6-c-button__icon">
3502
- <i class="fas fa-times" aria-hidden="true"></i>
3503
- </span>
3504
- </button>
3505
- </div>
3506
- </div>
3507
- <h2
3508
- class="pf-v6-c-title pf-m-lg"
3509
- id="primary-detail-content-body-padding-example-drawer-drawer-label"
3510
- >Patternfly-elements</h2>
3511
- </div>
3487
+ <div class="pf-v6-c-drawer__head">
3488
+ <div class="pf-v6-c-drawer__actions">
3489
+ <div class="pf-v6-c-drawer__close">
3490
+ <button
3491
+ class="pf-v6-c-button pf-m-plain"
3492
+ type="button"
3493
+ aria-label="Close drawer panel"
3494
+ >
3495
+ <span class="pf-v6-c-button__icon">
3496
+ <i class="fas fa-times" aria-hidden="true"></i>
3497
+ </span>
3498
+ </button>
3512
3499
  </div>
3513
- <div class="pf-v6-l-flex__item">PatternFly elements</div>
3514
3500
  </div>
3501
+ <h2
3502
+ class="pf-v6-c-title pf-m-lg"
3503
+ id="primary-detail-content-body-padding-example-drawer-drawer-label"
3504
+ >Patternfly-elements</h2>
3515
3505
  </div>
3516
3506
 
3507
+ <div class="pf-v6-c-drawer__description">PatternFly elements</div>
3508
+
3517
3509
  <!-- Tab content -->
3518
3510
  <div class="pf-v6-c-drawer__body">
3519
3511
  <div class="pf-v6-l-flex pf-m-column pf-m-space-items-lg">
@@ -3609,7 +3601,7 @@ wrapperTag: div
3609
3601
  </div>
3610
3602
  <header
3611
3603
  class="pf-v6-c-masthead pf-m-display-stack pf-m-display-inline-on-lg"
3612
- id="primary-detail-card-view-expanded-example-masthead"
3604
+ id="primary-detail-card-view-expanded-example-docked"
3613
3605
  >
3614
3606
  <div class="pf-v6-c-masthead__main">
3615
3607
  <span class="pf-v6-c-masthead__toggle">
@@ -3652,7 +3644,7 @@ wrapperTag: div
3652
3644
  y1="2.25860997e-13%"
3653
3645
  x2="32%"
3654
3646
  y2="100%"
3655
- id="linearGradient-primary-detail-card-view-expanded-example-masthead"
3647
+ id="linearGradient-primary-detail-card-view-expanded-example-docked"
3656
3648
  >
3657
3649
  <stop stop-color="#2B9AF3" offset="0%" />
3658
3650
  <stop
@@ -3706,11 +3698,11 @@ wrapperTag: div
3706
3698
  />
3707
3699
  <path
3708
3700
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
3709
- fill="url(#linearGradient-primary-detail-card-view-expanded-example-masthead)"
3701
+ fill="url(#linearGradient-primary-detail-card-view-expanded-example-docked)"
3710
3702
  />
3711
3703
  <path
3712
3704
  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"
3713
- fill="url(#linearGradient-primary-detail-card-view-expanded-example-masthead)"
3705
+ fill="url(#linearGradient-primary-detail-card-view-expanded-example-docked)"
3714
3706
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
3715
3707
  />
3716
3708
  </g>
@@ -3722,7 +3714,7 @@ wrapperTag: div
3722
3714
  <div class="pf-v6-c-masthead__content">
3723
3715
  <div
3724
3716
  class="pf-v6-c-toolbar pf-m-static"
3725
- id="primary-detail-card-view-expanded-example-masthead-toolbar"
3717
+ id="primary-detail-card-view-expanded-example-docked-toolbar"
3726
3718
  >
3727
3719
  <div class="pf-v6-c-toolbar__content">
3728
3720
  <div class="pf-v6-c-toolbar__content-section">
@@ -4617,33 +4609,28 @@ wrapperTag: div
4617
4609
  <!-- Panel -->
4618
4610
  <div class="pf-v6-c-drawer__panel">
4619
4611
  <!-- Panel header -->
4620
- <div class="pf-v6-c-drawer__body">
4621
- <div class="pf-v6-l-flex pf-m-column">
4622
- <div class="pf-v6-l-flex__item">
4623
- <div class="pf-v6-c-drawer__head">
4624
- <div class="pf-v6-c-drawer__actions">
4625
- <div class="pf-v6-c-drawer__close">
4626
- <button
4627
- class="pf-v6-c-button pf-m-plain"
4628
- type="button"
4629
- aria-label="Close drawer panel"
4630
- >
4631
- <span class="pf-v6-c-button__icon">
4632
- <i class="fas fa-times" aria-hidden="true"></i>
4633
- </span>
4634
- </button>
4635
- </div>
4636
- </div>
4637
- <h2
4638
- class="pf-v6-c-title pf-m-lg"
4639
- id="primary-detail-card-view-expanded-example-drawer-drawer-label"
4640
- >Patternfly</h2>
4641
- </div>
4612
+ <div class="pf-v6-c-drawer__head">
4613
+ <div class="pf-v6-c-drawer__actions">
4614
+ <div class="pf-v6-c-drawer__close">
4615
+ <button
4616
+ class="pf-v6-c-button pf-m-plain"
4617
+ type="button"
4618
+ aria-label="Close drawer panel"
4619
+ >
4620
+ <span class="pf-v6-c-button__icon">
4621
+ <i class="fas fa-times" aria-hidden="true"></i>
4622
+ </span>
4623
+ </button>
4642
4624
  </div>
4643
- <div class="pf-v6-l-flex__item">PatternFly elements</div>
4644
4625
  </div>
4626
+ <h2
4627
+ class="pf-v6-c-title pf-m-lg"
4628
+ id="primary-detail-card-view-expanded-example-drawer-drawer-label"
4629
+ >Patternfly</h2>
4645
4630
  </div>
4646
4631
 
4632
+ <div class="pf-v6-c-drawer__description">PatternFly elements</div>
4633
+
4647
4634
  <div class="pf-v6-c-drawer__body">
4648
4635
  <div class="pf-v6-l-flex pf-m-column pf-m-space-items-lg">
4649
4636
  <div class="pf-v6-l-flex__item">
@@ -4741,7 +4728,7 @@ wrapperTag: div
4741
4728
  </div>
4742
4729
  <header
4743
4730
  class="pf-v6-c-masthead"
4744
- id="primary-detail-card-simple-list-on-mobile-example-masthead"
4731
+ id="primary-detail-card-simple-list-on-mobile-example-docked"
4745
4732
  >
4746
4733
  <div class="pf-v6-c-masthead__main">
4747
4734
  <span class="pf-v6-c-masthead__toggle">
@@ -4784,7 +4771,7 @@ wrapperTag: div
4784
4771
  y1="2.25860997e-13%"
4785
4772
  x2="32%"
4786
4773
  y2="100%"
4787
- id="linearGradient-primary-detail-card-simple-list-on-mobile-example-masthead"
4774
+ id="linearGradient-primary-detail-card-simple-list-on-mobile-example-docked"
4788
4775
  >
4789
4776
  <stop stop-color="#2B9AF3" offset="0%" />
4790
4777
  <stop
@@ -4838,11 +4825,11 @@ wrapperTag: div
4838
4825
  />
4839
4826
  <path
4840
4827
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
4841
- fill="url(#linearGradient-primary-detail-card-simple-list-on-mobile-example-masthead)"
4828
+ fill="url(#linearGradient-primary-detail-card-simple-list-on-mobile-example-docked)"
4842
4829
  />
4843
4830
  <path
4844
4831
  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"
4845
- fill="url(#linearGradient-primary-detail-card-simple-list-on-mobile-example-masthead)"
4832
+ fill="url(#linearGradient-primary-detail-card-simple-list-on-mobile-example-docked)"
4846
4833
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
4847
4834
  />
4848
4835
  </g>
@@ -4854,7 +4841,7 @@ wrapperTag: div
4854
4841
  <div class="pf-v6-c-masthead__content">
4855
4842
  <div
4856
4843
  class="pf-v6-c-toolbar pf-m-static"
4857
- id="primary-detail-card-simple-list-on-mobile-example-masthead-toolbar"
4844
+ id="primary-detail-card-simple-list-on-mobile-example-docked-toolbar"
4858
4845
  >
4859
4846
  <div class="pf-v6-c-toolbar__content">
4860
4847
  <div class="pf-v6-c-toolbar__content-section">
@@ -5099,30 +5086,24 @@ wrapperTag: div
5099
5086
  aria-label="Panel"
5100
5087
  >
5101
5088
  <!-- Panel header -->
5102
- <div class="pf-v6-c-drawer__body">
5103
- <div class="pf-v6-l-flex pf-m-column">
5104
- <div class="pf-v6-l-flex__item">
5105
- <div class="pf-v6-c-drawer__head">
5106
- <div class="pf-v6-c-drawer__actions">
5107
- <div class="pf-v6-c-drawer__close">
5108
- <button
5109
- class="pf-v6-c-button pf-m-plain"
5110
- type="button"
5111
- aria-label="Close drawer panel"
5112
- >
5113
- <span class="pf-v6-c-button__icon">
5114
- <i class="fas fa-times" aria-hidden="true"></i>
5115
- </span>
5116
- </button>
5117
- </div>
5118
- </div>
5119
- <h2
5120
- class="pf-v6-c-title pf-m-lg"
5121
- id="primary-detail-card-simple-list-on-mobile-example-drawer-drawer-label"
5122
- >Patternfly-elements</h2>
5123
- </div>
5089
+ <div class="pf-v6-c-drawer__head">
5090
+ <div class="pf-v6-c-drawer__actions">
5091
+ <div class="pf-v6-c-drawer__close">
5092
+ <button
5093
+ class="pf-v6-c-button pf-m-plain"
5094
+ type="button"
5095
+ aria-label="Close drawer panel"
5096
+ >
5097
+ <span class="pf-v6-c-button__icon">
5098
+ <i class="fas fa-times" aria-hidden="true"></i>
5099
+ </span>
5100
+ </button>
5124
5101
  </div>
5125
5102
  </div>
5103
+ <h2
5104
+ class="pf-v6-c-title pf-m-lg"
5105
+ id="primary-detail-card-simple-list-on-mobile-example-drawer-drawer-label"
5106
+ >Patternfly-elements</h2>
5126
5107
  </div>
5127
5108
 
5128
5109
  <div class="pf-v6-c-drawer__body">
@@ -5220,7 +5201,7 @@ wrapperTag: div
5220
5201
  </div>
5221
5202
  <header
5222
5203
  class="pf-v6-c-masthead"
5223
- id="primary-detail-card-data-list-example-masthead"
5204
+ id="primary-detail-card-data-list-example-docked"
5224
5205
  >
5225
5206
  <div class="pf-v6-c-masthead__main">
5226
5207
  <span class="pf-v6-c-masthead__toggle">
@@ -5263,7 +5244,7 @@ wrapperTag: div
5263
5244
  y1="2.25860997e-13%"
5264
5245
  x2="32%"
5265
5246
  y2="100%"
5266
- id="linearGradient-primary-detail-card-data-list-example-masthead"
5247
+ id="linearGradient-primary-detail-card-data-list-example-docked"
5267
5248
  >
5268
5249
  <stop stop-color="#2B9AF3" offset="0%" />
5269
5250
  <stop
@@ -5317,11 +5298,11 @@ wrapperTag: div
5317
5298
  />
5318
5299
  <path
5319
5300
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
5320
- fill="url(#linearGradient-primary-detail-card-data-list-example-masthead)"
5301
+ fill="url(#linearGradient-primary-detail-card-data-list-example-docked)"
5321
5302
  />
5322
5303
  <path
5323
5304
  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"
5324
- fill="url(#linearGradient-primary-detail-card-data-list-example-masthead)"
5305
+ fill="url(#linearGradient-primary-detail-card-data-list-example-docked)"
5325
5306
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
5326
5307
  />
5327
5308
  </g>
@@ -5333,7 +5314,7 @@ wrapperTag: div
5333
5314
  <div class="pf-v6-c-masthead__content">
5334
5315
  <div
5335
5316
  class="pf-v6-c-toolbar pf-m-static"
5336
- id="primary-detail-card-data-list-example-masthead-toolbar"
5317
+ id="primary-detail-card-data-list-example-docked-toolbar"
5337
5318
  >
5338
5319
  <div class="pf-v6-c-toolbar__content">
5339
5320
  <div class="pf-v6-c-toolbar__content-section">
@@ -5710,31 +5691,26 @@ wrapperTag: div
5710
5691
  aria-label="Panel"
5711
5692
  >
5712
5693
  <!-- Panel header -->
5713
- <div class="pf-v6-c-drawer__body">
5714
- <div class="pf-v6-l-flex pf-m-column">
5715
- <div class="pf-v6-l-flex__item">
5716
- <div class="pf-v6-c-drawer__head">
5717
- <div class="pf-v6-c-drawer__actions">
5718
- <div class="pf-v6-c-drawer__close">
5719
- <button
5720
- class="pf-v6-c-button pf-m-plain"
5721
- type="button"
5722
- aria-label="Close drawer panel"
5723
- >
5724
- <span class="pf-v6-c-button__icon">
5725
- <i class="fas fa-times" aria-hidden="true"></i>
5726
- </span>
5727
- </button>
5728
- </div>
5729
- </div>
5730
- <h2
5731
- class="pf-v6-c-title pf-m-lg"
5732
- id="primary-detail-card-data-list-example-drawer-drawer-label"
5733
- >Patternfly-elements</h2>
5734
- </div>
5694
+ <div class="pf-v6-c-drawer__head">
5695
+ <div class="pf-v6-c-drawer__actions">
5696
+ <div class="pf-v6-c-drawer__close">
5697
+ <button
5698
+ class="pf-v6-c-button pf-m-plain"
5699
+ type="button"
5700
+ aria-label="Close drawer panel"
5701
+ >
5702
+ <span class="pf-v6-c-button__icon">
5703
+ <i class="fas fa-times" aria-hidden="true"></i>
5704
+ </span>
5705
+ </button>
5735
5706
  </div>
5736
5707
  </div>
5708
+ <h2
5709
+ class="pf-v6-c-title pf-m-lg"
5710
+ id="primary-detail-card-data-list-example-drawer-drawer-label"
5711
+ >Patternfly-elements</h2>
5737
5712
  </div>
5713
+
5738
5714
  <div class="pf-v6-c-drawer__body">
5739
5715
  <div class="pf-v6-l-flex pf-m-column pf-m-space-items-lg">
5740
5716
  <div class="pf-v6-l-flex__item">
@@ -5830,7 +5806,7 @@ wrapperTag: div
5830
5806
  </div>
5831
5807
  <header
5832
5808
  class="pf-v6-c-masthead"
5833
- id="primary-detail-inline-modifier-example-masthead"
5809
+ id="primary-detail-inline-modifier-example-docked"
5834
5810
  >
5835
5811
  <div class="pf-v6-c-masthead__main">
5836
5812
  <span class="pf-v6-c-masthead__toggle">
@@ -5873,7 +5849,7 @@ wrapperTag: div
5873
5849
  y1="2.25860997e-13%"
5874
5850
  x2="32%"
5875
5851
  y2="100%"
5876
- id="linearGradient-primary-detail-inline-modifier-example-masthead"
5852
+ id="linearGradient-primary-detail-inline-modifier-example-docked"
5877
5853
  >
5878
5854
  <stop stop-color="#2B9AF3" offset="0%" />
5879
5855
  <stop
@@ -5927,11 +5903,11 @@ wrapperTag: div
5927
5903
  />
5928
5904
  <path
5929
5905
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
5930
- fill="url(#linearGradient-primary-detail-inline-modifier-example-masthead)"
5906
+ fill="url(#linearGradient-primary-detail-inline-modifier-example-docked)"
5931
5907
  />
5932
5908
  <path
5933
5909
  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"
5934
- fill="url(#linearGradient-primary-detail-inline-modifier-example-masthead)"
5910
+ fill="url(#linearGradient-primary-detail-inline-modifier-example-docked)"
5935
5911
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
5936
5912
  />
5937
5913
  </g>
@@ -5943,7 +5919,7 @@ wrapperTag: div
5943
5919
  <div class="pf-v6-c-masthead__content">
5944
5920
  <div
5945
5921
  class="pf-v6-c-toolbar pf-m-static"
5946
- id="primary-detail-inline-modifier-example-masthead-toolbar"
5922
+ id="primary-detail-inline-modifier-example-docked-toolbar"
5947
5923
  >
5948
5924
  <div class="pf-v6-c-toolbar__content">
5949
5925
  <div class="pf-v6-c-toolbar__content-section">
@@ -6730,39 +6706,35 @@ wrapperTag: div
6730
6706
  <!-- Panel -->
6731
6707
  <div class="pf-v6-c-drawer__panel">
6732
6708
  <!-- Panel header -->
6733
- <div class="pf-v6-c-drawer__body">
6734
- <div class="pf-v6-l-flex pf-m-column">
6735
- <div class="pf-v6-l-flex__item">
6736
- <div class="pf-v6-c-drawer__head">
6737
- <div class="pf-v6-c-drawer__actions">
6738
- <div class="pf-v6-c-drawer__close">
6739
- <button
6740
- class="pf-v6-c-button pf-m-plain"
6741
- type="button"
6742
- aria-label="Close drawer panel"
6743
- >
6744
- <span class="pf-v6-c-button__icon">
6745
- <i class="fas fa-times" aria-hidden="true"></i>
6746
- </span>
6747
- </button>
6748
- </div>
6749
- </div>
6750
- <h2
6751
- class="pf-v6-c-title pf-m-lg"
6752
- id="primary-detail-inline-modifier-example-drawer-drawer-label"
6753
- >Node 2</h2>
6754
- </div>
6755
- </div>
6756
- <div class="pf-v6-l-flex__item">
6757
- <a href="#">siemur/test-space</a>
6709
+ <div class="pf-v6-c-drawer__head">
6710
+ <div class="pf-v6-c-drawer__actions">
6711
+ <div class="pf-v6-c-drawer__close">
6712
+ <button
6713
+ class="pf-v6-c-button pf-m-plain"
6714
+ type="button"
6715
+ aria-label="Close drawer panel"
6716
+ >
6717
+ <span class="pf-v6-c-button__icon">
6718
+ <i class="fas fa-times" aria-hidden="true"></i>
6719
+ </span>
6720
+ </button>
6758
6721
  </div>
6759
6722
  </div>
6723
+ <h2
6724
+ class="pf-v6-c-title pf-m-lg"
6725
+ id="primary-detail-inline-modifier-example-drawer-drawer-label"
6726
+ >Node 2</h2>
6727
+ </div>
6728
+
6729
+ <div class="pf-v6-c-drawer__description">
6730
+ <a href="#">siemur/test-space</a>
6760
6731
  </div>
6761
6732
 
6762
6733
  <!-- Tabs -->
6763
6734
  <div class="pf-v6-c-drawer__body pf-m-no-padding">
6764
6735
  <div
6765
6736
  class="pf-v6-c-tabs pf-m-box pf-m-fill"
6737
+ aria-label="Node 2"
6766
6738
  role="region"
6767
6739
  id="primary-detail-inline-modifier-example-drawer-tabs"
6768
6740
  >
@@ -6777,7 +6749,11 @@ wrapperTag: div
6777
6749
  </span>
6778
6750
  </button>
6779
6751
  </div>
6780
- <ul class="pf-v6-c-tabs__list" role="tablist">
6752
+ <ul
6753
+ class="pf-v6-c-tabs__list"
6754
+ role="tablist"
6755
+ aria-label="Node 2"
6756
+ >
6781
6757
  <li
6782
6758
  class="pf-v6-c-tabs__item pf-m-current"
6783
6759
  role="presentation"
@@ -6786,6 +6762,7 @@ wrapperTag: div
6786
6762
  type="button"
6787
6763
  class="pf-v6-c-tabs__link"
6788
6764
  role="tab"
6765
+ aria-selected="true"
6789
6766
  aria-controls="primary-detail-inline-modifier-example-drawer-tabs-tab1-panel"
6790
6767
  id="primary-detail-inline-modifier-example-drawer-tabs-tab1-link"
6791
6768
  >
@@ -6797,6 +6774,7 @@ wrapperTag: div
6797
6774
  type="button"
6798
6775
  class="pf-v6-c-tabs__link"
6799
6776
  role="tab"
6777
+ aria-selected="false"
6800
6778
  aria-controls="primary-detail-inline-modifier-example-drawer-tabs-tab2-panel"
6801
6779
  id="primary-detail-inline-modifier-example-drawer-tabs-tab2-link"
6802
6780
  >