@patternfly/patternfly 6.5.0-prerelease.3 → 6.5.0-prerelease.30

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 (246) hide show
  1. package/README.md +1 -1
  2. package/assets/images/RHAiExperienceIcon.svg +27 -0
  3. package/assets/images/RHAutomationsLogo.svg +96 -0
  4. package/assets/images/RHServerStackIcon.svg +16 -0
  5. package/assets/images/compass--hero-bg.png +0 -0
  6. package/assets/images/compass--rh-wallpaper-dark.png +0 -0
  7. package/assets/images/compass--rh-wallpaper-light.png +0 -0
  8. package/assets/images/compass--wallpaper-dark.png +0 -0
  9. package/assets/images/compass--wallpaper-light.png +0 -0
  10. package/base/normalize.scss +7 -0
  11. package/base/patternfly-common.css +46 -0
  12. package/base/patternfly-common.scss +56 -0
  13. package/base/patternfly-variables.css +42 -0
  14. package/base/tokens/tokens-local.scss +66 -0
  15. package/components/Accordion/accordion.scss +0 -1
  16. package/components/ActionList/action-list.css +2 -0
  17. package/components/ActionList/action-list.scss +2 -0
  18. package/components/Button/button.css +34 -4
  19. package/components/Button/button.scss +40 -4
  20. package/components/Card/card.css +12 -0
  21. package/components/Card/card.scss +15 -1
  22. package/components/Compass/compass.css +306 -0
  23. package/components/Compass/compass.scss +337 -0
  24. package/components/DataList/data-list.css +5 -1
  25. package/components/DataList/data-list.scss +6 -1
  26. package/components/Drawer/drawer.css +43 -3
  27. package/components/Drawer/drawer.scss +52 -4
  28. package/components/ExpandableSection/expandable-section.css +3 -0
  29. package/components/ExpandableSection/expandable-section.scss +3 -0
  30. package/components/Hero/hero.css +74 -0
  31. package/components/Hero/hero.scss +86 -0
  32. package/components/MenuToggle/menu-toggle.css +4 -0
  33. package/components/MenuToggle/menu-toggle.scss +5 -0
  34. package/components/Table/table.css +3 -0
  35. package/components/Table/table.scss +5 -0
  36. package/components/Tabs/tabs.css +16 -1
  37. package/components/Tabs/tabs.scss +21 -1
  38. package/components/_index.css +578 -84
  39. package/components/_index.scss +3 -1
  40. package/docs/components/Avatar/examples/Avatar.md +4 -4
  41. package/docs/components/Brand/examples/Brand.md +2 -2
  42. package/docs/components/Button/examples/Button.md +116 -0
  43. package/docs/components/Card/examples/Card.md +154 -0
  44. package/docs/components/Compass/examples/Compass.css +11 -0
  45. package/docs/components/Compass/examples/Compass.md +91 -0
  46. package/docs/components/DataList/examples/DataList.md +184 -188
  47. package/docs/components/DescriptionList/examples/DescriptionList.md +2 -2
  48. package/docs/components/Divider/examples/Divider.md +2 -2
  49. package/docs/components/Drawer/examples/Drawer.md +83 -17
  50. package/docs/components/Hero/examples/Hero.md +25 -0
  51. package/docs/components/Icon/examples/Icon.md +1 -1
  52. package/docs/components/InputGroup/examples/InputGroup.md +1 -1
  53. package/docs/components/JumpLinks/examples/JumpLinks.md +2 -2
  54. package/docs/components/Masthead/examples/masthead.md +1 -1
  55. package/docs/components/Menu/examples/Menu.md +2 -2
  56. package/docs/components/MenuToggle/examples/MenuToggle.md +40 -0
  57. package/docs/components/Page/examples/Page.md +2 -2
  58. package/docs/components/Pagination/examples/Pagination.md +3 -3
  59. package/docs/components/ProgressStepper/examples/ProgressStepper.md +2 -2
  60. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  61. package/docs/components/Table/examples/Table.md +91 -3
  62. package/docs/components/Tabs/examples/Tabs.md +998 -83
  63. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  64. package/docs/components/Wizard/examples/Wizard.md +15 -15
  65. package/docs/demos/Card/examples/Card.md +14 -2
  66. package/docs/demos/Compass/examples/Compass.md +6246 -0
  67. package/docs/demos/Dashboard/examples/Dashboard.md +1 -4
  68. package/docs/demos/DescriptionList/examples/DescriptionList.md +42 -35
  69. package/docs/demos/Drawer/examples/Drawer.md +42 -35
  70. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +143 -165
  71. package/docs/demos/Tabs/examples/Tabs.md +72 -9
  72. package/docs/demos/Wizard/examples/Wizard.md +31 -34
  73. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  74. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  75. package/docs/layouts/Flex/examples/Flex.css +3 -3
  76. package/docs/layouts/Flex/examples/Flex.md +3 -2
  77. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  78. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  79. package/docs/layouts/Grid/examples/Grid.css +1 -1
  80. package/docs/layouts/Grid/examples/Grid.md +6 -5
  81. package/docs/layouts/Level/examples/Level.css +3 -3
  82. package/docs/layouts/Level/examples/Level.md +2 -1
  83. package/docs/layouts/Split/examples/Split.css +1 -1
  84. package/docs/layouts/Split/examples/Split.md +2 -1
  85. package/docs/layouts/Stack/examples/Stack.css +3 -3
  86. package/docs/layouts/Stack/examples/Stack.md +2 -1
  87. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  88. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  89. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  90. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  91. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  92. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  93. package/docs/utilities/Display/examples/Display.css +1 -1
  94. package/docs/utilities/Display/examples/Display.md +3 -2
  95. package/docs/utilities/Flex/examples/Flex.css +7 -7
  96. package/docs/utilities/Flex/examples/Flex.md +3 -2
  97. package/docs/utilities/Float/examples/Float.css +2 -2
  98. package/docs/utilities/Float/examples/Float.md +3 -2
  99. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  100. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  101. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  102. package/docs/utilities/Text/examples/Text.md +5 -4
  103. package/icons/PfIcons/add-circle-o.svg +4 -0
  104. package/icons/PfIcons/ansible-tower.svg +4 -0
  105. package/icons/PfIcons/applications.svg +4 -0
  106. package/icons/PfIcons/arrow.svg +4 -0
  107. package/icons/PfIcons/asleep.svg +4 -0
  108. package/icons/PfIcons/attention-bell.svg +4 -0
  109. package/icons/PfIcons/automation.svg +4 -0
  110. package/icons/PfIcons/bell.svg +4 -0
  111. package/icons/PfIcons/blueprint.svg +4 -0
  112. package/icons/PfIcons/build.svg +4 -0
  113. package/icons/PfIcons/builder-image.svg +4 -0
  114. package/icons/PfIcons/bundle.svg +4 -0
  115. package/icons/PfIcons/catalog.svg +4 -0
  116. package/icons/PfIcons/chat.svg +4 -0
  117. package/icons/PfIcons/close.svg +4 -0
  118. package/icons/PfIcons/cloud-security.svg +4 -0
  119. package/icons/PfIcons/cloud-tenant.svg +4 -0
  120. package/icons/PfIcons/cluster.svg +4 -0
  121. package/icons/PfIcons/connected.svg +4 -0
  122. package/icons/PfIcons/container-node.svg +4 -0
  123. package/icons/PfIcons/cpu.svg +4 -0
  124. package/icons/PfIcons/critical-risk.svg +4 -0
  125. package/icons/PfIcons/data-processor.svg +4 -0
  126. package/icons/PfIcons/data-sink.svg +4 -0
  127. package/icons/PfIcons/data-source.svg +4 -0
  128. package/icons/PfIcons/degraded.svg +4 -0
  129. package/icons/PfIcons/disconnected.svg +4 -0
  130. package/icons/PfIcons/domain.svg +4 -0
  131. package/icons/PfIcons/edit.svg +4 -0
  132. package/icons/PfIcons/enhancement.svg +4 -0
  133. package/icons/PfIcons/enterprise.svg +4 -0
  134. package/icons/PfIcons/equalizer.svg +4 -0
  135. package/icons/PfIcons/error-circle-o.svg +4 -0
  136. package/icons/PfIcons/export.svg +4 -0
  137. package/icons/PfIcons/filter.svg +4 -0
  138. package/icons/PfIcons/flavor.svg +4 -0
  139. package/icons/PfIcons/folder-close.svg +4 -0
  140. package/icons/PfIcons/folder-open.svg +4 -0
  141. package/icons/PfIcons/globe-route.svg +4 -0
  142. package/icons/PfIcons/help.svg +4 -0
  143. package/icons/PfIcons/history.svg +4 -0
  144. package/icons/PfIcons/home.svg +4 -0
  145. package/icons/PfIcons/import.svg +4 -0
  146. package/icons/PfIcons/in-progress.svg +4 -0
  147. package/icons/PfIcons/info.svg +4 -0
  148. package/icons/PfIcons/infrastructure.svg +4 -0
  149. package/icons/PfIcons/integration.svg +4 -0
  150. package/icons/PfIcons/key.svg +4 -0
  151. package/icons/PfIcons/locked.svg +4 -0
  152. package/icons/PfIcons/maintenance.svg +4 -0
  153. package/icons/PfIcons/memory.svg +4 -0
  154. package/icons/PfIcons/messages.svg +4 -0
  155. package/icons/PfIcons/middleware.svg +4 -0
  156. package/icons/PfIcons/migration.svg +4 -0
  157. package/icons/PfIcons/module.svg +4 -0
  158. package/icons/PfIcons/monitoring.svg +4 -0
  159. package/icons/PfIcons/multicluster.svg +4 -0
  160. package/icons/PfIcons/namespaces.svg +4 -0
  161. package/icons/PfIcons/network.svg +4 -0
  162. package/icons/PfIcons/new-process.svg +4 -0
  163. package/icons/PfIcons/not-started.svg +4 -0
  164. package/icons/PfIcons/off.svg +4 -0
  165. package/icons/PfIcons/ok.svg +4 -0
  166. package/icons/PfIcons/on-running.svg +4 -0
  167. package/icons/PfIcons/on.svg +4 -0
  168. package/icons/PfIcons/open-drawer-right.svg +4 -0
  169. package/icons/PfIcons/openshift.svg +4 -0
  170. package/icons/PfIcons/openstack.svg +4 -0
  171. package/icons/PfIcons/optimize.svg +4 -0
  172. package/icons/PfIcons/orders.svg +4 -0
  173. package/icons/PfIcons/os-image.svg +4 -0
  174. package/icons/PfIcons/package.svg +4 -0
  175. package/icons/PfIcons/panel-close.svg +4 -0
  176. package/icons/PfIcons/panel-open.svg +4 -0
  177. package/icons/PfIcons/paused.svg +4 -0
  178. package/icons/PfIcons/pending.svg +4 -0
  179. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  180. package/icons/PfIcons/pficon-history.svg +4 -0
  181. package/icons/PfIcons/pficon-network-range.svg +4 -0
  182. package/icons/PfIcons/pficon-satellite.svg +4 -0
  183. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  184. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  185. package/icons/PfIcons/pficon-template.svg +4 -0
  186. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  187. package/icons/PfIcons/plugged.svg +4 -0
  188. package/icons/PfIcons/port.svg +4 -0
  189. package/icons/PfIcons/print.svg +4 -0
  190. package/icons/PfIcons/private.svg +4 -0
  191. package/icons/PfIcons/process-automation.svg +4 -0
  192. package/icons/PfIcons/project.svg +4 -0
  193. package/icons/PfIcons/rebalance.svg +4 -0
  194. package/icons/PfIcons/rebooting.svg +4 -0
  195. package/icons/PfIcons/regions.svg +4 -0
  196. package/icons/PfIcons/registry.svg +4 -0
  197. package/icons/PfIcons/remove2.svg +4 -0
  198. package/icons/PfIcons/replicator.svg +4 -0
  199. package/icons/PfIcons/repository.svg +4 -0
  200. package/icons/PfIcons/resource-pool.svg +4 -0
  201. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  202. package/icons/PfIcons/resources-almost-full.svg +4 -0
  203. package/icons/PfIcons/resources-empty.svg +4 -0
  204. package/icons/PfIcons/resources-full.svg +4 -0
  205. package/icons/PfIcons/running.svg +4 -0
  206. package/icons/PfIcons/save.svg +4 -0
  207. package/icons/PfIcons/screen.svg +4 -0
  208. package/icons/PfIcons/security.svg +4 -0
  209. package/icons/PfIcons/server-group.svg +4 -0
  210. package/icons/PfIcons/server.svg +4 -0
  211. package/icons/PfIcons/service-catalog.svg +4 -0
  212. package/icons/PfIcons/service.svg +4 -0
  213. package/icons/PfIcons/services.svg +4 -0
  214. package/icons/PfIcons/severity-critical.svg +4 -0
  215. package/icons/PfIcons/severity-important.svg +4 -0
  216. package/icons/PfIcons/severity-minor.svg +4 -0
  217. package/icons/PfIcons/severity-moderate.svg +4 -0
  218. package/icons/PfIcons/severity-none.svg +4 -0
  219. package/icons/PfIcons/severity-undefined.svg +4 -0
  220. package/icons/PfIcons/spinner.svg +4 -0
  221. package/icons/PfIcons/spinner2.svg +4 -0
  222. package/icons/PfIcons/storage-domain.svg +4 -0
  223. package/icons/PfIcons/task.svg +4 -0
  224. package/icons/PfIcons/tenant.svg +4 -0
  225. package/icons/PfIcons/thumb-tack.svg +4 -0
  226. package/icons/PfIcons/topology.svg +4 -0
  227. package/icons/PfIcons/treeview.svg +4 -0
  228. package/icons/PfIcons/trend-down.svg +4 -0
  229. package/icons/PfIcons/trend-up.svg +4 -0
  230. package/icons/PfIcons/unknown.svg +4 -0
  231. package/icons/PfIcons/unlocked.svg +4 -0
  232. package/icons/PfIcons/unplugged.svg +4 -0
  233. package/icons/PfIcons/user.svg +4 -0
  234. package/icons/PfIcons/users.svg +4 -0
  235. package/icons/PfIcons/virtual-machine.svg +4 -0
  236. package/icons/PfIcons/volume.svg +4 -0
  237. package/icons/PfIcons/warning-triangle.svg +4 -0
  238. package/icons/PfIcons/zone.svg +4 -0
  239. package/package.json +28 -13
  240. package/patternfly-base-no-globals.css +88 -0
  241. package/patternfly-base.css +95 -0
  242. package/patternfly-no-globals.css +666 -84
  243. package/patternfly.css +673 -84
  244. package/patternfly.min.css +1 -1
  245. package/patternfly.min.css.map +1 -1
  246. package/sass-utilities/namespaces-components.scss +6 -0
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -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
  >
@@ -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">
@@ -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">
@@ -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">
@@ -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">
@@ -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">
@@ -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
  >