@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/Dashboard/examples/Dashboard.md CHANGED
@@ -597,10 +597,7 @@ cssPrefix: pf-d-dashboard
597
597
  style="--pf-v6-l-grid--item--Order-on-lg:3"
598
598
  >
599
599
  <div class="pf-v6-l-flex pf-m-column">
600
- <div
601
- class="pf-v6-c-card pf-m-expanded"
602
- id="dashboard-demo-status-card-1"
603
- >
600
+ <div class="pf-v6-c-card" id="dashboard-demo-status-card-1">
604
601
  <div class="pf-v6-c-card__header">
605
602
  <h2 class="pf-v6-c-title pf-m-xl">Status</h2>
606
603
  </div>
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -727,57 +727,63 @@ cssPrefix: pf-d-description-list
727
727
  </div>
728
728
  </div>
729
729
  <div class="pf-v6-c-drawer__panel pf-m-width-33-on-lg">
730
- <div class="pf-v6-c-drawer__body">
731
- <div class="pf-v6-c-drawer__head">
732
- <div class="pf-v6-c-drawer__actions">
730
+ <div class="pf-v6-c-drawer__head">
731
+ <div class="pf-v6-c-drawer__actions">
732
+ <button
733
+ class="pf-v6-c-menu-toggle pf-m-plain"
734
+ type="button"
735
+ aria-expanded="false"
736
+ aria-label="Menu toggle"
737
+ id="description-list-in-drawer-example-toggle"
738
+ >
739
+ <span class="pf-v6-c-menu-toggle__icon">
740
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
741
+ </span>
742
+ </button>
743
+ <div class="pf-v6-c-drawer__close">
733
744
  <button
734
- class="pf-v6-c-menu-toggle pf-m-plain"
745
+ class="pf-v6-c-button pf-m-plain"
735
746
  type="button"
736
- aria-expanded="false"
737
- aria-label="Menu toggle"
738
- id="description-list-in-drawer-example-toggle"
747
+ aria-label="Close drawer panel"
739
748
  >
740
- <span class="pf-v6-c-menu-toggle__icon">
741
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
749
+ <span class="pf-v6-c-button__icon">
750
+ <i class="fas fa-times" aria-hidden="true"></i>
742
751
  </span>
743
752
  </button>
744
- <div class="pf-v6-c-drawer__close">
745
- <button
746
- class="pf-v6-c-button pf-m-plain"
747
- type="button"
748
- aria-label="Close drawer panel"
749
- >
750
- <span class="pf-v6-c-button__icon">
751
- <i class="fas fa-times" aria-hidden="true"></i>
752
- </span>
753
- </button>
754
- </div>
755
753
  </div>
756
- <div class="pf-v6-l-flex pf-m-space-items-sm">
757
- <div class="pf-v6-l-flex__item">
758
- <span class="pf-v6-c-label pf-m-compact pf-m-blue">
759
- <span class="pf-v6-c-label__content">
760
- <span class="pf-v6-c-label__text">DC</span>
761
- </span>
754
+ </div>
755
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
756
+ <div class="pf-v6-l-flex__item">
757
+ <span class="pf-v6-c-label pf-m-compact pf-m-blue">
758
+ <span class="pf-v6-c-label__content">
759
+ <span class="pf-v6-c-label__text">DC</span>
762
760
  </span>
763
- </div>
764
- <div class="pf-v6-l-flex__item">
765
- <h2
766
- class="pf-v6-c-title pf-m-xl"
767
- id="description-list-in-drawer-example-drawer-label"
768
- >mary-test</h2>
769
- </div>
761
+ </span>
762
+ </div>
763
+ <div class="pf-v6-l-flex__item">
764
+ <h2
765
+ class="pf-v6-c-title pf-m-xl"
766
+ id="description-list-in-drawer-example-drawer-label"
767
+ >mary-test</h2>
770
768
  </div>
771
769
  </div>
772
770
  </div>
773
771
  <div class="pf-v6-c-drawer__body pf-m-no-padding">
774
- <div class="pf-v6-c-tabs pf-m-box pf-m-fill">
775
- <ul class="pf-v6-c-tabs__list" role="tablist">
772
+ <div
773
+ class="pf-v6-c-tabs pf-m-box pf-m-fill"
774
+ aria-label="Drawer panel"
775
+ >
776
+ <ul
777
+ class="pf-v6-c-tabs__list"
778
+ role="tablist"
779
+ aria-label="Drawer panel"
780
+ >
776
781
  <li class="pf-v6-c-tabs__item pf-m-current" role="presentation">
777
782
  <button
778
783
  type="button"
779
784
  class="pf-v6-c-tabs__link"
780
785
  role="tab"
786
+ aria-selected="true"
781
787
  id="description-list-in-drawer-example-panel-tabs-tab1-link"
782
788
  >
783
789
  <span class="pf-v6-c-tabs__item-text">Overview</span>
@@ -788,6 +794,7 @@ cssPrefix: pf-d-description-list
788
794
  type="button"
789
795
  class="pf-v6-c-tabs__link"
790
796
  role="tab"
797
+ aria-selected="false"
791
798
  id="description-list-in-drawer-example-panel-tabs-tab2-link"
792
799
  >
793
800
  <span class="pf-v6-c-tabs__item-text">Activity</span>
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -338,57 +338,63 @@ wrapperTag: div
338
338
  </div>
339
339
  </div>
340
340
  <div class="pf-v6-c-drawer__panel pf-m-width-33-on-lg" hidden>
341
- <div class="pf-v6-c-drawer__body">
342
- <div class="pf-v6-c-drawer__head">
343
- <div class="pf-v6-c-drawer__actions">
341
+ <div class="pf-v6-c-drawer__head">
342
+ <div class="pf-v6-c-drawer__actions">
343
+ <button
344
+ class="pf-v6-c-menu-toggle pf-m-plain"
345
+ type="button"
346
+ aria-expanded="false"
347
+ aria-label="Menu toggle"
348
+ id="drawer-collapsed-example-toggle"
349
+ >
350
+ <span class="pf-v6-c-menu-toggle__icon">
351
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
352
+ </span>
353
+ </button>
354
+ <div class="pf-v6-c-drawer__close">
344
355
  <button
345
- class="pf-v6-c-menu-toggle pf-m-plain"
356
+ class="pf-v6-c-button pf-m-plain"
346
357
  type="button"
347
- aria-expanded="false"
348
- aria-label="Menu toggle"
349
- id="drawer-collapsed-example-toggle"
358
+ aria-label="Close drawer panel"
350
359
  >
351
- <span class="pf-v6-c-menu-toggle__icon">
352
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
360
+ <span class="pf-v6-c-button__icon">
361
+ <i class="fas fa-times" aria-hidden="true"></i>
353
362
  </span>
354
363
  </button>
355
- <div class="pf-v6-c-drawer__close">
356
- <button
357
- class="pf-v6-c-button pf-m-plain"
358
- type="button"
359
- aria-label="Close drawer panel"
360
- >
361
- <span class="pf-v6-c-button__icon">
362
- <i class="fas fa-times" aria-hidden="true"></i>
363
- </span>
364
- </button>
365
- </div>
366
364
  </div>
367
- <div class="pf-v6-l-flex pf-m-space-items-sm">
368
- <div class="pf-v6-l-flex__item">
369
- <span class="pf-v6-c-label pf-m-compact pf-m-blue">
370
- <span class="pf-v6-c-label__content">
371
- <span class="pf-v6-c-label__text">DC</span>
372
- </span>
365
+ </div>
366
+ <div class="pf-v6-l-flex pf-m-space-items-sm">
367
+ <div class="pf-v6-l-flex__item">
368
+ <span class="pf-v6-c-label pf-m-compact pf-m-blue">
369
+ <span class="pf-v6-c-label__content">
370
+ <span class="pf-v6-c-label__text">DC</span>
373
371
  </span>
374
- </div>
375
- <div class="pf-v6-l-flex__item">
376
- <h2
377
- class="pf-v6-c-title pf-m-xl"
378
- id="drawer-collapsed-example-drawer-label"
379
- >mary-test</h2>
380
- </div>
372
+ </span>
373
+ </div>
374
+ <div class="pf-v6-l-flex__item">
375
+ <h2
376
+ class="pf-v6-c-title pf-m-xl"
377
+ id="drawer-collapsed-example-drawer-label"
378
+ >mary-test</h2>
381
379
  </div>
382
380
  </div>
383
381
  </div>
384
382
  <div class="pf-v6-c-drawer__body pf-m-no-padding">
385
- <div class="pf-v6-c-tabs pf-m-box pf-m-fill">
386
- <ul class="pf-v6-c-tabs__list" role="tablist">
383
+ <div
384
+ class="pf-v6-c-tabs pf-m-box pf-m-fill"
385
+ aria-label="Drawer panel"
386
+ >
387
+ <ul
388
+ class="pf-v6-c-tabs__list"
389
+ role="tablist"
390
+ aria-label="Drawer panel"
391
+ >
387
392
  <li class="pf-v6-c-tabs__item pf-m-current" role="presentation">
388
393
  <button
389
394
  type="button"
390
395
  class="pf-v6-c-tabs__link"
391
396
  role="tab"
397
+ aria-selected="true"
392
398
  id="drawer-collapsed-example-panel-tabs-tab1-link"
393
399
  >
394
400
  <span class="pf-v6-c-tabs__item-text">Overview</span>
@@ -399,6 +405,7 @@ wrapperTag: div
399
405
  type="button"
400
406
  class="pf-v6-c-tabs__link"
401
407
  role="tab"
408
+ aria-selected="false"
402
409
  id="drawer-collapsed-example-panel-tabs-tab2-link"
403
410
  >
404
411
  <span class="pf-v6-c-tabs__item-text">Activity</span>