@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/Tabs/examples/Tabs.md CHANGED
@@ -15,7 +15,7 @@ section: components
15
15
  <span class="pf-v6-c-button__text">Skip to content</span>
16
16
  </a>
17
17
  </div>
18
- <header class="pf-v6-c-masthead" id="tabs-tables-and-tabs-example-masthead">
18
+ <header class="pf-v6-c-masthead" id="tabs-tables-and-tabs-example-docked">
19
19
  <div class="pf-v6-c-masthead__main">
20
20
  <span class="pf-v6-c-masthead__toggle">
21
21
  <button
@@ -57,7 +57,7 @@ section: components
57
57
  y1="2.25860997e-13%"
58
58
  x2="32%"
59
59
  y2="100%"
60
- id="linearGradient-tabs-tables-and-tabs-example-masthead"
60
+ id="linearGradient-tabs-tables-and-tabs-example-docked"
61
61
  >
62
62
  <stop stop-color="#2B9AF3" offset="0%" />
63
63
  <stop
@@ -111,11 +111,11 @@ section: components
111
111
  />
112
112
  <path
113
113
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
114
- fill="url(#linearGradient-tabs-tables-and-tabs-example-masthead)"
114
+ fill="url(#linearGradient-tabs-tables-and-tabs-example-docked)"
115
115
  />
116
116
  <path
117
117
  d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
118
- fill="url(#linearGradient-tabs-tables-and-tabs-example-masthead)"
118
+ fill="url(#linearGradient-tabs-tables-and-tabs-example-docked)"
119
119
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
120
120
  />
121
121
  </g>
@@ -127,7 +127,7 @@ section: components
127
127
  <div class="pf-v6-c-masthead__content">
128
128
  <div
129
129
  class="pf-v6-c-toolbar pf-m-static"
130
- id="tabs-tables-and-tabs-example-masthead-toolbar"
130
+ id="tabs-tables-and-tabs-example-docked-toolbar"
131
131
  >
132
132
  <div class="pf-v6-c-toolbar__content">
133
133
  <div class="pf-v6-c-toolbar__content-section">
@@ -287,15 +287,17 @@ section: components
287
287
  <div class="pf-v6-c-page__main-body">
288
288
  <div
289
289
  class="pf-v6-c-tabs pf-m-page-insets"
290
+ aria-label="Pod"
290
291
  role="region"
291
292
  id="tabs-tables-and-tabs-example-tabs"
292
293
  >
293
- <ul class="pf-v6-c-tabs__list" role="tablist">
294
+ <ul class="pf-v6-c-tabs__list" role="tablist" aria-label="Pod">
294
295
  <li class="pf-v6-c-tabs__item pf-m-current" role="presentation">
295
296
  <button
296
297
  type="button"
297
298
  class="pf-v6-c-tabs__link"
298
299
  role="tab"
300
+ aria-selected="true"
299
301
  aria-controls="tabs-tables-and-tabs-example-tabs-details-panel"
300
302
  id="tabs-tables-and-tabs-example-tabs-details-link"
301
303
  >
@@ -307,6 +309,7 @@ section: components
307
309
  type="button"
308
310
  class="pf-v6-c-tabs__link"
309
311
  role="tab"
312
+ aria-selected="false"
310
313
  aria-controls="tabs-tables-and-tabs-example-tabs-yaml-panel"
311
314
  id="tabs-tables-and-tabs-example-tabs-yaml-link"
312
315
  >
@@ -318,6 +321,7 @@ section: components
318
321
  type="button"
319
322
  class="pf-v6-c-tabs__link"
320
323
  role="tab"
324
+ aria-selected="false"
321
325
  aria-controls="tabs-tables-and-tabs-example-tabs-environment-panel"
322
326
  id="tabs-tables-and-tabs-example-tabs-environment-link"
323
327
  >
@@ -329,6 +333,7 @@ section: components
329
333
  type="button"
330
334
  class="pf-v6-c-tabs__link"
331
335
  role="tab"
336
+ aria-selected="false"
332
337
  aria-controls="tabs-tables-and-tabs-example-tabs-logs-panel"
333
338
  id="tabs-tables-and-tabs-example-tabs-logs-link"
334
339
  >
@@ -340,6 +345,7 @@ section: components
340
345
  type="button"
341
346
  class="pf-v6-c-tabs__link"
342
347
  role="tab"
348
+ aria-selected="false"
343
349
  aria-controls="tabs-tables-and-tabs-example-tabs-events-panel"
344
350
  id="tabs-tables-and-tabs-example-tabs-events-link"
345
351
  >
@@ -351,6 +357,7 @@ section: components
351
357
  type="button"
352
358
  class="pf-v6-c-tabs__link"
353
359
  role="tab"
360
+ aria-selected="false"
354
361
  aria-controls="tabs-tables-and-tabs-example-tabs-terminal-panel"
355
362
  id="tabs-tables-and-tabs-example-tabs-terminal-link"
356
363
  >
@@ -601,7 +608,7 @@ section: components
601
608
  <span class="pf-v6-c-button__text">Skip to content</span>
602
609
  </a>
603
610
  </div>
604
- <header class="pf-v6-c-masthead" id="tabs-tables-and-tabs-example-masthead">
611
+ <header class="pf-v6-c-masthead" id="tabs-tables-and-tabs-example-docked">
605
612
  <div class="pf-v6-c-masthead__main">
606
613
  <span class="pf-v6-c-masthead__toggle">
607
614
  <button
@@ -643,7 +650,7 @@ section: components
643
650
  y1="2.25860997e-13%"
644
651
  x2="32%"
645
652
  y2="100%"
646
- id="linearGradient-tabs-tables-and-tabs-example-masthead"
653
+ id="linearGradient-tabs-tables-and-tabs-example-docked"
647
654
  >
648
655
  <stop stop-color="#2B9AF3" offset="0%" />
649
656
  <stop
@@ -697,11 +704,11 @@ section: components
697
704
  />
698
705
  <path
699
706
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
700
- fill="url(#linearGradient-tabs-tables-and-tabs-example-masthead)"
707
+ fill="url(#linearGradient-tabs-tables-and-tabs-example-docked)"
701
708
  />
702
709
  <path
703
710
  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"
704
- fill="url(#linearGradient-tabs-tables-and-tabs-example-masthead)"
711
+ fill="url(#linearGradient-tabs-tables-and-tabs-example-docked)"
705
712
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
706
713
  />
707
714
  </g>
@@ -713,7 +720,7 @@ section: components
713
720
  <div class="pf-v6-c-masthead__content">
714
721
  <div
715
722
  class="pf-v6-c-toolbar pf-m-static"
716
- id="tabs-tables-and-tabs-example-masthead-toolbar"
723
+ id="tabs-tables-and-tabs-example-docked-toolbar"
717
724
  >
718
725
  <div class="pf-v6-c-toolbar__content">
719
726
  <div class="pf-v6-c-toolbar__content-section">
@@ -872,15 +879,17 @@ section: components
872
879
  <div class="pf-v6-c-page__main-body">
873
880
  <div
874
881
  class="pf-v6-c-tabs pf-m-page-insets"
882
+ aria-label="Pod"
875
883
  role="region"
876
884
  id="tabs-tables-and-tabs-example-tabs"
877
885
  >
878
- <ul class="pf-v6-c-tabs__list" role="tablist">
886
+ <ul class="pf-v6-c-tabs__list" role="tablist" aria-label="Pod">
879
887
  <li class="pf-v6-c-tabs__item pf-m-current" role="presentation">
880
888
  <button
881
889
  type="button"
882
890
  class="pf-v6-c-tabs__link"
883
891
  role="tab"
892
+ aria-selected="true"
884
893
  aria-controls="tabs-tables-and-tabs-example-tabs-details-panel"
885
894
  id="tabs-tables-and-tabs-example-tabs-details-link"
886
895
  >
@@ -892,6 +901,7 @@ section: components
892
901
  type="button"
893
902
  class="pf-v6-c-tabs__link"
894
903
  role="tab"
904
+ aria-selected="false"
895
905
  aria-controls="tabs-tables-and-tabs-example-tabs-yaml-panel"
896
906
  id="tabs-tables-and-tabs-example-tabs-yaml-link"
897
907
  >
@@ -903,6 +913,7 @@ section: components
903
913
  type="button"
904
914
  class="pf-v6-c-tabs__link"
905
915
  role="tab"
916
+ aria-selected="false"
906
917
  aria-controls="tabs-tables-and-tabs-example-tabs-environment-panel"
907
918
  id="tabs-tables-and-tabs-example-tabs-environment-link"
908
919
  >
@@ -914,6 +925,7 @@ section: components
914
925
  type="button"
915
926
  class="pf-v6-c-tabs__link"
916
927
  role="tab"
928
+ aria-selected="false"
917
929
  aria-controls="tabs-tables-and-tabs-example-tabs-logs-panel"
918
930
  id="tabs-tables-and-tabs-example-tabs-logs-link"
919
931
  >
@@ -925,6 +937,7 @@ section: components
925
937
  type="button"
926
938
  class="pf-v6-c-tabs__link"
927
939
  role="tab"
940
+ aria-selected="false"
928
941
  aria-controls="tabs-tables-and-tabs-example-tabs-events-panel"
929
942
  id="tabs-tables-and-tabs-example-tabs-events-link"
930
943
  >
@@ -936,6 +949,7 @@ section: components
936
949
  type="button"
937
950
  class="pf-v6-c-tabs__link"
938
951
  role="tab"
952
+ aria-selected="false"
939
953
  aria-controls="tabs-tables-and-tabs-example-tabs-terminal-panel"
940
954
  id="tabs-tables-and-tabs-example-tabs-terminal-link"
941
955
  >
@@ -950,15 +964,21 @@ section: components
950
964
  <div class="pf-v6-c-page__main-body">
951
965
  <div
952
966
  class="pf-v6-c-tabs pf-m-secondary pf-m-page-insets"
967
+ aria-label="Pod details"
953
968
  role="region"
954
969
  id="tabs-tables-and-tabs-example-tabs-secondary"
955
970
  >
956
- <ul class="pf-v6-c-tabs__list" role="tablist">
971
+ <ul
972
+ class="pf-v6-c-tabs__list"
973
+ role="tablist"
974
+ aria-label="Pod details"
975
+ >
957
976
  <li class="pf-v6-c-tabs__item pf-m-current" role="presentation">
958
977
  <button
959
978
  type="button"
960
979
  class="pf-v6-c-tabs__link"
961
980
  role="tab"
981
+ aria-selected="true"
962
982
  aria-controls="tabs-tables-and-tabs-example-tabs-secondary-pod-info-panel"
963
983
  id="tabs-tables-and-tabs-example-tabs-secondary-pod-info-link"
964
984
  >
@@ -970,6 +990,7 @@ section: components
970
990
  type="button"
971
991
  class="pf-v6-c-tabs__link"
972
992
  role="tab"
993
+ aria-selected="false"
973
994
  aria-controls="tabs-tables-and-tabs-example-tabs-secondary-editable-aspects-panel"
974
995
  id="tabs-tables-and-tabs-example-tabs-secondary-editable-aspects-link"
975
996
  >
@@ -1187,7 +1208,7 @@ section: components
1187
1208
  <span class="pf-v6-c-button__text">Skip to content</span>
1188
1209
  </a>
1189
1210
  </div>
1190
- <header class="pf-v6-c-masthead" id="nested-tabs-example-masthead">
1211
+ <header class="pf-v6-c-masthead" id="nested-tabs-example-docked">
1191
1212
  <div class="pf-v6-c-masthead__main">
1192
1213
  <span class="pf-v6-c-masthead__toggle">
1193
1214
  <button
@@ -1229,7 +1250,7 @@ section: components
1229
1250
  y1="2.25860997e-13%"
1230
1251
  x2="32%"
1231
1252
  y2="100%"
1232
- id="linearGradient-nested-tabs-example-masthead"
1253
+ id="linearGradient-nested-tabs-example-docked"
1233
1254
  >
1234
1255
  <stop stop-color="#2B9AF3" offset="0%" />
1235
1256
  <stop
@@ -1283,11 +1304,11 @@ section: components
1283
1304
  />
1284
1305
  <path
1285
1306
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1286
- fill="url(#linearGradient-nested-tabs-example-masthead)"
1307
+ fill="url(#linearGradient-nested-tabs-example-docked)"
1287
1308
  />
1288
1309
  <path
1289
1310
  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"
1290
- fill="url(#linearGradient-nested-tabs-example-masthead)"
1311
+ fill="url(#linearGradient-nested-tabs-example-docked)"
1291
1312
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1292
1313
  />
1293
1314
  </g>
@@ -1299,7 +1320,7 @@ section: components
1299
1320
  <div class="pf-v6-c-masthead__content">
1300
1321
  <div
1301
1322
  class="pf-v6-c-toolbar pf-m-static"
1302
- id="nested-tabs-example-masthead-toolbar"
1323
+ id="nested-tabs-example-docked-toolbar"
1303
1324
  >
1304
1325
  <div class="pf-v6-c-toolbar__content">
1305
1326
  <div class="pf-v6-c-toolbar__content-section">
@@ -1458,15 +1479,17 @@ section: components
1458
1479
  <div class="pf-v6-c-page__main-body">
1459
1480
  <div
1460
1481
  class="pf-v6-c-tabs pf-m-page-insets"
1482
+ aria-label="Clusters"
1461
1483
  role="region"
1462
1484
  id="nested-tabs-example-tabs-tabs"
1463
1485
  >
1464
- <ul class="pf-v6-c-tabs__list" role="tablist">
1486
+ <ul class="pf-v6-c-tabs__list" role="tablist" aria-label="Clusters">
1465
1487
  <li class="pf-v6-c-tabs__item pf-m-current" role="presentation">
1466
1488
  <button
1467
1489
  type="button"
1468
1490
  class="pf-v6-c-tabs__link"
1469
1491
  role="tab"
1492
+ aria-selected="true"
1470
1493
  aria-controls="nested-tabs-example-tabs-tabs-cluster-1-panel"
1471
1494
  id="nested-tabs-example-tabs-tabs-cluster-1-link"
1472
1495
  >
@@ -1478,6 +1501,7 @@ section: components
1478
1501
  type="button"
1479
1502
  class="pf-v6-c-tabs__link"
1480
1503
  role="tab"
1504
+ aria-selected="false"
1481
1505
  aria-controls="nested-tabs-example-tabs-tabs-cluster-2-panel"
1482
1506
  id="nested-tabs-example-tabs-tabs-cluster-2-link"
1483
1507
  >
@@ -1511,10 +1535,15 @@ section: components
1511
1535
  <div class="pf-v6-l-flex__item">
1512
1536
  <div
1513
1537
  class="pf-v6-c-tabs"
1538
+ aria-label="Cluster 1"
1514
1539
  role="region"
1515
1540
  id="nested-tabs-example-tabs-tabs-subtabs"
1516
1541
  >
1517
- <ul class="pf-v6-c-tabs__list" role="tablist">
1542
+ <ul
1543
+ class="pf-v6-c-tabs__list"
1544
+ role="tablist"
1545
+ aria-label="Cluster 1"
1546
+ >
1518
1547
  <li
1519
1548
  class="pf-v6-c-tabs__item pf-m-current"
1520
1549
  role="presentation"
@@ -1523,6 +1552,7 @@ section: components
1523
1552
  type="button"
1524
1553
  class="pf-v6-c-tabs__link"
1525
1554
  role="tab"
1555
+ aria-selected="true"
1526
1556
  aria-controls="nested-tabs-example-tabs-tabs-subtabs-cluster-panel"
1527
1557
  id="nested-tabs-example-tabs-tabs-subtabs-cluster-link"
1528
1558
  >
@@ -1537,6 +1567,7 @@ section: components
1537
1567
  type="button"
1538
1568
  class="pf-v6-c-tabs__link"
1539
1569
  role="tab"
1570
+ aria-selected="false"
1540
1571
  aria-controls="nested-tabs-example-tabs-tabs-subtabs-control-plane-panel"
1541
1572
  id="nested-tabs-example-tabs-tabs-subtabs-control-plane-link"
1542
1573
  >
@@ -1553,6 +1584,7 @@ section: components
1553
1584
  type="button"
1554
1585
  class="pf-v6-c-tabs__link"
1555
1586
  role="tab"
1587
+ aria-selected="false"
1556
1588
  aria-controls="nested-tabs-example-tabs-tabs-subtabs-operators-panel"
1557
1589
  id="nested-tabs-example-tabs-tabs-subtabs-operators-link"
1558
1590
  >
@@ -1569,6 +1601,7 @@ section: components
1569
1601
  type="button"
1570
1602
  class="pf-v6-c-tabs__link"
1571
1603
  role="tab"
1604
+ aria-selected="false"
1572
1605
  aria-controls="nested-tabs-example-tabs-tabs-subtabs-virtualization-panel"
1573
1606
  id="nested-tabs-example-tabs-tabs-subtabs-virtualization-link"
1574
1607
  >
@@ -1692,7 +1725,7 @@ section: components
1692
1725
  <span class="pf-v6-c-button__text">Skip to content</span>
1693
1726
  </a>
1694
1727
  </div>
1695
- <header class="pf-v6-c-masthead" id="table-tabs-example-masthead">
1728
+ <header class="pf-v6-c-masthead" id="table-tabs-example-docked">
1696
1729
  <div class="pf-v6-c-masthead__main">
1697
1730
  <span class="pf-v6-c-masthead__toggle">
1698
1731
  <button
@@ -1734,7 +1767,7 @@ section: components
1734
1767
  y1="2.25860997e-13%"
1735
1768
  x2="32%"
1736
1769
  y2="100%"
1737
- id="linearGradient-table-tabs-example-masthead"
1770
+ id="linearGradient-table-tabs-example-docked"
1738
1771
  >
1739
1772
  <stop stop-color="#2B9AF3" offset="0%" />
1740
1773
  <stop
@@ -1788,11 +1821,11 @@ section: components
1788
1821
  />
1789
1822
  <path
1790
1823
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1791
- fill="url(#linearGradient-table-tabs-example-masthead)"
1824
+ fill="url(#linearGradient-table-tabs-example-docked)"
1792
1825
  />
1793
1826
  <path
1794
1827
  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"
1795
- fill="url(#linearGradient-table-tabs-example-masthead)"
1828
+ fill="url(#linearGradient-table-tabs-example-docked)"
1796
1829
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1797
1830
  />
1798
1831
  </g>
@@ -1804,7 +1837,7 @@ section: components
1804
1837
  <div class="pf-v6-c-masthead__content">
1805
1838
  <div
1806
1839
  class="pf-v6-c-toolbar pf-m-static"
1807
- id="table-tabs-example-masthead-toolbar"
1840
+ id="table-tabs-example-docked-toolbar"
1808
1841
  >
1809
1842
  <div class="pf-v6-c-toolbar__content">
1810
1843
  <div class="pf-v6-c-toolbar__content-section">
@@ -2636,6 +2669,7 @@ section: components
2636
2669
  <div class="pf-v6-c-drawer__body pf-m-no-padding">
2637
2670
  <div
2638
2671
  class="pf-v6-c-tabs pf-m-box pf-m-fill"
2672
+ aria-label="Node 2"
2639
2673
  role="region"
2640
2674
  id="-tabs"
2641
2675
  >
@@ -2650,7 +2684,11 @@ section: components
2650
2684
  </span>
2651
2685
  </button>
2652
2686
  </div>
2653
- <ul class="pf-v6-c-tabs__list" role="tablist">
2687
+ <ul
2688
+ class="pf-v6-c-tabs__list"
2689
+ role="tablist"
2690
+ aria-label="Node 2"
2691
+ >
2654
2692
  <li
2655
2693
  class="pf-v6-c-tabs__item pf-m-current"
2656
2694
  role="presentation"
@@ -2659,6 +2697,7 @@ section: components
2659
2697
  type="button"
2660
2698
  class="pf-v6-c-tabs__link"
2661
2699
  role="tab"
2700
+ aria-selected="true"
2662
2701
  aria-controls="-tabs-tab1-panel"
2663
2702
  id="-tabs-tab1-link"
2664
2703
  >
@@ -2670,6 +2709,7 @@ section: components
2670
2709
  type="button"
2671
2710
  class="pf-v6-c-tabs__link"
2672
2711
  role="tab"
2712
+ aria-selected="false"
2673
2713
  aria-controls="-tabs-tab2-panel"
2674
2714
  id="-tabs-tab2-link"
2675
2715
  >
@@ -2877,15 +2917,21 @@ section: components
2877
2917
  <div class="pf-v6-l-grid__item">
2878
2918
  <div
2879
2919
  class="pf-v6-c-tabs pf-m-inset-none"
2920
+ aria-label="PatternFly"
2880
2921
  role="region"
2881
2922
  id="modal-tabs-example-tabs"
2882
2923
  >
2883
- <ul class="pf-v6-c-tabs__list" role="tablist">
2924
+ <ul
2925
+ class="pf-v6-c-tabs__list"
2926
+ role="tablist"
2927
+ aria-label="PatternFly"
2928
+ >
2884
2929
  <li class="pf-v6-c-tabs__item pf-m-current" role="presentation">
2885
2930
  <button
2886
2931
  type="button"
2887
2932
  class="pf-v6-c-tabs__link"
2888
2933
  role="tab"
2934
+ aria-selected="true"
2889
2935
  aria-controls="modal-tabs-example-tabs-details-panel"
2890
2936
  id="modal-tabs-example-tabs-details-link"
2891
2937
  >
@@ -2897,6 +2943,7 @@ section: components
2897
2943
  type="button"
2898
2944
  class="pf-v6-c-tabs__link"
2899
2945
  role="tab"
2946
+ aria-selected="false"
2900
2947
  aria-controls="modal-tabs-example-tabs-documentation-panel"
2901
2948
  id="modal-tabs-example-tabs-documentation-link"
2902
2949
  >
@@ -2956,7 +3003,7 @@ section: components
2956
3003
  <span class="pf-v6-c-button__text">Skip to content</span>
2957
3004
  </a>
2958
3005
  </div>
2959
- <header class="pf-v6-c-masthead" id="modal-tabs-example-masthead">
3006
+ <header class="pf-v6-c-masthead" id="modal-tabs-example-docked">
2960
3007
  <div class="pf-v6-c-masthead__main">
2961
3008
  <span class="pf-v6-c-masthead__toggle">
2962
3009
  <button
@@ -2998,7 +3045,7 @@ section: components
2998
3045
  y1="2.25860997e-13%"
2999
3046
  x2="32%"
3000
3047
  y2="100%"
3001
- id="linearGradient-modal-tabs-example-masthead"
3048
+ id="linearGradient-modal-tabs-example-docked"
3002
3049
  >
3003
3050
  <stop stop-color="#2B9AF3" offset="0%" />
3004
3051
  <stop
@@ -3052,11 +3099,11 @@ section: components
3052
3099
  />
3053
3100
  <path
3054
3101
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
3055
- fill="url(#linearGradient-modal-tabs-example-masthead)"
3102
+ fill="url(#linearGradient-modal-tabs-example-docked)"
3056
3103
  />
3057
3104
  <path
3058
3105
  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"
3059
- fill="url(#linearGradient-modal-tabs-example-masthead)"
3106
+ fill="url(#linearGradient-modal-tabs-example-docked)"
3060
3107
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
3061
3108
  />
3062
3109
  </g>
@@ -3068,7 +3115,7 @@ section: components
3068
3115
  <div class="pf-v6-c-masthead__content">
3069
3116
  <div
3070
3117
  class="pf-v6-c-toolbar pf-m-static"
3071
- id="modal-tabs-example-masthead-toolbar"
3118
+ id="modal-tabs-example-docked-toolbar"
3072
3119
  >
3073
3120
  <div class="pf-v6-c-toolbar__content">
3074
3121
  <div class="pf-v6-c-toolbar__content-section">
@@ -3280,7 +3327,7 @@ section: components
3280
3327
  <span class="pf-v6-c-button__text">Skip to content</span>
3281
3328
  </a>
3282
3329
  </div>
3283
- <header class="pf-v6-c-masthead" id="gray-tabs-example-masthead">
3330
+ <header class="pf-v6-c-masthead" id="gray-tabs-example-docked">
3284
3331
  <div class="pf-v6-c-masthead__main">
3285
3332
  <span class="pf-v6-c-masthead__toggle">
3286
3333
  <button
@@ -3322,7 +3369,7 @@ section: components
3322
3369
  y1="2.25860997e-13%"
3323
3370
  x2="32%"
3324
3371
  y2="100%"
3325
- id="linearGradient-gray-tabs-example-masthead"
3372
+ id="linearGradient-gray-tabs-example-docked"
3326
3373
  >
3327
3374
  <stop stop-color="#2B9AF3" offset="0%" />
3328
3375
  <stop
@@ -3376,11 +3423,11 @@ section: components
3376
3423
  />
3377
3424
  <path
3378
3425
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
3379
- fill="url(#linearGradient-gray-tabs-example-masthead)"
3426
+ fill="url(#linearGradient-gray-tabs-example-docked)"
3380
3427
  />
3381
3428
  <path
3382
3429
  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"
3383
- fill="url(#linearGradient-gray-tabs-example-masthead)"
3430
+ fill="url(#linearGradient-gray-tabs-example-docked)"
3384
3431
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
3385
3432
  />
3386
3433
  </g>
@@ -3392,7 +3439,7 @@ section: components
3392
3439
  <div class="pf-v6-c-masthead__content">
3393
3440
  <div
3394
3441
  class="pf-v6-c-toolbar pf-m-static"
3395
- id="gray-tabs-example-masthead-toolbar"
3442
+ id="gray-tabs-example-docked-toolbar"
3396
3443
  >
3397
3444
  <div class="pf-v6-c-toolbar__content">
3398
3445
  <div class="pf-v6-c-toolbar__content-section">
@@ -3551,15 +3598,21 @@ section: components
3551
3598
  <div class="pf-v6-c-page__main-body">
3552
3599
  <div
3553
3600
  class="pf-v6-c-tabs pf-m-page-insets"
3601
+ aria-label="Red Hat Enterprise Linux"
3554
3602
  role="region"
3555
3603
  id="gray-tabs-example-tabs-tabs"
3556
3604
  >
3557
- <ul class="pf-v6-c-tabs__list" role="tablist">
3605
+ <ul
3606
+ class="pf-v6-c-tabs__list"
3607
+ role="tablist"
3608
+ aria-label="Red Hat Enterprise Linux"
3609
+ >
3558
3610
  <li class="pf-v6-c-tabs__item" role="presentation">
3559
3611
  <button
3560
3612
  type="button"
3561
3613
  class="pf-v6-c-tabs__link"
3562
3614
  role="tab"
3615
+ aria-selected="false"
3563
3616
  aria-controls="gray-tabs-example-tabs-tabs-new-panel"
3564
3617
  id="gray-tabs-example-tabs-tabs-new-link"
3565
3618
  >
@@ -3571,6 +3624,7 @@ section: components
3571
3624
  type="button"
3572
3625
  class="pf-v6-c-tabs__link"
3573
3626
  role="tab"
3627
+ aria-selected="true"
3574
3628
  aria-controls="gray-tabs-example-tabs-tabs-get-started-panel"
3575
3629
  id="gray-tabs-example-tabs-tabs-get-started-link"
3576
3630
  >
@@ -3582,6 +3636,7 @@ section: components
3582
3636
  type="button"
3583
3637
  class="pf-v6-c-tabs__link"
3584
3638
  role="tab"
3639
+ aria-selected="false"
3585
3640
  aria-controls="gray-tabs-example-tabs-tabs-knowledge-panel"
3586
3641
  id="gray-tabs-example-tabs-tabs-knowledge-link"
3587
3642
  >
@@ -3593,6 +3648,7 @@ section: components
3593
3648
  type="button"
3594
3649
  class="pf-v6-c-tabs__link"
3595
3650
  role="tab"
3651
+ aria-selected="false"
3596
3652
  aria-controls="gray-tabs-example-tabs-tabs-support-panel"
3597
3653
  id="gray-tabs-example-tabs-tabs-support-link"
3598
3654
  >
@@ -3632,10 +3688,15 @@ section: components
3632
3688
  <div class="pf-v6-l-grid__item">
3633
3689
  <div
3634
3690
  class="pf-v6-c-tabs pf-m-inset-none"
3691
+ aria-label="Get started"
3635
3692
  role="region"
3636
3693
  id="gray-tabs-example-tabs-subtabs"
3637
3694
  >
3638
- <ul class="pf-v6-c-tabs__list" role="tablist">
3695
+ <ul
3696
+ class="pf-v6-c-tabs__list"
3697
+ role="tablist"
3698
+ aria-label="Get started"
3699
+ >
3639
3700
  <li
3640
3701
  class="pf-v6-c-tabs__item pf-m-current"
3641
3702
  role="presentation"
@@ -3644,6 +3705,7 @@ section: components
3644
3705
  type="button"
3645
3706
  class="pf-v6-c-tabs__link"
3646
3707
  role="tab"
3708
+ aria-selected="true"
3647
3709
  aria-controls="gray-tabs-example-tabs-subtabs-x86-panel"
3648
3710
  id="gray-tabs-example-tabs-subtabs-x86-link"
3649
3711
  >
@@ -3655,6 +3717,7 @@ section: components
3655
3717
  type="button"
3656
3718
  class="pf-v6-c-tabs__link"
3657
3719
  role="tab"
3720
+ aria-selected="false"
3658
3721
  aria-controls="gray-tabs-example-tabs-subtabs-additional-architectures-panel"
3659
3722
  id="gray-tabs-example-tabs-subtabs-additional-architectures-link"
3660
3723
  >